🌌 Migrate app to svelte-5

app/src/routes/wifi/ap/Accesspoint.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+    import { preventDefault } from 'svelte/legacy';
+
     import { onMount, onDestroy } from 'svelte';
     import { slide } from 'svelte/transition';
     import { cubicOut } from 'svelte/easing';
@@ -13,10 +15,10 @@
 
     const features = useFeatureFlags();
 
-    let apSettings: ApSettings;
-    let apStatus: ApStatus;
+    let apSettings: ApSettings = $state();
+    let apStatus: ApStatus = $state();
 
-    let formField: any;
+    let formField: any = $state();
 
     async function getAPStatus() {
         const result = await api.get<ApStatus>('/api/wifi/ap/status');
@@ -67,14 +69,14 @@
         { bg_color: 'bg-warning', text_color: 'text-warning-content', description: 'Lingering' }
     ];
 
-    let formErrors = {
+    let formErrors = $state({
         ssid: false,
         channel: false,
         max_clients: false,
         local_ip: false,
         gateway_ip: false,
         subnet_mask: false
-    };
+    });
 
     async function postAPSettings(data: ApSettings) {
         const result = await api.post<ApSettings>('/api/wifi/ap/settings', data);
@@ -152,8 +154,12 @@
 </script>
 
 <SettingsCard collapsible={false}>
-    <AP slot="icon" class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
-    <span slot="title">Access Point</span>
+    {#snippet icon()}
+        <AP  class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
+    {/snippet}
+    {#snippet title()}
+        <span >Access Point</span>
+    {/snippet}
     <div class="w-full overflow-x-auto">
         {#await getAPStatus()}
             <Spinner />
@@ -234,7 +240,7 @@
             >
                 <form
                     class="grid w-full grid-cols-1 content-center gap-x-4 p-0s sm:grid-cols-2"
-                    on:submit|preventDefault={handleSubmitAP}
+                    onsubmit={preventDefault(handleSubmitAP)}
                     novalidate
                     bind:this={formField}
                 >