website refactor

apps/website/client-wrapper/TeamDetailPageClient.tsx

@@ -4,14 +4,11 @@ import { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import type { TeamDetailViewData } from '@/lib/view-data/TeamDetailViewData';
 import { TeamDetailTemplate } from '@/templates/TeamDetailTemplate';
+import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
 type Tab = 'overview' | 'roster' | 'standings' | 'admin';
 
-interface TeamDetailPageClientProps {
-  viewData: TeamDetailViewData;
-}
-
-export function TeamDetailPageClient({ viewData }: TeamDetailPageClientProps) {
+export function TeamDetailPageClient({ viewData }: ClientWrapperProps<TeamDetailViewData>) {
   const router = useRouter();
   
   // UI state only (no business logic)
@@ -51,4 +48,4 @@ export function TeamDetailPageClient({ viewData }: TeamDetailPageClientProps) {
       onGoBack={handleGoBack}
     />
   );
-}
+}