website refactor

apps/website/templates/LeagueScheduleTemplate.tsx

@@ -5,6 +5,8 @@ import type { LeagueScheduleViewData } from '@/lib/view-data/leagues/LeagueSched
 import { Box } from '@/ui/Box';
 import { Text } from '@/ui/Text';
 
+import { DateDisplay } from '@/lib/display-objects/DateDisplay';
+
 interface LeagueScheduleTemplateProps {
   viewData: LeagueScheduleViewData;
 }
@@ -15,8 +17,8 @@ export function LeagueScheduleTemplate({ viewData }: LeagueScheduleTemplateProps
     title: race.name || `Race ${race.id.substring(0, 4)}`,
     trackName: race.track || 'TBA',
     date: race.scheduledAt,
-    time: new Date(race.scheduledAt).toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' }),
-    status: (race.status as 'upcoming' | 'live' | 'completed') || 'upcoming',
+    time: DateDisplay.formatDateTime(race.scheduledAt),
+    status: (race.status === 'completed' ? 'completed' : 'upcoming') as any,
     strengthOfField: race.strengthOfField
   }));