Refactor code for consistency: standardize formatting and improve readability across multiple Svelte components

src/components/admin/pages/event/RefereesList.svelte

@@ -18,19 +18,19 @@
   -->
 
 <script lang="ts">
-    import type {ExtendedEvent} from "@type/event.ts";
-    import {Button} from "flowbite-svelte";
-    import {PlusOutline} from "flowbite-svelte-icons";
+    import type { ExtendedEvent } from "@type/event.ts";
+    import { Button } from "flowbite-svelte";
+    import { PlusOutline } from "flowbite-svelte-icons";
     import SWModal from "@components/styled/SWModal.svelte";
     import SWButton from "@components/styled/SWButton.svelte";
     import PlayerSelector from "@components/ui/PlayerSelector.svelte";
-    import {eventRepo} from "@repo/event.ts";
+    import { eventRepo } from "@repo/event.ts";
 
-  interface Props {
-    data: ExtendedEvent;
-  }
+    interface Props {
+        data: ExtendedEvent;
+    }
 
-  let { data }: Props = $props();
+    let { data }: Props = $props();
 
     let searchValue = $state("");
     let selectedPlayer: string | null = $state(null);
@@ -41,17 +41,19 @@
 
     async function addReferee() {
         if (selectedPlayer) {
-            referees = (await $eventRepo.updateEvent(data.event.id.toString(), {
-                deadline: null,
-                end: null,
-                maxTeamMembers: null,
-                name: null,
-                publicSchemsOnly: null,
-                removeReferee: null,
-                schemType: null,
-                start: null,
-                addReferee: [selectedPlayer]
-            })).referees;
+            referees = (
+                await $eventRepo.updateEvent(data.event.id.toString(), {
+                    deadline: null,
+                    end: null,
+                    maxTeamMembers: null,
+                    name: null,
+                    publicSchemsOnly: null,
+                    removeReferee: null,
+                    schemType: null,
+                    start: null,
+                    addReferee: [selectedPlayer],
+                })
+            ).referees;
         }
 
         reset();
@@ -59,18 +61,20 @@
 
     function removeReferee(id: string) {
         return async () => {
-            referees = (await $eventRepo.updateEvent(data.event.id.toString(), {
-                deadline: null,
-                end: null,
-                maxTeamMembers: null,
-                name: null,
-                publicSchemsOnly: null,
-                addReferee: null,
-                schemType: null,
-                start: null,
-                removeReferee: [id],
-            })).referees;
-        }
+            referees = (
+                await $eventRepo.updateEvent(data.event.id.toString(), {
+                    deadline: null,
+                    end: null,
+                    maxTeamMembers: null,
+                    name: null,
+                    publicSchemsOnly: null,
+                    addReferee: null,
+                    schemType: null,
+                    start: null,
+                    removeReferee: [id],
+                })
+            ).referees;
+        };
     }
 
     function reset() {
@@ -83,9 +87,7 @@
     {#each referees as referee}
         <li class="flex flex-grow justify-between">
             {referee.name}
-            <SWButton onclick={removeReferee(referee.uuid)}>
-                Entfernen
-            </SWButton>
+            <SWButton onclick={removeReferee(referee.uuid)}>Entfernen</SWButton>
         </li>
     {/each}
 
@@ -94,8 +96,8 @@
     {/if}
 </ul>
 
-<Button class="fixed bottom-6 right-6 !p-4 z-10 shadow-lg" onclick={() => showAdd = true}>
-    <PlusOutline/>
+<Button class="fixed bottom-6 right-6 !p-4 z-10 shadow-lg" onclick={() => (showAdd = true)}>
+    <PlusOutline />
 </Button>
 
 <SWModal title="Schiedsrichter hinzufügen" bind:open={showAdd}>
@@ -105,11 +107,11 @@
         </div>
     </div>
     {#snippet footer()}
-    <div  class="flex flex-grow justify-end">
-          <SWButton onclick={reset} type="gray">Abbrechen</SWButton>
-          <SWButton onclick={addReferee}>Hinzufügen</SWButton>
-      </div>
-  {/snippet}
+        <div class="flex flex-grow justify-end">
+            <SWButton onclick={reset} type="gray">Abbrechen</SWButton>
+            <SWButton onclick={addReferee}>Hinzufügen</SWButton>
+        </div>
+    {/snippet}
 </SWModal>
 
 <style>