Fix svelte 4 components to fit into requirements

src/lib/Setting/Pages/BotSettings.svelte

@@ -475,6 +475,7 @@
 {#if submenu === 3 || submenu === -1}
     <Arcodion styled name="Bias " help="bias">
         <table class="contain w-full max-w-full tabler">
+            <tbody>
             <tr>
                 <th class="font-medium">Bias</th>
                 <th class="font-medium">{language.value}</th>
@@ -508,6 +509,7 @@
                     </td>
                 </tr>
             {/each}
+            </tbody>
         </table>
         <div class="text-textcolor2 mt-2 flex items-center gap-2">
             <button class="font-medium cursor-pointer hover:text-textcolor gap-2" on:click={() => {
@@ -527,6 +529,7 @@
     {#if $DataBase.aiModel === 'reverse_proxy'}
     <Arcodion styled name="{language.additionalParams} " help="additionalParams">
         <table class="contain w-full max-w-full tabler">
+            <tbody>
             <tr>
                 <th class="font-medium">{language.key}</th>
                 <th class="font-medium">{language.value}</th>
@@ -560,6 +563,7 @@
                     </td>
                 </tr>
             {/each}
+            </tbody>
         </table>
     </Arcodion>
     {/if}

src/lib/Setting/Pages/Module/ModuleMenu.svelte

@@ -167,6 +167,7 @@
 {#if submenu === 5 && (Array.isArray(currentModule.assets))}
     <div class="w-full max-w-full border border-selected rounded-md p-2">
         <table class="contain w-full max-w-full tabler mt-2">
+            <tbody>
             <tr>
                 <th class="font-medium">{language.value}</th>
                 <th class="font-medium cursor-pointer w-10">
@@ -222,6 +223,7 @@
                     </tr>
                 {/each}
             {/if}
+            </tbody>
         </table>
     </div>
 {/if}

src/lib/Setting/botpreset.svelte

@@ -38,13 +38,13 @@
                     <span>{presets.name}</span>
                 {/if}
                 <div class="flex-grow flex justify-end">
-                    <button class="text-textcolor2 hover:text-green-500 cursor-pointer mr-2" on:click={(e) => {
+                    <div class="text-textcolor2 hover:text-green-500 cursor-pointer mr-2" on:click={(e) => {
                         e.stopPropagation()
                         copyPreset(i)
                     }}>
                         <CopyIcon size={18}/>
-                    </button>
-                    <button class="text-textcolor2 hover:text-green-500 cursor-pointer mr-2" on:click={async (e) => {
+                    </div>
+                    <div class="text-textcolor2 hover:text-green-500 cursor-pointer mr-2" on:click={async (e) => {
                         e.stopPropagation()
                         const data = await alertCardExport('preset')
                         console.log(data.type)
@@ -57,8 +57,8 @@
                     }}>
 
                         <Share2Icon size={18} />
-                    </button>
-                    <button class="text-textcolor2 hover:text-green-500 cursor-pointer" on:click={async (e) => {
+                    </div>
+                    <div class="text-textcolor2 hover:text-green-500 cursor-pointer" on:click={async (e) => {
                         e.stopPropagation()
                         if($DataBase.botPresets.length === 1){
                             alertError(language.errors.onlyOneChat)
@@ -74,7 +74,7 @@
                         }
                     }}>
                         <TrashIcon size={18}/>
-                    </button>
+                    </div>
                 </div>
             </button>
         {/each}

src/lib/Setting/lorepreset.svelte

@@ -30,7 +30,7 @@
                     <span>{lore.name}</span>
                 {/if}
                 <div class="flex-grow flex justify-end">
-                    <button class="text-textcolor2 hover:text-green-500 cursor-pointer" on:click={async (e) => {
+                    <div class="text-textcolor2 hover:text-green-500 cursor-pointer" on:click={async (e) => {
                         e.stopPropagation()
                         if($DataBase.loreBook.length === 1){
                             return
@@ -44,7 +44,7 @@
                         }
                     }}>
                         <TrashIcon size={18}/>
-                    </button>
+                    </div>
                 </div>
             </button>
         {/each}