Update

src/components/admin/pages/Event.svelte

@@ -20,13 +20,17 @@
 <script lang="ts">
     import {Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte";
     import EventEdit from "./event/EventEdit.svelte";
-    import {ArrowLeftSolid} from "flowbite-svelte-icons";
+    import {ArrowLeftOutline} from "flowbite-svelte-icons";
     import FightList from "./event/FightList.svelte";
     import TeamList from "./event/TeamList.svelte";
     import {eventRepo} from "@repo/event.ts";
     import RefereesList from "@components/admin/pages/event/RefereesList.svelte";
 
-    export let params: { id: number };
+  interface Props {
+    params: { id: number };
+  }
+
+  let { params }: Props = $props();
 
     let id = params.id;
     let event = $eventRepo.getEvent(id.toString());
@@ -37,30 +41,40 @@
         <Spinner size={16}/>
     </div>
 {:then data}
-    <Navbar let:hidden let:toggle>
+    <Navbar  >
+        {#snippet children({ hidden, toggle })}
         <NavBrand href="#">
-            <ArrowLeftSolid></ArrowLeftSolid>
-            <span class="ml-4 self-center whitespace-nowrap text-xl font-semibold dark:text-white">
-                {data.event.name}
-            </span>
-        </NavBrand>
+              <ArrowLeftOutline></ArrowLeftOutline>
+              <span class="ml-4 self-center whitespace-nowrap text-xl font-semibold dark:text-white">
+                  {data.event.name}
+              </span>
+          </NavBrand>
+            {/snippet}
     </Navbar>
 
     <Tabs style="pill" class="mx-4 flex shadow-lg border-b-2 border-gray-700 pb-2" contentClass="">
         <TabItem open>
-            <span slot="title">Event</span>
+            {#snippet title()}
+            <span >Event</span>
+          {/snippet}
             <EventEdit {data}/>
         </TabItem>
         <TabItem>
-            <span slot="title">Teams</span>
+            {#snippet title()}
+            <span >Teams</span>
+          {/snippet}
             <TeamList {data}/>
         </TabItem>
         <TabItem>
-            <span slot="title">Schiedsrichter</span>
+            {#snippet title()}
+            <span >Schiedsrichter</span>
+          {/snippet}
             <RefereesList {data}/>
         </TabItem>
         <TabItem>
-            <span slot="title">Kämpfe</span>
+            {#snippet title()}
+            <span >Kämpfe</span>
+          {/snippet}
             <FightList {data}/>
         </TabItem>
     </Tabs>