website refactor

apps/website/app/admin/page.tsx

@@ -28,5 +28,5 @@ export default async function AdminPage() {
   const output = result.unwrap();
   
   // Pass to client wrapper for UI interactions
-  return <AdminDashboardWrapper initialViewData={output} />;
+  return <AdminDashboardWrapper viewData={output} />;
 }

apps/website/app/admin/users/page.tsx

@@ -30,5 +30,5 @@ export default async function AdminUsersPage() {
   const output = result.unwrap();
 
   // Pass to client wrapper for UI interactions
-  return <AdminUsersWrapper initialViewData={output} />;
+  return <AdminUsersWrapper viewData={output} />;
 }

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

@@ -25,7 +25,7 @@ export default async function LeagueStewardingPage({ params }: Props) {
       leagueId={leagueId}
       currentDriverId=""
       onRefetch={() => {}}
-      data={{
+      viewData={{
         leagueId,
         totalPending: 0,
         totalResolved: 0,
@@ -39,7 +39,7 @@ export default async function LeagueStewardingPage({ params }: Props) {
   const data = result.unwrap();
 
   return <StewardingPageClient 
-    data={data} 
+    viewData={data} 
     leagueId={leagueId}
     currentDriverId="" // Should be fetched or passed
     onRefetch={() => {}} // Should be handled

apps/website/app/leagues/[id]/stewarding/protests/[protestId]/page.tsx

@@ -21,5 +21,5 @@ export default async function Page({ params }: Props) {
 
   const viewData = result.isOk() ? result.unwrap() : null;
 
-  return <ProtestDetailPageClient initialViewData={viewData} />;
+  return <ProtestDetailPageClient viewData={viewData as any} />;
 }

apps/website/app/media/avatar/page.tsx

@@ -13,8 +13,12 @@ export default async function AvatarsPage() {
 
   return (
     <MediaPageClient 
-      initialAssets={assets} 
-      categories={categories} 
+      viewData={{
+        assets,
+        categories,
+        title: 'Avatars',
+        description: 'Choose your driver avatar'
+      }} 
     />
   );
 }

apps/website/app/media/leagues/page.tsx

@@ -13,8 +13,12 @@ export default async function LeaguesMediaPage() {
 
   return (
     <MediaPageClient 
-      initialAssets={assets} 
-      categories={categories} 
+      viewData={{
+        assets,
+        categories,
+        title: 'League Media',
+        description: 'Manage league logos and covers'
+      }} 
     />
   );
 }

apps/website/app/media/page.tsx

@@ -23,8 +23,12 @@ export default async function MediaPage() {
 
   return (
     <MediaPageClient 
-      initialAssets={assets} 
-      categories={categories} 
+      viewData={{
+        assets,
+        categories,
+        title: 'Media Library',
+        description: 'Manage all your racing assets'
+      }} 
     />
   );
 }

apps/website/app/media/sponsors/page.tsx

@@ -13,8 +13,12 @@ export default async function SponsorsMediaPage() {
 
   return (
     <MediaPageClient 
-      initialAssets={assets} 
-      categories={categories} 
+      viewData={{
+        assets,
+        categories,
+        title: 'Sponsor Media',
+        description: 'Manage sponsor logos'
+      }} 
     />
   );
 }

apps/website/app/media/teams/page.tsx

@@ -13,8 +13,12 @@ export default async function TeamsMediaPage() {
 
   return (
     <MediaPageClient 
-      initialAssets={assets} 
-      categories={categories} 
+      viewData={{
+        assets,
+        categories,
+        title: 'Team Media',
+        description: 'Manage team logos'
+      }} 
     />
   );
 }

apps/website/app/media/tracks/page.tsx

@@ -13,8 +13,12 @@ export default async function TracksMediaPage() {
 
   return (
     <MediaPageClient 
-      initialAssets={assets} 
-      categories={categories} 
+      viewData={{
+        assets,
+        categories,
+        title: 'Track Media',
+        description: 'Manage track images'
+      }} 
     />
   );
 }

apps/website/app/races/[id]/stewarding/page.tsx

@@ -68,9 +68,9 @@ export default function RaceStewardingPage({ params }: RaceStewardingPageProps)
       isLoading={isLoading}
       error={error}
       retry={fetchData}
-      Template={({ data }) => (
+      Template={({ viewData }) => (
         <RaceStewardingTemplate
-          viewData={data as RaceStewardingViewData}
+          viewData={viewData}
           isLoading={false}
           error={null}
           onBack={handleBack}

apps/website/app/races/all/page.tsx

@@ -16,5 +16,5 @@ export default async function Page() {
 
   const viewData = result.isOk() ? result.unwrap() : null;
 
-  return <RacesAllPageClient initialViewData={viewData} />;
+  return <RacesAllPageClient viewData={viewData as any} />;
 }

apps/website/app/sponsor/signup/page.tsx

@@ -259,7 +259,7 @@ export default function SponsorSignupPage() {
         </SponsorHero>
 
         {/* Platform Stats */}
-        <Box maxWidth="6xl" mx="auto" px={4} mt={-8} position="relative" zIndex={10}>
+        <Box maxWidth="6xl" mx="auto" px={4} style={{ marginTop: '-2rem' }} position="relative" zIndex={10}>
           <Box display="grid" gridCols={{ base: 2, md: 4 }} gap={4}>
             {PLATFORM_STATS.map((stat, index) => (
               <motion.div

apps/website/app/teams/leaderboard/page.tsx

@@ -11,5 +11,5 @@ export default async function TeamLeaderboardPage() {
   }
 
   const data = result.unwrap();
-  return <TeamLeaderboardPageWrapper data={data.teams} />;
+  return <TeamLeaderboardPageWrapper viewData={data} />;
 }