website refactor

apps/website/app/leagues/page.tsx

@@ -1,5 +1,5 @@
 import { notFound } from 'next/navigation';
-import { LeaguesTemplate } from '@/templates/LeaguesTemplate';
+import { LeaguesClient } from '@/components/leagues/LeaguesClient';
 import { LeaguesPageQuery } from '@/lib/page-queries/page-queries/LeaguesPageQuery';
 
 export default async function Page() {
@@ -20,11 +20,11 @@ export default async function Page() {
       case 'UNKNOWN_ERROR':
       default:
         // Return error state - use LeaguesTemplate with empty data
-        return <LeaguesTemplate data={{ leagues: [] }} />;
+        return <LeaguesClient viewData={{ leagues: [] }} />;
     }
   }
   
   const viewData = result.unwrap();
-  
-  return <LeaguesTemplate data={viewData} />;
+
+  return <LeaguesClient viewData={viewData} />;
 }