feat: migration to Svelte 5

src/routes/events/[event_id]/(leads)/leads/+layout.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">
+    interface Props {
+        children?: import('svelte').Snippet;
+    }
+
+    let { children }: Props = $props();
     // Basic layout for the leads module
 </script>
 
 <div class="leads-module">
-    <slot />
+    {@render children?.()}
 </div>

src/routes/events/[event_id]/(leads)/leads/+page.svelte

@@ -3,10 +3,10 @@
     import { liveQuery } from 'dexie';
     import { db_events } from '$lib/ae_events/db_events';
     import { events_slct } from '$lib/stores/ae_events_stores';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
 
     let event_exhibit_obj_li = liveQuery(() => {
-        const event_id = $page.params.event_id;
+        const event_id = page.params.event_id;
         if (!event_id) return [];
         return db_events.exhibit.where({ event_id_random: event_id }).sortBy('name');
     });
@@ -20,7 +20,7 @@
         <ul class="list">
             {#each $event_exhibit_obj_li as exhibit_obj}
                 <li>
-                    <a href="/events/{$page.params.event_id}/leads/exhibit/{exhibit_obj.id_random}">
+                    <a href="/events/{page.params.event_id}/leads/exhibit/{exhibit_obj.id_random}">
                         {exhibit_obj.name} (Booth #{exhibit_obj.code})
                     </a>
                 </li>