website refactor

apps/website/components/teams/TeamGrid.tsx

@@ -1,5 +1,7 @@
+'use client';
+
+import React, { ReactNode } from 'react';
 import { Grid } from '@/ui/Grid';
-import { ReactNode } from 'react';
 
 interface TeamGridProps {
   children: ReactNode;
@@ -7,7 +9,10 @@ interface TeamGridProps {
 
 export function TeamGrid({ children }: TeamGridProps) {
   return (
-    <Grid cols={{ base: 1, md: 2, lg: 3 }} gap={4}>
+    <Grid 
+      cols={3}
+      gap="lg"
+    >
       {children}
     </Grid>
   );