website refactor

apps/website/components/teams/TeamGrid.tsx

@@ -1,29 +1,14 @@
-'use client';
-
-import React from 'react';
-import { Grid } from '@/ui/Grid';
-import { TeamCard } from './TeamCard';
-import type { TeamSummaryData } from '@/lib/view-data/TeamsViewData';
+import React, { ReactNode } from 'react';
+import { Box } from '@/ui/Box';
 
 interface TeamGridProps {
-  teams: TeamSummaryData[];
-  onTeamClick?: (teamId: string) => void;
+  children: ReactNode;
 }
 
-export function TeamGrid({ teams, onTeamClick }: TeamGridProps) {
+export function TeamGrid({ children }: TeamGridProps) {
   return (
-    <Grid cols={1} mdCols={2} lgCols={3} gap={6}>
-      {teams.map((team) => (
-        <TeamCard 
-          key={team.teamId} 
-          id={team.teamId}
-          name={team.teamName}
-          logoUrl={team.logoUrl}
-          memberCount={team.memberCount}
-          isRecruiting={true} // Redesign feel
-          onClick={() => onTeamClick?.(team.teamId)}
-        />
-      ))}
-    </Grid>
+    <Box display="grid" gridCols={{ base: 1, md: 2, lg: 3 }} gap={4}>
+      {children}
+    </Box>
   );
 }