website refactor

apps/website/components/home/LeagueSummaryPanel.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { LeagueCard } from '@/components/leagues/LeagueCard';
+import { LeagueCard } from '@/components/leagues/LeagueCardWrapper';
 import { routes } from '@/lib/routing/RouteConfig';
 import { Heading } from '@/ui/Heading';
 import { Link } from '@/ui/Link';
@@ -46,15 +46,7 @@ export function LeagueSummaryPanel({ leagues }: LeagueSummaryPanelProps) {
         {leagues.slice(0, 2).map((league) => (
           <LeagueCard
             key={league.id}
-            name={league.name}
-            description={league.description}
-            coverUrl="/images/ff1600.jpeg"
-            slotLabel="Drivers"
-            usedSlots={18}
-            maxSlots={24}
-            fillPercentage={75}
-            hasOpenSlots={true}
-            openSlotsCount={6}
+            league={league as any}
           />
         ))}
       </CardStack>