feat: Add date formatting utility functions and integrate them across components

src/app/projects/[id]/page.js

@@ -9,6 +9,7 @@ import Button from "@/components/ui/Button";
 import Badge from "@/components/ui/Badge";
 import Link from "next/link";
 import { differenceInCalendarDays, parseISO } from "date-fns";
+import { formatDate } from "@/lib/utils";
 import PageContainer from "@/components/ui/PageContainer";
 import PageHeader from "@/components/ui/PageHeader";
 import ProjectStatusDropdown from "@/components/ProjectStatusDropdown";
@@ -172,13 +173,15 @@ export default async function ProjectViewPage({ params }) {
 									<p className="text-gray-900 font-medium">
 										{project.unit || "N/A"}
 									</p>
-								</div>
+								</div>{" "}
 								<div>
 									<span className="text-sm font-medium text-gray-500 block mb-1">
 										Deadline
 									</span>
 									<p className="text-gray-900 font-medium">
-										{project.finish_date || "N/A"}
+										{project.finish_date
+											? formatDate(project.finish_date)
+											: "N/A"}
 									</p>
 								</div>
 								<div>