website refactor

apps/website/components/teams/CreateTeamForm.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useCreateTeam } from "@/hooks/team/useCreateTeam";
+import { Box } from '@/ui/Box';
 import { Button } from '@/ui/Button';
 import { InfoBanner } from '@/ui/InfoBanner';
 import { Input } from '@/ui/Input';
@@ -79,7 +80,7 @@ export function CreateTeamForm({ onCancel, onSuccess, onNavigate }: CreateTeamFo
   };
 
   return (
-    <form onSubmit={handleSubmit}>
+    <Box as="form" onSubmit={handleSubmit}>
       <Group direction="col" align="stretch" gap={6}>
         <Input
           label="Team Name *"
@@ -142,6 +143,6 @@ export function CreateTeamForm({ onCancel, onSuccess, onNavigate }: CreateTeamFo
           )}
         </Group>
       </Group>
-    </form>
+    </Box>
   );
 }

apps/website/components/teams/TeamAdmin.tsx

@@ -19,8 +19,7 @@ import { SectionHeader } from '@/ui/SectionHeader';
 import { Box } from '@/ui/Box';
 import { Group } from '@/ui/Group';
 import { Stack } from '@/ui/Stack';
-import { useState } from 'react';
-import React from 'react';
+import React, { useState } from 'react';
 
 interface TeamAdminProps {
   team: {