website refactor

apps/website/client-wrapper/LeagueAdminSchedulePageClient.tsx

@@ -175,7 +175,7 @@ export function LeagueAdminSchedulePageClient() {
       <SharedStack gap={6}>
         <SharedCard>
           <SharedBox p={6} textAlign="center">
-            <Heading level={3}>Admin Access Required</Heading>
+            <SharedHeading level={3}>Admin Access Required</SharedHeading>
             <SharedBox mt={2}>
               <SharedText size="sm" color="text-gray-400">Only league admins can manage the schedule.</SharedText>
             </SharedBox>
@@ -190,10 +190,10 @@ export function LeagueAdminSchedulePageClient() {
       data={templateData}
       isLoading={isLoading}
       error={null}
-      Template={({ data }) => (
+      Template={({ viewData }) => (
         <>
           <LeagueAdminScheduleTemplate
-            viewData={data}
+            viewData={viewData}
             onSeasonChange={handleSeasonChange}
             onPublishToggle={handlePublishToggle}
             onAddOrSave={handleAddOrSave}

apps/website/client-wrapper/SponsorLeagueDetailPageClient.tsx

@@ -1,11 +1,10 @@
 'use client';
 
 import React, { useState } from 'react';
-import { SponsorLeagueDetailTemplate } from '@/templates/SponsorLeagueDetailTemplate';
+import { SponsorLeagueDetailTemplate, type SponsorLeagueDetailViewData } from '@/templates/SponsorLeagueDetailTemplate';
 import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
-import { ViewData } from '@/lib/contracts/view-data/ViewData';
 
-export function SponsorLeagueDetailPageClient({ viewData }: ClientWrapperProps<ViewData>) {
+export function SponsorLeagueDetailPageClient({ viewData }: ClientWrapperProps<SponsorLeagueDetailViewData>) {
   const [activeTab, setActiveTab] = useState<'overview' | 'drivers' | 'races' | 'sponsor'>('overview');
   const [selectedTier, setSelectedTier] = useState<'main' | 'secondary'>('main');