Refactor stores and types for improved data handling and schema definitions

- Consolidated player fetching logic in stores.ts to utilize dataRepo.
- Introduced teams fetching logic in stores.ts.
- Updated permissions structure in stores.ts for better clarity.
- Enhanced data schemas in data.ts with new ResponseUser and ResponseTeam schemas.
- Expanded event-related schemas in event.ts to include groups, relations, and event creation/update structures.
- Improved code formatting for consistency and readability across files.

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

@@ -21,14 +21,29 @@
     import { Button } from "@components/ui/button";
     import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell, TableCaption } from "@components/ui/table";
     import type { ExtendedEvent } from "@type/event.ts";
+    import { eventRepo } from "@repo/event";
+    import { Popover, PopoverContent, PopoverTrigger } from "@components/ui/popover";
+    import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@components/ui/command";
+    import { teams } from "@components/stores/stores";
 
     const { event }: { event: ExtendedEvent } = $props();
+
+    let team = $state(event.teams);
+
+    async function addTeam(value: number) {
+        await $eventRepo.updateTeams(event.event.id.toString(), [value]);
+        team = await $eventRepo.listTeams(event.event.id.toString());
+    }
+
+    async function removeTeam(value: number) {
+        await $eventRepo.deleteTeams(event.event.id.toString(), [value]);
+        team = await $eventRepo.listTeams(event.event.id.toString());
+    }
+
+    let teamSearch = $state("");
 </script>
 
 <Table>
-    <TableCaption>
-        <Button disabled>Add Team</Button>
-    </TableCaption>
     <TableHeader>
         <TableRow>
             <TableHead>Team</TableHead>
@@ -37,19 +52,42 @@
         </TableRow>
     </TableHeader>
     <TableBody>
-        {#each event.teams as team (team.id)}
+        {#each team as t (t.id)}
             <TableRow>
-                <TableCell>{team.kuerzel}</TableCell>
-                <TableCell>{team.name}</TableCell>
+                <TableCell>{t.kuerzel}</TableCell>
+                <TableCell>{t.name}</TableCell>
                 <TableCell>
-                    <Button disabled>Remove</Button>
+                    <Button onclick={() => removeTeam(t.id)}>Remove</Button>
                 </TableCell>
             </TableRow>
         {/each}
-        {#if event.teams.length === 0}
+        {#if team.length === 0}
             <TableRow>
                 <TableCell class="text-center col-span-3">No teams available</TableCell>
             </TableRow>
         {/if}
     </TableBody>
+    <Popover>
+        <TableCaption>
+            <PopoverTrigger>
+                <Button>Add Team</Button>
+            </PopoverTrigger>
+        </TableCaption>
+        <PopoverContent class="p-0">
+            <Command shouldFilter={false}>
+                <CommandInput bind:value={teamSearch} placeholder="Search teams..." />
+                <CommandList>
+                    <CommandEmpty>No teams found :(</CommandEmpty>
+                    <CommandGroup heading="Teams">
+                        {#each $teams
+                            .filter((v) => v.name.includes(teamSearch))
+                            .filter((v) => !team.some((k) => k.id === v.id))
+                            .filter((v, i) => i < 50) as t (t.id)}
+                            <CommandItem value={t.id.toString()} onSelect={() => addTeam(t.id)} keywords={[t.name, t.kuerzel]}>{t.name}</CommandItem>
+                        {/each}
+                    </CommandGroup>
+                </CommandList>
+            </Command>
+        </PopoverContent>
+    </Popover>
 </Table>