website refactor

apps/website/templates/TeamsTemplate.tsx

@@ -9,6 +9,7 @@ import { Container } from '@/ui/Container';
 import { EmptyState } from '@/components/shared/state/EmptyState';
 import { TeamsDirectoryHeader } from '@/components/teams/TeamsDirectoryHeader';
 import { TeamGrid } from '@/components/teams/TeamGrid';
+import { TeamCard } from '@/components/teams/TeamCardWrapper';
 import { TeamLeaderboardPreview } from '@/components/teams/TeamLeaderboardPreviewWrapper';
 import type { TeamsViewData } from '@/lib/view-data/TeamsViewData';
 
@@ -35,7 +36,18 @@ export function TeamsTemplate({ viewData, onTeamClick, onViewFullLeaderboard, on
             </Stack>
             
             {teams.length > 0 ? (
-              <TeamGrid teams={teams} onTeamClick={onTeamClick} />
+              <TeamGrid>
+                {teams.map((team) => (
+                  <TeamCard
+                    key={team.teamId}
+                    id={team.teamId}
+                    name={team.teamName}
+                    memberCount={team.memberCount}
+                    logo={team.logoUrl}
+                    onClick={() => onTeamClick?.(team.teamId)}
+                  />
+                ))}
+              </TeamGrid>
             ) : (
               <EmptyState
                 icon={Users}