chore: reflect a few UI feddbacks

Author: baumstern

components/report-details/funding-progress.tsx

@@ -23,16 +23,16 @@ const FundingProgress: React.FC<FundingProgressProps> = ({
 				<div className="flex justify-between">
 					<div className="text-sm text-vd-blue-600 flex-1">
 						<span className="text-vd-blue-900 font-semibold text-lg">
-							${totalAmount}
+							${dollarAmountNeeded}
 						</span>{" "}
-						GOAL
+						NEEDED
 					</div>
 					{!isFullyFunded && (
 						<div className="text-sm text-vd-blue-600">
 							<span className="text-vd-blue-900 font-semibold text-lg">
-								${dollarAmountNeeded}
+								${totalAmount}
 							</span>{" "}
-							NEEDED
+							GOAL
 						</div>
 					)}
 				</div>

components/report-details/report-sidebar.tsx

@@ -12,15 +12,11 @@ const ImpactDetails = ({ report }: { report: Report }) => {
 		},
 		{
 			title: "Impact Timeframe",
-			value: report.impactTimeframe
-				? report.impactTimeframe
-				: "N/A",
+			value: report.impactTimeframe ? report.impactTimeframe : "N/A",
 		},
 		{
 			title: "Work Timeframe",
-			value: report.workTimeframe
-				? report.workTimeframe
-				: "N/A",
+			value: report.workTimeframe ? report.workTimeframe : "N/A",
 		},
 		{
 			title: "Contributors",
@@ -94,7 +90,7 @@ const EvaluationDetails = ({ report }: { report: Partial<Report> }) => {
 			value: report.verifiedBy || "Not Verified",
 		},
 		{
-			title: "Byline",
+			title: "Evaluated By",
 			value: report.byline || "Anonymous",
 		},
 	];

components/reports/report-card.tsx

@@ -86,7 +86,7 @@ const ReportCard: React.FC<ReportCardProps> = ({
 					<p className="text-xs">
 						{fundedSoFar === totalCost
 							? "Funded!"
-							: `${totalCost - fundedSoFar} needed`}
+							: `$${totalCost - fundedSoFar} needed`}
 					</p>
 				</CardFooter>
 			</Card>