Refactor event handling and introduce TeamSelector component for improved fight management

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import type { EventFight, EventFightEdit, ResponseGroups, SWEvent } from "@type/event";
+    import type { EventFight, EventFightEdit, ResponseGroups, ResponseRelation, SWEvent } from "@type/event";
     import { Button } from "@components/ui/button";
     import { EditIcon, CopyIcon } from "lucide-svelte";
     import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@components/ui/dialog";
@@ -7,21 +7,15 @@
     import type { Team } from "@components/types/team";
     import { fightRepo } from "@components/repo/fight";
     import { eventRepo } from "@components/repo/event";
+    import type { EventModel } from "./eventmodel.svelte";
 
-    let {
-        fight,
-        teams,
-        groups = $bindable(),
-        event,
-        onupdate,
-        refresh,
-    }: { fight: EventFight; teams: Team[]; groups: ResponseGroups[]; event: SWEvent; onupdate: (update: EventFight) => void; refresh: () => void } = $props();
+    let { fight, onupdate, refresh, data }: { fight: EventFight; onupdate: (update: EventFight) => void; refresh: () => void; data: EventModel } = $props();
 
     let editOpen = $state(false);
     let duplicateOpen = $state(false);
 
     async function handleSave(fightData: EventFightEdit) {
-        let f = await $fightRepo.updateFight(event.id, fight.id, {
+        let f = await $fightRepo.updateFight(data.event.id, fight.id, {
             ...fightData,
             blueTeam: fightData.blueTeam.id,
             redTeam: fightData.redTeam.id,
@@ -34,7 +28,7 @@
     }
 
     async function handlyCopy(fightData: EventFightEdit) {
-        await $eventRepo.createFight(event.id.toString(), {
+        await $eventRepo.createFight(data.event.id.toString(), {
             ...fightData,
             blueTeam: fightData.blueTeam.id,
             redTeam: fightData.redTeam.id,
@@ -58,7 +52,7 @@
                 <DialogTitle>Fight bearbeiten</DialogTitle>
                 <DialogDescription>Hier kannst du die Daten des Kampfes bearbeiten.</DialogDescription>
             </DialogHeader>
-            <FightEdit {fight} {teams} bind:groups {event} onSave={handleSave}>
+            <FightEdit {fight} {data} onSave={handleSave}>
                 {#snippet actions(dirty, submit)}
                     <DialogFooter>
                         <Button disabled={!dirty} onclick={submit}>Speichern</Button>
@@ -78,7 +72,7 @@
                 <DialogTitle>Fight duplizieren</DialogTitle>
                 <DialogDescription>Hier kannst du die Daten des duplizierten Fights ändern</DialogDescription>
             </DialogHeader>
-            <FightEdit {fight} {teams} bind:groups {event} onSave={handlyCopy}>
+            <FightEdit {fight} {data} onSave={handlyCopy}>
                 {#snippet actions(dirty, submit)}
                     <DialogFooter>
                         <Button onclick={submit}>Speichern</Button>