website refactor

apps/website/client-wrapper/TeamsPageClient.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React from 'react';
+import React, { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { TeamsTemplate } from '@/templates/TeamsTemplate';
 import type { TeamsViewData } from '@/lib/view-data/TeamsViewData';
@@ -12,6 +12,7 @@ interface TeamsPageClientProps {
 
 export function TeamsPageClient({ viewData }: TeamsPageClientProps) {
   const router = useRouter();
+  const [searchQuery, setSearchQuery] = useState('');
   
   const handleTeamClick = (teamId: string) => {
     router.push(`/teams/${teamId}`);
@@ -28,6 +29,8 @@ export function TeamsPageClient({ viewData }: TeamsPageClientProps) {
   return (
     <TeamsTemplate
       viewData={viewData}
+      searchQuery={searchQuery}
+      onSearchChange={setSearchQuery}
       onTeamClick={handleTeamClick}
       onViewFullLeaderboard={handleViewFullLeaderboard}
       onCreateTeam={handleCreateTeam}