fix: date format showing MM/DD/YYYY instead of DD/MM/YYYY

src/features/database/components/health-grid.tsx

@@ -92,7 +92,7 @@ function getOldestLog(logs: HealthcheckLog[]): HealthcheckLog {
 }
 
 function formatTime(date: Date): string {
-    return date.toLocaleTimeString("en-US", {
+    return date.toLocaleTimeString("en-GB", {
         hour: "2-digit",
         minute: "2-digit",
         hour12: false,

src/features/organizations/components/organization-member-card.tsx

@@ -19,6 +19,7 @@ import {
     OrganizationMemberChangeRoleModal
 } from "@/features/organizations/components/organization-member-change-role";
 import {MemberWithUser, OrganizationWithMembersAndUsers} from "@/db/schema/03_organization";
+import {formatDayOnly} from "@/utils/date-formatting";
 
 type OrganizationMemberCardProps = {
     member: MemberWithUser;
@@ -56,7 +57,7 @@ export const OrganizationMemberCard = ({member, organization}: OrganizationMembe
                     <div className="font-medium">{member.user.name}</div>
                     <div className="text-sm text-muted-foreground">{member.user.email}</div>
                     <div
-                        className="text-xs text-muted-foreground">Joined {new Date(member.createdAt).toLocaleDateString()}</div>
+                        className="text-xs text-muted-foreground">Joined {formatDayOnly(new Date(member.createdAt))}</div>
                 </div>
             </div>
             <div className="flex items-center space-x-2 mt-4 md:mt-0">

src/features/profile/components/profile-security.tsx

@@ -44,7 +44,6 @@ import { Account, Session, User } from "@/db/schema/02_user";
 import { Icon } from "@iconify/react";
 import Image from "next/image";
 import type { AuthProviderConfig } from "@/lib/auth/config";
-import { is } from "date-fns/locale";
 
 interface ProfileSecurityProps {
   user: User;

src/features/projects/components/bulk-restore-modal.tsx

@@ -6,6 +6,7 @@ import {Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter} from "@/
 import {Button} from "@/components/ui/button";
 import {Input} from "@/components/ui/input";
 import type {RestorePreviewRow} from "@/features/database/actions/bulk-restore.action";
+import {formatLocalizedDate} from "@/utils/date-formatting";
 
 const CONFIRM_WORD = "restore";
 
@@ -54,7 +55,7 @@ export const BulkRestoreModal = (props: BulkRestoreModalProps) => {
                                         <td className={`p-2 ${r.restorable ? "" : "opacity-50"}`}>{r.name}</td>
                                         <td className="p-2">
                                             {r.restorable
-                                                ? <span className="text-green-600">{r.backupDate ? new Date(r.backupDate).toLocaleString() : "latest backup"}</span>
+                                                ? <span className="text-green-600">{r.backupDate ? formatLocalizedDate(r.backupDate) : "latest backup"}</span>
                                                 : <span className="text-amber-500">{r.reason ?? "no successful backup"} — skipped</span>}
                                         </td>
                                     </tr>