GUH

src/components/Loader.astro

@@ -2,7 +2,6 @@
     import { Settings } from "@utils/settings.ts";
     import { SW } from "@utils/proxy.ts";
     const settings = new Settings();
-    window.settings = settings;
     const sw = new SW();
 
 

src/components/SettingsNav.astro

@@ -5,7 +5,7 @@ import type { SettingsProps as Props } from "@utils/types.ts";
 const { active } = Astro.props; 
 ---
 <div class="h-full w-full flex flex-col font-inter p-4 pl-8 pt-8 gap-2">
-    <a href="/settings/proxy/" class=`gap-2 px-4 py-2 rounded-lg h-10 w-full text-sm font-medium transition-colors items-center justify-start inline-flex ${active === "proxy" ? 'bg-(--secondary) hover:bg-(--secondary)/[0.8]' : 'bg-(--background) hover:bg-(--accent)'}`>
+    <a href="/settings/" class=`gap-2 px-4 py-2 rounded-lg h-10 w-full text-sm font-medium transition-colors items-center justify-start inline-flex ${active === "proxy" ? 'bg-(--secondary) hover:bg-(--secondary)/[0.8]' : 'bg-(--background) hover:bg-(--accent)'}`>
         <Icon name="lucide:lock" class="h-5 w-5" /> Proxy
     </a>
     <a href="/settings/appearance/" class=`gap-2 px-4 py-2 rounded-lg h-10 w-full text-sm font-medium transition-colors items-center justify-start inline-flex ${active === "appearance" ? 'bg-(--secondary) hover:bg-(--secondary)/[0.8]' : 'bg-(--background) hover:bg-(--accent)'}`>

src/components/ui/Dropdown.astro

@@ -1,12 +1,11 @@
 ---
 import type { DropdownOptions } from "@utils/types";
 interface Props {
-    title?: string;
     id: string;
     options: DropdownOptions[];
 }
 
-const { title, id, options } = Astro.props;
+const { id, options } = Astro.props;
 ---
 <select id=`dropdownBox-${id}` class="flex h-10 w-[180px] items-center justify-between text-(--foreground) background-(--background) rounded-lg border border-(--border) px-3 py-2">
     {options.map((el) =>