do to formatters

apps/website/components/leagues/RaceDetailModal.tsx

@@ -1,28 +1,27 @@
 'use client';
 
-import React from 'react';
-import { Box } from '@/ui/Box';
-import { Text } from '@/ui/Text';
-import { Stack } from '@/ui/Stack';
-import { Group } from '@/ui/Group';
-import { Surface } from '@/ui/Surface';
-import { Icon } from '@/ui/Icon';
-import { Button } from '@/ui/Button';
+import { DateFormatter } from '@/lib/formatters/DateFormatter';
 import { Badge } from '@/ui/Badge';
-import { 
-  Calendar, 
-  Clock, 
-  Car, 
-  MapPin, 
-  Thermometer, 
-  Droplets, 
-  Wind, 
+import { Box } from '@/ui/Box';
+import { Button } from '@/ui/Button';
+import { Group } from '@/ui/Group';
+import { Icon } from '@/ui/Icon';
+import { Stack } from '@/ui/Stack';
+import { Surface } from '@/ui/Surface';
+import { Text } from '@/ui/Text';
+import {
+  Calendar,
+  Car,
+  CheckCircle,
+  Clock,
   Cloud,
-  X,
+  Droplets,
+  MapPin,
+  Thermometer,
   Trophy,
-  CheckCircle
+  Wind,
+  X
 } from 'lucide-react';
-import { DateDisplay } from '@/lib/display-objects/DateDisplay';
 
 interface RaceDetailModalProps {
   race: {
@@ -55,7 +54,7 @@ export function RaceDetailModal({
   if (!isOpen) return null;
 
   const formatTime = (scheduledAt: string) => {
-    return DateDisplay.formatDateTime(scheduledAt);
+    return DateFormatter.formatDateTime(scheduledAt);
   };
 
   const getStatusBadge = (status: 'scheduled' | 'completed') => {