do to formatters

apps/website/components/leagues/EnhancedLeagueSchedulePanel.tsx

@@ -1,18 +1,16 @@
 'use client';
 
-import React, { useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { routes } from '@/lib/routing/RouteConfig';
-import { Box } from '@/ui/Box';
-import { Text } from '@/ui/Text';
-import { Stack } from '@/ui/Stack';
-import { Button } from '@/ui/Button';
-import { Icon } from '@/ui/Icon';
+import { DateFormatter } from '@/lib/formatters/DateFormatter';
 import { Badge } from '@/ui/Badge';
+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 { ChevronDown, ChevronUp, Calendar, CheckCircle, Trophy, Edit, Clock } from 'lucide-react';
-import { DateDisplay } from '@/lib/display-objects/DateDisplay';
+import { Text } from '@/ui/Text';
+import { Calendar, CheckCircle, ChevronDown, ChevronUp, Clock, Edit, Trophy } from 'lucide-react';
+import { useState } from 'react';
 
 interface RaceEvent {
   id: string;
@@ -50,9 +48,6 @@ interface MonthGroup {
 
 export function EnhancedLeagueSchedulePanel({
   events,
-  leagueId,
-  currentDriverId,
-  isAdmin,
   onRegister,
   onWithdraw,
   onEdit,
@@ -60,7 +55,6 @@ export function EnhancedLeagueSchedulePanel({
   onRaceDetail,
   onResultsClick,
 }: EnhancedLeagueSchedulePanelProps) {
-  const router = useRouter();
   const [expandedMonths, setExpandedMonths] = useState<Set<string>>(new Set());
 
   // Group races by month
@@ -109,7 +103,7 @@ export function EnhancedLeagueSchedulePanel({
   };
 
   const formatTime = (scheduledAt: string) => {
-    return DateDisplay.formatDateTime(scheduledAt);
+    return DateFormatter.formatDateTime(scheduledAt);
   };
 
   const groups = groupRacesByMonth();
@@ -158,7 +152,7 @@ export function EnhancedLeagueSchedulePanel({
             {isExpanded && (
               <Box p={4}>
                 <Stack gap={3}>
-                  {group.races.map((race, raceIndex) => (
+                  {group.races.map((race) => (
                     <Surface
                       key={race.id}
                       variant="precision"