website refactor

apps/website/app/leagues/[id]/rulebook/LeagueRulebookPageClient.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import React, { useState } from 'react';
+import { LeagueRulebookTemplate } from '@/templates/LeagueRulebookTemplate';
+import { type RulebookSection } from '@/components/leagues/RulebookTabs';
+import type { LeagueRulebookViewData } from '@/lib/view-data/LeagueRulebookViewData';
+
+interface LeagueRulebookPageClientProps {
+  viewData: LeagueRulebookViewData;
+}
+
+export function LeagueRulebookPageClient({ viewData }: LeagueRulebookPageClientProps) {
+  const [activeSection, setActiveSection] = useState<RulebookSection>('scoring');
+
+  return (
+    <LeagueRulebookTemplate
+      viewData={viewData}
+      activeSection={activeSection}
+      onSectionChange={setActiveSection}
+    />
+  );
+}