website refactor

apps/website/components/leagues/EnhancedLeagueSchedulePanel.tsx

@@ -129,7 +129,7 @@ export function EnhancedLeagueSchedulePanel({
         const isExpanded = expandedMonths.has(monthKey);
 
         return (
-          <Surface key={monthKey} variant="precision" overflow="hidden">
+          <Surface key={monthKey} variant="precision" overflow="hidden" data-testid="schedule-month-group">
             {/* Month Header */}
             <Box
               display="flex"
@@ -163,6 +163,7 @@ export function EnhancedLeagueSchedulePanel({
                       key={race.id}
                       variant="precision"
                       p={4}
+                      data-testid="race-item"
                     >
                       <Box display="flex" alignItems="center" justifyContent="space-between" gap={4}>
                         {/* Race Info */}
@@ -208,6 +209,7 @@ export function EnhancedLeagueSchedulePanel({
                                   size="sm"
                                   onClick={() => onRegister(race.id)}
                                   icon={<Icon icon={CheckCircle} size={3} />}
+                                  data-testid="register-button"
                                 >
                                   Register
                                 </Button>