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

src/app/contracts/page.js

@@ -10,6 +10,7 @@ import PageHeader from "@/components/ui/PageHeader";
 import SearchBar from "@/components/ui/SearchBar";
 import FilterBar from "@/components/ui/FilterBar";
 import { LoadingState } from "@/components/ui/States";
+import { formatDate } from "@/lib/utils";
 
 export default function ContractsMainPage() {
 	const [contracts, setContracts] = useState([]);
@@ -485,11 +486,9 @@ export default function ContractsMainPage() {
 														</svg>
 														<span className="font-medium text-gray-700">
 															Zawarcie:
-														</span>
+														</span>{" "}
 														<span className="text-gray-600">
-															{new Date(
-																contract.date_signed
-															).toLocaleDateString("pl-PL")}
+															{formatDate(contract.date_signed)}
 														</span>
 													</div>
 												)}
@@ -510,11 +509,9 @@ export default function ContractsMainPage() {
 														</svg>
 														<span className="font-medium text-gray-700">
 															Zakończenie:
-														</span>
+														</span>{" "}
 														<span className="text-gray-600">
-															{new Date(
-																contract.finish_date
-															).toLocaleDateString("pl-PL")}
+															{formatDate(contract.finish_date)}
 														</span>
 													</div>
 												)}