significant refactor

src/features/bracket/components/seed-list.tsx

@@ -1,4 +1,4 @@
-import { Flex, Text, Select, Card } from '@mantine/core';
+import { Flex, Text, Select, Card } from "@mantine/core";
 
 interface Team {
   id: string;
@@ -13,11 +13,11 @@ interface SeedListProps {
 export function SeedList({ teams, onSeedChange }: SeedListProps) {
   const seedOptions = teams.map((_, index) => ({
     value: index.toString(),
-    label: `Seed ${index + 1}`
+    label: `Seed ${index + 1}`,
   }));
 
   return (
-    <Flex direction='column' gap={8}>
+    <Flex direction="column" gap={8}>
       {teams.map((team, index) => (
         <Card key={team.id} withBorder p="xs">
           <Flex align="center" gap="xs" justify="space-between">
@@ -45,4 +45,4 @@ export function SeedList({ teams, onSeedChange }: SeedListProps) {
       ))}
     </Flex>
   );
-}
+}