feat: Add FightEdit and GroupEdit components for enhanced event management

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

@@ -18,6 +18,10 @@
   -->
 
 <script lang="ts">
+    import FightEditRow from "./FightEditRow.svelte";
+
+    import GroupEditRow from "./GroupEditRow.svelte";
+
     import type { ExtendedEvent } from "@type/event";
     import { createSvelteTable, FlexRender } from "@components/ui/data-table";
     import { type ColumnFiltersState, getCoreRowModel, getFilteredRowModel, getGroupedRowModel, getSortedRowModel, type RowSelectionState, type SortingState } from "@tanstack/table-core";
@@ -25,8 +29,10 @@
     import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@components/ui/table";
     import { Checkbox } from "@components/ui/checkbox";
     import { Menubar, MenubarContent, MenubarItem, MenubarGroup, MenubarGroupHeading, MenubarMenu, MenubarSeparator, MenubarTrigger } from "@components/ui/menubar";
+    import { Button } from "@components/ui/button";
+    import { MenuIcon } from "lucide-svelte";
 
-    let { data }: { data: ExtendedEvent } = $props();
+    let { data = $bindable() }: { data: ExtendedEvent } = $props();
 
     let sorting = $state<SortingState>([]);
     let columnFilters = $state<ColumnFiltersState>([]);
@@ -126,15 +132,20 @@
         {#each table.getRowModel().rows as groupRow (groupRow.id)}
             {#if groupRow.getIsGrouped()}
                 <TableRow class="bg-muted font-bold">
-                    <TableCell colspan={columns.length}>
+                    <TableCell colspan={columns.length - 1}>
                         <Checkbox
                             checked={groupRow.getIsSelected()}
                             indeterminate={groupRow.getIsSomeSelected() && !groupRow.getIsSelected()}
                             onCheckedChange={() => groupRow.toggleSelected()}
                             class="mr-4"
                         />
-                        Gruppe: {groupRow.getValue("group") ?? "Keine"}
+                        {groupRow.getValue("group") ?? "Keine Gruppe"}
                     </TableCell>
+                    {#if groupRow.original.group != null}
+                        <TableCell class="text-right">
+                            <GroupEditRow group={groupRow.original.group}></GroupEditRow>
+                        </TableCell>
+                    {/if}
                 </TableRow>
                 {#each groupRow.subRows as row (row.id)}
                     <TableRow data-state={row.getIsSelected() && "selected"}>
@@ -143,6 +154,9 @@
                                 <FlexRender content={cell.column.columnDef.cell} context={cell.getContext()} />
                             </TableCell>
                         {/each}
+                        <TableCell class="text-right">
+                            <FightEditRow fight={row.original} teams={data.teams}></FightEditRow>
+                        </TableCell>
                     </TableRow>
                 {/each}
             {:else}