fix e2e

apps/website/app/leagues/[id]/schedule/LeagueScheduleInteractive.tsx

@@ -0,0 +1,11 @@
+'use client';
+
+import { useParams } from 'next/navigation';
+import { LeagueScheduleTemplate } from '@/templates/LeagueScheduleTemplate';
+
+export default function LeagueScheduleInteractive() {
+  const params = useParams();
+  const leagueId = params.id as string;
+
+  return <LeagueScheduleTemplate leagueId={leagueId} />;
+}

apps/website/app/leagues/[id]/schedule/LeagueScheduleStatic.tsx

@@ -0,0 +1,10 @@
+import { LeagueScheduleTemplate } from '@/templates/LeagueScheduleTemplate';
+
+interface LeagueScheduleStaticProps {
+  leagueId: string;
+}
+
+export default async function LeagueScheduleStatic({ leagueId }: LeagueScheduleStaticProps) {
+  // The LeagueScheduleTemplate doesn't need data fetching - it delegates to LeagueSchedule component
+  return <LeagueScheduleTemplate leagueId={leagueId} />;
+}

apps/website/app/leagues/[id]/schedule/page.tsx

@@ -1,22 +1,3 @@
-'use client';
+import LeagueScheduleInteractive from './LeagueScheduleInteractive';
 
-import LeagueSchedule from '@/components/leagues/LeagueSchedule';
-import Card from '@/components/ui/Card';
-import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
-import { LeagueRoleUtility } from '@/lib/utilities/LeagueRoleUtility';
-import { useServices } from '@/lib/services/ServiceProvider';
-import { useParams } from 'next/navigation';
-
-export default function LeagueSchedulePage() {
-  const params = useParams();
-  const leagueId = params.id as string;
-
-  return (
-    <div className="space-y-6">
-      <Card>
-        <h2 className="text-xl font-semibold text-white mb-4">Schedule</h2>
-        <LeagueSchedule leagueId={leagueId} />
-      </Card>
-    </div>
-  );
-}
+export default LeagueScheduleInteractive;