website refactor

apps/website/app/leagues/[id]/layout.tsx

@@ -23,18 +23,26 @@ export default async function LeagueLayout({
     // Return error state
     return (
       <LeagueDetailTemplate
-        leagueId={leagueId}
-        leagueName="Error"
-        leagueDescription="Failed to load league"
+        viewData={{
+          leagueId,
+          name: 'Error',
+          description: 'Failed to load league',
+          info: { name: 'Error', membersCount: 0, racesCount: 0, avgSOF: 0, structure: '', scoring: '', createdAt: '' },
+          runningRaces: [],
+          sponsors: [],
+          ownerSummary: null,
+          adminSummaries: [],
+          stewardSummaries: [],
+          sponsorInsights: null
+        }}
         tabs={[]}
       >
-        <Text align="center" className="text-gray-400">Failed to load league</Text>
+        <Text align="center">Failed to load league</Text>
       </LeagueDetailTemplate>
     );
   }
   
-  const data = result.unwrap();
-  const league = data.league;
+  const viewData = result.unwrap();
   
   // Define tab configuration
   const baseTabs = [
@@ -58,9 +66,7 @@ export default async function LeagueLayout({
 
   return (
     <LeagueDetailTemplate
-      leagueId={leagueId}
-      leagueName={league.name}
-      leagueDescription={league.description}
+      viewData={viewData}
       tabs={tabs}
     >
       {children}