website refactor

apps/website/app/sponsor/leagues/[id]/SponsorLeagueDetailPageClient.tsx

@@ -0,0 +1,19 @@
+'use client';
+
+import React, { useState } from 'react';
+import { SponsorLeagueDetailTemplate } from '@/templates/SponsorLeagueDetailTemplate';
+
+export default function SponsorLeagueDetailPageClient({ data }: { data: any }) {
+  const [activeTab, setActiveTab] = useState<'overview' | 'drivers' | 'races' | 'sponsor'>('overview');
+  const [selectedTier, setSelectedTier] = useState<'main' | 'secondary'>('main');
+
+  return (
+    <SponsorLeagueDetailTemplate
+      viewData={data}
+      activeTab={activeTab}
+      setActiveTab={setActiveTab}
+      selectedTier={selectedTier}
+      setSelectedTier={setSelectedTier}
+    />
+  );
+}

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

@@ -1,6 +1,6 @@
 import { notFound } from 'next/navigation';
 import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import { SponsorLeagueDetailTemplate } from '@/templates/SponsorLeagueDetailTemplate';
+import SponsorLeagueDetailPageClient from './SponsorLeagueDetailPageClient';
 import { SponsorsApiClient } from '@/lib/api/sponsors/SponsorsApiClient';
 import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';
 import { ConsoleLogger } from '@/lib/infrastructure/logging/ConsoleLogger';
@@ -25,5 +25,5 @@ export default async function Page({ params }: { params: { id: string } }) {
   if (!data) notFound();
   
   // Data is already in the right format from API client
-  return <PageWrapper data={data} Template={SponsorLeagueDetailTemplate} />;
+  return <PageWrapper data={data} Template={SponsorLeagueDetailPageClient} />;
 }