significant refactor

src/features/bracket/components/bracket.tsx

@@ -5,15 +5,15 @@ import useAppShellHeight from "@/hooks/use-appshell-height";
 import { BracketMaps } from "../utils/bracket-maps";
 
 interface BracketProps {
-  winners: Match[][],
-  losers?: Match[][],
-  bracketMaps: BracketMaps | null
+  winners: Match[][];
+  losers?: Match[][];
+  bracketMaps: BracketMaps | null;
 }
 
 const Bracket: React.FC<BracketProps> = ({ winners, losers, bracketMaps }) => {
   const height = useAppShellHeight();
 
-  if (!bracketMaps) return <p>Bracket not available.</p>
+  if (!bracketMaps) return <p>Bracket not available.</p>;
 
   return (
     <ScrollArea
@@ -31,14 +31,14 @@ const Bracket: React.FC<BracketProps> = ({ winners, losers, bracketMaps }) => {
         </Text>
         <BracketView bracket={winners} bracketMaps={bracketMaps} />
       </div>
-      {
-        losers && <div>
+      {losers && (
+        <div>
           <Text fw={600} size="md" m={16}>
             Losers Bracket
           </Text>
           <BracketView bracket={losers} bracketMaps={bracketMaps} />
         </div>
-      }
+      )}
     </ScrollArea>
   );
 };