website cleanup

apps/website/components/races/RaceResultCard.tsx

@@ -2,14 +2,14 @@
 
 import Link from 'next/link';
 import { ChevronRight } from 'lucide-react';
-import { Race } from '@core/racing/domain/entities/Race';
-import { Result } from '@core/racing/domain/entities/Result';
-import { League } from '@core/racing/domain/entities/League';
+import type { RaceDetailRaceDTO } from '@/lib/types/generated/RaceDetailRaceDTO';
+import type { RaceResultDTO } from '@/lib/types/generated/RaceResultDTO';
+import type { RaceDetailLeagueDTO } from '@/lib/types/generated/RaceDetailLeagueDTO';
 
 interface RaceResultCardProps {
-  race: Race;
-  result: Result;
-  league?: League;
+  race: RaceDetailRaceDTO;
+  result: RaceResultDTO;
+  league?: RaceDetailLeagueDTO;
   showLeague?: boolean;
 }
 
@@ -46,7 +46,7 @@ export default function RaceResultCard({
         <div className="flex items-center gap-3">
           <div className="text-right">
             <div className="text-sm text-gray-400">
-              {race.scheduledAt.toLocaleDateString('en-US', {
+              {new Date(race.scheduledAt).toLocaleDateString('en-US', {
                 month: 'short',
                 day: 'numeric',
                 year: 'numeric',

apps/website/components/races/RaceResultsHeader.tsx

@@ -2,11 +2,11 @@ import React from 'react';
 import { Calendar, Trophy, Users, Zap } from 'lucide-react';
 
 interface RaceResultsHeaderProps {
-  raceTrack?: string;
-  raceScheduledAt?: string;
-  totalDrivers?: number;
-  leagueName?: string;
-  raceSOF?: number | null;
+  raceTrack: string | undefined;
+  raceScheduledAt: string | undefined;
+  totalDrivers: number | undefined;
+  leagueName: string | undefined;
+  raceSOF: number | null | undefined;
 }
 
 const DEFAULT_RACE_TRACK = 'Race';