Migrate to svelte 5

src/lib/UI/Arcodion.svelte

@@ -2,20 +2,31 @@
     import type { language } from "src/lang";
     import Help from "../Others/Help.svelte";
 
-    export let name = ""
-    let open = false
-    export let styled = false
-    export let help: (keyof (typeof language.help))|'' = ''
-    export let disabled = false
+    let open = $state(false)
+    interface Props {
+        name?: string;
+        styled?: boolean;
+        help?: (keyof (typeof language.help))|'';
+        disabled?: boolean;
+        children?: import('svelte').Snippet;
+    }
+
+    let {
+        name = "",
+        styled = false,
+        help = '',
+        disabled = false,
+        children
+    }: Props = $props();
 </script>
 {#if disabled}
-    <slot />
+    {@render children?.()}
 {:else if styled}
     <div class="flex flex-col mt-2">
         <button class="hover:bg-selected px-6 py-2 text-lg rounded-t-md border-selected border"
             class:bg-selected={open}
             class:rounded-b-md={!open}
-            on:click={() => {
+            onclick={() => {
                 open = !open
             }}
         >
@@ -25,18 +36,18 @@
         {/if}</button>
         {#if open}
             <div class="flex flex-col border border-selected p-2 rounded-b-md">
-                <slot></slot>
+                {@render children?.()}
             </div>
         {/if}
     </div>
 {:else}
     <div class="flex flex-col">
-        <button class="hover:bg-selected px-6 py-2 text-lg" class:bg-selected={open} on:click={() => {
+        <button class="hover:bg-selected px-6 py-2 text-lg" class:bg-selected={open} onclick={() => {
             open = !open
         }}>{name}</button>
         {#if open}
             <div class="flex flex-col bg-darkbg">
-                <slot></slot>
+                {@render children?.()}
             </div>
         {/if}
     </div>