fix(dashboard): silence hydration mismatch warning in audit bucket row

Revert static datetime formatting using `date-fns` to `toLocaleDateString()` to better suit global users. Suppress the hydration mismatch warnings caused by differences between server and client-side rendered dates.

Co-authored-by: @chronark
PR: #2413

apps/dashboard/app/(app)/audit/[bucket]/row.tsx

@@ -5,7 +5,6 @@ import { Badge } from "@/components/ui/badge";
 import { Code } from "@/components/ui/code";
 import { TableCell, TableRow } from "@/components/ui/table";
 import { cn } from "@/lib/utils";
-import { format } from "date-fns";
 import { ChevronDown, KeySquare, Minus } from "lucide-react";
 import { useState } from "react";
 
@@ -85,11 +84,11 @@ export const Row: React.FC<Props> = ({ auditLog, user }) => {
         </TableCell>
         <TableCell>
           <div className="flex items-center gap-2">
-            <span className="text-sm text-content">
-              {format(new Date(auditLog.time), "dd/MM/yyyy")}
+            <span className="text-sm text-content" suppressHydrationWarning>
+               {new Date(auditLog.time).toLocaleDateString()}
             </span>
-            <span className="text-xs text-content-subtle">
-              {format(new Date(auditLog.time), "dd/MM/yyyy")}
+            <span className="text-xs text-content-subtle" suppressHydrationWarning>
+               {new Date(auditLog.time).toLocaleDateString()}
             </span>
           </div>
         </TableCell>