enroll team polish?

src/features/tournaments/components/seed-tournament.tsx

@@ -27,11 +27,11 @@ interface SeedTournamentProps {
 
 const SeedTournament: React.FC<SeedTournamentProps> = ({
   tournamentId,
-  teams
+  teams,
 }) => {
   const [orderedTeams, setOrderedTeams] = useState<TeamInfo[]>(teams);
   const { data: bracketPreview } = useBracketPreview(teams.length);
-  const queryClient = useQueryClient()
+  const queryClient = useQueryClient();
 
   const bracket: BracketData = useMemo(
     () => ({
@@ -48,7 +48,7 @@ const SeedTournament: React.FC<SeedTournamentProps> = ({
               : undefined,
         }))
       ),
-      losers: bracketPreview.losers
+      losers: bracketPreview.losers,
     }),
     [bracketPreview, orderedTeams]
   );
@@ -58,8 +58,8 @@ const SeedTournament: React.FC<SeedTournamentProps> = ({
     successMessage: "Tournament bracket generated successfully!",
     onSuccess: () => {
       queryClient.invalidateQueries({
-        queryKey: tournamentKeys.details(tournamentId)
-      })
+        queryKey: tournamentKeys.details(tournamentId),
+      });
     },
   });
 
@@ -99,7 +99,7 @@ const SeedTournament: React.FC<SeedTournamentProps> = ({
   };
 
   return (
-    <div style={{ display: 'flex', gap: '2rem', alignItems: 'flex-start' }}>
+    <div style={{ display: "flex", gap: "2rem", alignItems: "flex-start" }}>
       <Stack gap="lg" style={{ flexShrink: 0 }}>
         <Stack gap={0} pos="relative" w={400}>
           <LoadingOverlay visible={generateBracket.isPending} />
@@ -171,7 +171,16 @@ const SeedTournament: React.FC<SeedTournamentProps> = ({
                               }}
                             />
 
-                            <Avatar size={24} radius="sm" name={team.name} />
+                            <Avatar
+                              size={24}
+                              radius="sm"
+                              name={team.name}
+                              src={
+                                team.logo
+                                  ? `/api/files/teams/${team.id}/${team.logo}`
+                                  : undefined
+                              }
+                            />
 
                             <Text fw={500} size="sm" style={{ flex: 1 }}>
                               {team.name}
@@ -197,8 +206,8 @@ const SeedTournament: React.FC<SeedTournamentProps> = ({
           Confirm Seeding
         </Button>
       </Stack>
-      
-      <div style={{ flex: 1, overflow: 'auto' }}>
+
+      <div style={{ flex: 1, overflow: "auto" }}>
         <BracketView bracket={bracket} />
       </div>
     </div>