fix e2e

apps/website/components/races/RaceCard.tsx

@@ -19,7 +19,13 @@ interface RaceCardProps {
 }
 
 export function RaceCard({ race, onClick, className }: RaceCardProps) {
-  const config = raceStatusConfig[race.status as keyof typeof raceStatusConfig];
+  const config = raceStatusConfig[race.status as keyof typeof raceStatusConfig] || {
+    border: 'border-charcoal-outline',
+    bg: 'bg-charcoal-outline',
+    color: 'text-gray-400',
+    icon: () => null,
+    label: 'Scheduled',
+  };
 
   return (
     <div
@@ -70,7 +76,7 @@ export function RaceCard({ race, onClick, className }: RaceCardProps) {
 
             {/* Status Badge */}
             <div className={`flex items-center gap-1.5 px-2.5 py-1 rounded-full ${config.bg} ${config.border} border`}>
-              <config.icon className={`w-3.5 h-3.5 ${config.color}`} />
+              {config.icon && <config.icon className={`w-3.5 h-3.5 ${config.color}`} />}
               <span className={`text-xs font-medium ${config.color}`}>
                 {config.label}
               </span>