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>

src/app/projects/page.js

@@ -10,6 +10,7 @@ import PageContainer from "@/components/ui/PageContainer";
 import PageHeader from "@/components/ui/PageHeader";
 import SearchBar from "@/components/ui/SearchBar";
 import { LoadingState } from "@/components/ui/States";
+import { formatDate } from "@/lib/utils";
 
 export default function ProjectListPage() {
 	const [projects, setProjects] = useState([]);
@@ -245,12 +246,14 @@ export default function ProjectListPage() {
 										title={project.plot}
 									>
 										{project.plot || "N/A"}
-									</td>
+									</td>{" "}
 									<td
 										className="px-2 py-3 text-xs text-gray-600 truncate"
 										title={project.finish_date}
 									>
-										{project.finish_date || "N/A"}
+										{project.finish_date
+											? formatDate(project.finish_date)
+											: "N/A"}
 									</td>
 									<td className="px-2 py-3 text-xs text-gray-600 text-center font-semibold">
 										{project.project_type === "design"