Format shit

src/components/SettingsNav.astro

@@ -2,7 +2,7 @@
 import { Icon } from "astro-icon/components";
 import type { SettingsProps as Props } from "@utils/types.ts";
 
-const { active } = Astro.props; 
+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/" 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)'}`>

src/components/ui/Button.astro

@@ -1,10 +1,10 @@
 ---
-import { Icon } from 'astro-icon/components';
+import { Icon } from "astro-icon/components";
 
 interface Props {
     id: string;
     text: string;
-    icon?: string
+    icon?: string;
 }
 const { id, text, icon } = Astro.props;
 ---

src/components/ui/Card.astro

@@ -10,7 +10,7 @@ interface Props {
     imageSrc: string;
     text: string;
     id: string;
-};
+}
 
 const { imageSrc, text, id, link } = Astro.props;
 ---