Add new hotkey functionalitys

src/lib/Others/QuickSettingsGUI.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+    import { BotIcon, PackageIcon, Sailboat, UserIcon } from "lucide-svelte";
+    import { QuickSettings } from "src/ts/stores.svelte";
+    import BotSettings from "../Setting/Pages/BotSettings.svelte";
+    import OtherBotSettings from "../Setting/Pages/OtherBotSettings.svelte";
+    import ModuleSettings from "../Setting/Pages/Module/ModuleSettings.svelte";
+</script>
+
+<div class="flex mb-2 gap-2">
+    <button class={QuickSettings.index === 0 ? 'text-textcolor ' : 'text-textcolor2'} onclick={() => {QuickSettings.index = 0}}>
+        <BotIcon />
+    </button>
+    <button class={QuickSettings.index === 1 ? 'text-textcolor ' : 'text-textcolor2'} onclick={() => {QuickSettings.index = 1}}>
+        <Sailboat />
+    </button>
+    <button class={QuickSettings.index === 2 ? 'text-textcolor ' : 'text-textcolor2'} onclick={() => {QuickSettings.index = 2}}>
+        <PackageIcon />
+    </button>
+</div>
+
+<div class="py-6 px-4 flex flex-col text-textcolor overflow-y-auto relative rs-setting-cont-5">
+    {#if QuickSettings.index === 0}
+        <BotSettings />
+    {:else if QuickSettings.index === 1}
+        <OtherBotSettings />
+    {:else if QuickSettings.index === 2}
+        <ModuleSettings />
+    {/if}
+</div>

src/lib/SideBars/Sidebar.svelte

@@ -8,7 +8,10 @@
     sideBarClosing,
     sideBarStore,
     OpenRealmStore,
-    PlaygroundStore
+    PlaygroundStore,
+
+    QuickSettings
+
   } from "../../ts/stores.svelte";
     import { setDatabase, type folder } from "../../ts/storage/database.svelte";
     import { DBState } from 'src/ts/stores.svelte';
@@ -45,6 +48,7 @@
     import { ConnectionIsHost, ConnectionOpenStore, RoomIdStore } from "src/ts/sync/multiuser";
   import { sideBarSize } from "src/ts/gui/guisize";
   import DevTool from "./DevTool.svelte";
+    import QuickSettingsGui from "../Others/QuickSettingsGUI.svelte";
   let sideBarMode = $state(0);
   let editMode = $state(false);
   let menuMode = $state(0);
@@ -751,7 +755,9 @@
           </button>
         {/if}
       </div>
-      {#if devTool}
+      {#if QuickSettings.open}
+        <QuickSettingsGui />
+      {:else if devTool}
         <DevTool />
       {:else if $botMakerMode}
         <CharConfig />