style: format entire codebase with prettier

src/lib/components/ui/theme-toggle/ThemeToggle.svelte

@@ -1,30 +1,30 @@
 <script lang="ts">
-	import { themeStore } from '$lib/stores/theme.svelte';
-	import { Sun, Moon, Monitor } from '@lucide/svelte';
-    import IconButton from '../IconButton.svelte';
+  import { themeStore } from '$lib/stores/theme.svelte';
+  import { Sun, Moon, Monitor } from '@lucide/svelte';
+  import IconButton from '../IconButton.svelte';
 
-	let {
-		color = $bindable(null),
-		size = 'sm',
-	}: {
-		color: string | null;
-		size?: 'sm' | 'md' | 'lg';
-	} = $props();
+  let {
+    color = $bindable(null),
+    size = 'sm'
+  }: {
+    color: string | null;
+    size?: 'sm' | 'md' | 'lg';
+  } = $props();
 
-	function toggle() {
-		themeStore.toggle();
-	}
+  function toggle() {
+    themeStore.toggle();
+  }
 </script>
 
 <IconButton onclick={toggle} {size} {color} rounded="md">
-	{#if themeStore.current === 'light'}
-		<Sun size={20} />
-		<span class="sr-only">Light mode (click for dark)</span>
-	{:else if themeStore.current === 'dark'}
-		<Moon size={20} />
-		<span class="sr-only">Dark mode (click for system)</span>
-	{:else}
-		<Monitor size={20} />
-		<span class="sr-only">System mode (click for light)</span>
-	{/if}
+  {#if themeStore.current === 'light'}
+    <Sun size={20} />
+    <span class="sr-only">Light mode (click for dark)</span>
+  {:else if themeStore.current === 'dark'}
+    <Moon size={20} />
+    <span class="sr-only">Dark mode (click for system)</span>
+  {:else}
+    <Monitor size={20} />
+    <span class="sr-only">System mode (click for light)</span>
+  {/if}
 </IconButton>