Phase 0.3: migrate date formatting to date-fns

frontend/src/components/dms/FileDetails.tsx

@@ -9,15 +9,11 @@ import { useTranslation } from 'react-i18next';
 import type { DmsFile } from '@/api/dms';
 import { getFileIcon, formatFileSize } from './FileExplorer';
 import { Download, Eye, FileText, Share2, Trash2, X } from 'lucide-react';
+import { formatDateTime } from '@/utils/date';
 
 function formatDate(dateStr: string | null | undefined): string {
   if (!dateStr) return '-';
-  try {
-    const d = new Date(dateStr);
-    return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
-  } catch {
-    return dateStr;
-  }
+  return formatDateTime(dateStr) || '-';
 }
 
 function getFileSize(file: DmsFile): number {

frontend/src/components/dms/FileExplorer.tsx

@@ -38,6 +38,8 @@ export function formatFileSize(bytes: number): string {
   if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
   return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
 }
+import { formatDateShort } from '@/utils/date';
+
 
 function getFileSize(file: DmsFile): number {
   return file.size_bytes ?? file.size ?? 0;
@@ -45,12 +47,7 @@ function getFileSize(file: DmsFile): number {
 
 function formatDate(dateStr: string | null | undefined): string {
   if (!dateStr) return '';
-  try {
-    const d = new Date(dateStr);
-    return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });
-  } catch {
-    return dateStr;
-  }
+  return formatDateShort(dateStr) || '';
 }
 
 export type ViewMode = 'list' | 'table' | 'icons-sm' | 'icons-md' | 'icons-lg';

frontend/src/components/dms/FilePreviewModal.tsx

@@ -8,6 +8,7 @@ import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Modal } from '@/components/ui/Modal';
 import { Button } from '@/components/ui/Button';
+import { formatDateShort } from '@/utils/date';
 import { Badge } from '@/components/ui/Badge';
 import { getFilePreviewUrl, type DmsFile } from '@/api/dms';
 import { FileText } from 'lucide-react';
@@ -56,7 +57,7 @@ export function FilePreviewModal({ open, file, onClose }: FilePreviewModalProps)
           <span className="text-sm text-secondary-500">{formatFileSize(file.size_bytes ?? file.size ?? 0)}</span>
           {file.created_at && (
             <span className="text-sm text-secondary-500">
-              {t('dms.fileModified')}: {new Date(file.created_at).toLocaleDateString()}
+              {t('dms.fileModified')}: {formatDateShort(file.created_at)}
             </span>
           )}
         </div>

frontend/src/components/dms/ShareDialog.tsx

@@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next';
 import { Modal } from '@/components/ui/Modal';
 import { Button } from '@/components/ui/Button';
 import { Input } from '@/components/ui/Input';
+import { formatDateShort } from '@/utils/date';
 import { Select } from '@/components/ui/Select';
 import { Badge } from '@/components/ui/Badge';
 import { EmptyState } from '@/components/ui/EmptyState';
@@ -259,7 +260,7 @@ export function ShareDialog({ open, file, onClose, onShared }: ShareDialogProps)
                     )}
                     {link.expires_at && (
                       <Badge variant="info">
-                        {t('permissions.expiresAt')}: {new Date(link.expires_at).toLocaleDateString()}
+                        {t('permissions.expiresAt')}: {formatDateShort(link.expires_at)}
                       </Badge>
                     )}
                   </div>