style upgrades

src/features/bracket/components/match-form.tsx

@@ -10,12 +10,14 @@ interface MatchFormProps {
     ot_count: number;
   }) => void;
   onCancel: () => void;
+  loading?: boolean;
 }
 
 export const MatchForm: React.FC<MatchFormProps> = ({
   match,
   onSubmit,
   onCancel,
+  loading = false,
 }) => {
   const form = useForm({
     initialValues: {
@@ -35,7 +37,6 @@ export const MatchForm: React.FC<MatchFormProps> = ({
           return "At least one team must have 10 cups";
         }
         
-        // Both teams can't have 10 cups
         if (homeCups === 10 && awayCups === 10) {
           return "Both teams cannot have 10 cups";
         }
@@ -145,8 +146,15 @@ export const MatchForm: React.FC<MatchFormProps> = ({
         </Flex>
 
         <Stack mt="md">
-          <Button type="submit">Update Match</Button>
-          <Button variant="subtle" color="red" onClick={onCancel}>
+          <Button type="submit" loading={loading}>
+            Update Match
+          </Button>
+          <Button
+            variant="subtle"
+            color="red"
+            onClick={onCancel}
+            disabled={loading}
+          >
             Cancel
           </Button>
         </Stack>