Add memory limit border thickness

src/lib/ChatScreens/Chat.svelte

@@ -116,6 +116,11 @@
     }
 
     $: displaya(message)
+
+    $: {
+        document.documentElement.style.setProperty('--memory-limit-thickness', $DataBase.memoryLimitThickness + 'px');
+        console.log($DataBase.memoryLimitThickness)
+    }
 </script>
 <div class="flex max-w-full justify-center risu-chat" class:bgc={isLastMemory}>
     <div class="text-textcolor mt-1 ml-4 mr-4 mb-1 p-2 bg-transparent flex-grow border-t-gray-900 border-opacity-30 border-transparent flexium items-start max-w-full" >

src/lib/Setting/Pages/DisplaySettings.svelte

@@ -88,6 +88,12 @@
 <SliderInput min={0} max={1} step={0.05} bind:value={$DataBase.animationSpeed} on:change={updateAnimationSpeed} />
 <span class="text-textcolor2 mb-6 text-sm">{(`${($DataBase.animationSpeed).toFixed(2)}s`)}</span>
 
+{#if $DataBase.showMemoryLimit}
+    <span class="text-textcolor">{language.memoryLimitThickness}</span>
+    <SliderInput min={1} max={100} step={1} bind:value={$DataBase.memoryLimitThickness} />
+    <span class="text-textcolor2 mb-6 text-sm">{($DataBase.memoryLimitThickness)}px</span>
+{/if}
+
 <div class="flex items-center mt-2">
     <Check bind:check={$DataBase.fullScreen} onChange={changeFullscreen} name={language.fullscreen}/>
 </div>