feat: Implement group management features with dialogs for editing and displaying group results, enhance event creation with a form, and update team and referee management UI

src/components/moderator/pages/event/FightEditRow.svelte

@@ -7,7 +7,7 @@
     import type { Team } from "@components/types/team";
     import { fightRepo } from "@components/repo/fight";
 
-    let { fight, teams, groups, event, onupdate }: { fight: EventFight; teams: Team[]; groups: ResponseGroups[]; event: SWEvent; onupdate: (update: EventFight) => void } = $props();
+    let { fight, teams, groups = $bindable(), event, onupdate }: { fight: EventFight; teams: Team[]; groups: ResponseGroups[]; event: SWEvent; onupdate: (update: EventFight) => void } = $props();
 
     let editOpen = $state(false);
 
@@ -37,7 +37,7 @@
                 <DialogTitle>Fight bearbeiten</DialogTitle>
                 <DialogDescription>Hier kannst du die Daten des Kampfes bearbeiten.</DialogDescription>
             </DialogHeader>
-            <FightEdit {fight} {teams} {groups} {event} onSave={handleSave}>
+            <FightEdit {fight} {teams} bind:groups {event} onSave={handleSave}>
                 {#snippet actions(dirty, submit)}
                     <DialogFooter>
                         <Button disabled={!dirty} onclick={submit}>Speichern</Button>