fix autologin toasts

src/pages/Settings.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
-  import { Button, ButtonGroup, Input } from "flowbite-svelte";
+  import { Button, ButtonGroup, Input, Toggle } from "flowbite-svelte";
   import { FolderSolid } from "flowbite-svelte-icons";
   import { currentPage } from "../storage/localStore";
   import { Page } from "../consts/pages";
 
   let folderPath: string = "";
 
+  let patching: boolean = true;
+  let presence: boolean = true;
+
   window.addEventListener("settings-result", (e) => {
     const settings: Record<string, string>[] = (e as CustomEvent).detail;
     const osuPath = settings.find((setting) => setting.key == "osuPath");
@@ -16,11 +19,27 @@
   const setFolderPath = () => {
     window.dispatchEvent(new CustomEvent("folder-set"));
   };
+
+  const togglePatching = () => {
+    patching = !patching;
+  };
+
+  const togglePresence = () => {
+    presence = !presence;
+  };
 </script>
 
 <main
-  class="h-[265px] my-auto flex flex-col justify-center items-center p-5 animate-fadeIn opacity-0"
+  class="h-[265px] flex flex-col justify-start p-3 animate-fadeIn opacity-0"
 >
+  <div class="flex flex-col gap-2 p-3">
+    <Toggle class="w-fit" bind:checked={presence} on:click={togglePresence}
+      >Discord Presence</Toggle
+    >
+    <Toggle class="w-fit" bind:checked={patching} on:click={togglePatching}
+      >Patching</Toggle
+    >
+  </div>
   <div
     class="container flex flex-col items-center justify-center gap-5 rounded-lg p-3"
   >