diff --git a/client/src/app.css b/client/src/app.css
index 95d5dff..ab346d9 100644
--- a/client/src/app.css
+++ b/client/src/app.css
@@ -1,99 +1,99 @@
 @import 'tailwindcss';
-@import "tw-animate-css";
+@import 'tw-animate-css';
 
 @custom-variant dark (&:where(.dark, .dark *));
 
 @theme inline {
-  --spacing-body: calc(100vh - 180px);
+	--spacing-body: calc(100vh - 180px);
 
-  --color-accent: var(--sky);
+	--color-accent: var(--sky);
 
-  --color-rosewater: var(--rosewater);
-  --color-flamingo: var(--flamingo);
-  --color-pink: var(--pink);
-  --color-mauve: var(--mauve);
-  --color-red: var(--red);
-  --color-maroon: var(--maroon);
-  --color-peach: var(--peach);
-  --color-yellow: var(--yellow);
-  --color-green: var(--green);
-  --color-teal: var(--teal);
-  --color-sky: var(--sky);
-  --color-sapphire: var(--sapphire);
-  --color-blue: var(--blue);
-  --color-lavender: var(--lavender);
-  --color-text: var(--text);
-  --color-subtext-1: var(--subtext-1);
-  --color-subtext: var(--subtext);
-  --color-overlay-2: var(--overlay-2);
-  --color-overlay-1: var(--overlay-1);
-  --color-overlay: var(--overlay);
-  --color-surface-2: var(--surface-2);
-  --color-surface-1: var(--surface-1);
-  --color-surface: var(--surface);
-  --color-based: var(--based);
-  --color-mantle: var(--mantle);
-  --color-crust: var(--crust);
+	--color-rosewater: var(--rosewater);
+	--color-flamingo: var(--flamingo);
+	--color-pink: var(--pink);
+	--color-mauve: var(--mauve);
+	--color-red: var(--red);
+	--color-maroon: var(--maroon);
+	--color-peach: var(--peach);
+	--color-yellow: var(--yellow);
+	--color-green: var(--green);
+	--color-teal: var(--teal);
+	--color-sky: var(--sky);
+	--color-sapphire: var(--sapphire);
+	--color-blue: var(--blue);
+	--color-lavender: var(--lavender);
+	--color-text: var(--text);
+	--color-subtext-1: var(--subtext-1);
+	--color-subtext: var(--subtext);
+	--color-overlay-2: var(--overlay-2);
+	--color-overlay-1: var(--overlay-1);
+	--color-overlay: var(--overlay);
+	--color-surface-2: var(--surface-2);
+	--color-surface-1: var(--surface-1);
+	--color-surface: var(--surface);
+	--color-based: var(--based);
+	--color-mantle: var(--mantle);
+	--color-crust: var(--crust);
 }
 
 @layer base {
-  :root {
-    --rosewater: hsl(11deg, 59%, 67%);
-    --flamingo: hsl(0deg, 60%, 67%);
-    --pink: hsl(316deg, 73%, 69%);
-    --mauve: hsl(266deg, 85%, 58%);
-    --red: hsl(347deg, 87%, 44%);
-    --maroon: hsl(355deg, 76%, 59%);
-    --peach: hsl(22deg, 99%, 52%);
-    --yellow: hsl(35deg, 77%, 49%);
-    --green: hsl(109deg, 58%, 40%);
-    --teal: hsl(183deg, 74%, 35%);
-    --sky: hsl(197deg, 97%, 46%);
-    --sapphire: hsl(189deg, 70%, 42%);
-    --blue: hsl(220deg, 91%, 54%);
-    --lavender: hsl(231deg, 97%, 72%);
-    --text: hsl(234deg, 16%, 35%); 
-    --subtext-1: hsl(233deg, 13%, 41%);
-    --subtext: hsl(233deg, 10%, 47%);
-    --overlay-2: hsl(232deg, 10%, 53%);
-    --overlay-1: hsl(231deg, 10%, 59%);
-    --overlay: hsl(228deg, 11%, 65%);
-    --surface-2: hsl(227deg, 12%, 71%);
-    --surface-1: hsl(225deg, 14%, 77%);
-    --surface: hsl(223deg, 16%, 83%);
-    --based: hsl(220deg, 23%, 95%);
-    --mantle: hsl(220deg, 22%, 92%);
-    --crust: hsl(220deg, 21%, 89%);
-  }
+	:root {
+		--rosewater: hsl(11deg, 59%, 67%);
+		--flamingo: hsl(0deg, 60%, 67%);
+		--pink: hsl(316deg, 73%, 69%);
+		--mauve: hsl(266deg, 85%, 58%);
+		--red: hsl(347deg, 87%, 44%);
+		--maroon: hsl(355deg, 76%, 59%);
+		--peach: hsl(22deg, 99%, 52%);
+		--yellow: hsl(35deg, 77%, 49%);
+		--green: hsl(109deg, 58%, 40%);
+		--teal: hsl(183deg, 74%, 35%);
+		--sky: hsl(197deg, 97%, 46%);
+		--sapphire: hsl(189deg, 70%, 42%);
+		--blue: hsl(220deg, 91%, 54%);
+		--lavender: hsl(231deg, 97%, 72%);
+		--text: hsl(234deg, 16%, 35%);
+		--subtext-1: hsl(233deg, 13%, 41%);
+		--subtext: hsl(233deg, 10%, 47%);
+		--overlay-2: hsl(232deg, 10%, 53%);
+		--overlay-1: hsl(231deg, 10%, 59%);
+		--overlay: hsl(228deg, 11%, 65%);
+		--surface-2: hsl(227deg, 12%, 71%);
+		--surface-1: hsl(225deg, 14%, 77%);
+		--surface: hsl(223deg, 16%, 83%);
+		--based: hsl(220deg, 23%, 95%);
+		--mantle: hsl(220deg, 22%, 92%);
+		--crust: hsl(220deg, 21%, 89%);
+	}
 
-  .dark {
-    --rosewater: hsl(10deg, 56%, 91%);
-    --flamingo: hsl(0deg, 59%, 88%);
-    --pink: hsl(316deg, 72%, 86%);
-    --mauve: hsl(267deg, 84%, 81%);
-    --red: hsl(343deg, 81%, 75%);
-    --maroon: hsl(350deg, 65%, 77%);
-    --peach: hsl(23deg, 92%, 75%);
-    --yellow: hsl(41deg, 86%, 83%);
-    --green: hsl(115deg, 54%, 76%);
-    --teal: hsl(170deg, 57%, 73%);
-    --sky: hsl(189deg, 71%, 73%);
-    --sapphire: hsl(199deg, 76%, 69%);
-    --blue: hsl(217deg, 92%, 76%);
-    --lavender: hsl(232deg, 97%, 85%);
-    --text: hsl(226deg, 64%, 88%);
-    --subtext-1: hsl(227deg, 35%, 80%);
-    --subtext: hsl(228deg, 24%, 72%);
-    --overlay-2: hsl(228deg, 17%, 64%);
-    --overlay-1: hsl(230deg, 13%, 55%);
-    --overlay: hsl(231deg, 11%, 47%);
-    --surface-2: hsl(233deg, 12%, 39%);
-    --surface-1: hsl(234deg, 13%, 31%);
-    --surface: hsl(237deg, 16%, 23%);
-    --based: hsl(240deg, 21%, 15%);
-    --mantle: hsl(240deg, 21%, 12%);
-    --crust: hsl(240deg, 23%, 9%);
-  }
+	.dark {
+		--rosewater: hsl(10deg, 56%, 91%);
+		--flamingo: hsl(0deg, 59%, 88%);
+		--pink: hsl(316deg, 72%, 86%);
+		--mauve: hsl(267deg, 84%, 81%);
+		--red: hsl(343deg, 81%, 75%);
+		--maroon: hsl(350deg, 65%, 77%);
+		--peach: hsl(23deg, 92%, 75%);
+		--yellow: hsl(41deg, 86%, 83%);
+		--green: hsl(115deg, 54%, 76%);
+		--teal: hsl(170deg, 57%, 73%);
+		--sky: hsl(189deg, 71%, 73%);
+		--sapphire: hsl(199deg, 76%, 69%);
+		--blue: hsl(217deg, 92%, 76%);
+		--lavender: hsl(232deg, 97%, 85%);
+		--text: hsl(226deg, 64%, 88%);
+		--subtext-1: hsl(227deg, 35%, 80%);
+		--subtext: hsl(228deg, 24%, 72%);
+		--overlay-2: hsl(228deg, 17%, 64%);
+		--overlay-1: hsl(230deg, 13%, 55%);
+		--overlay: hsl(231deg, 11%, 47%);
+		--surface-2: hsl(233deg, 12%, 39%);
+		--surface-1: hsl(234deg, 13%, 31%);
+		--surface: hsl(237deg, 16%, 23%);
+		--based: hsl(240deg, 21%, 15%);
+		--mantle: hsl(240deg, 21%, 12%);
+		--crust: hsl(240deg, 23%, 9%);
+	}
 }
 
 /*
@@ -102,4 +102,4 @@
 Focus Outline: blue
 Border: surface-1
 Hover: bump color by 2 (eg crust -> based), if accent color drop opacity (eg blue -> blue/90)
-*/
\ No newline at end of file
+*/
diff --git a/client/src/lib/coolforms/conststate.svelte.ts b/client/src/lib/coolforms/conststate.svelte.ts
index 3925550..6b15dd8 100644
--- a/client/src/lib/coolforms/conststate.svelte.ts
+++ b/client/src/lib/coolforms/conststate.svelte.ts
@@ -1,7 +1,5 @@
-
-
 export function newState<T>(s: T) {
-    const state = $state(s);
+	const state = $state(s);
 
-    return state;
-}
\ No newline at end of file
+	return state;
+}
diff --git a/client/src/lib/coolforms/coolforms.svelte.ts b/client/src/lib/coolforms/coolforms.svelte.ts
index 779fa3e..a652bf3 100644
--- a/client/src/lib/coolforms/coolforms.svelte.ts
+++ b/client/src/lib/coolforms/coolforms.svelte.ts
@@ -1,175 +1,181 @@
-import { create, type DescMessage, type DescService, type MessageShape, type MessageInitShape } from "@bufbuild/protobuf";
-import { ValidationError, type Violation } from "@bufbuild/protovalidate";
-import { Validator } from "../transport";
-import { ConnectError, type Client } from "@connectrpc/connect";
-import type { Action } from "svelte/action";
+import {
+	create,
+	type DescMessage,
+	type DescService,
+	type MessageShape,
+	type MessageInitShape
+} from '@bufbuild/protobuf';
+import { ValidationError, type Violation } from '@bufbuild/protovalidate';
+import { Validator } from '../transport';
+import { ConnectError, type Client } from '@connectrpc/connect';
+import type { Action } from 'svelte/action';
 
 type Options<Input extends DescMessage, Output extends DescMessage> = {
-    init?: MessageInitShape<Input>,
-    start?: boolean,
-    reset?: boolean,
-    onSubmit?: (formData: FormData, input: MessageShape<Input>) => Promise<MessageShape<Input>>,
-    onResult?: (result: MessageShape<Output>) => void,
-    onError?: (err: Violation[] | ConnectError) => void
-}
-
-type Violations<Field> = {
-    [field in keyof Field]?: Violation[];
+	init?: MessageInitShape<Input>;
+	start?: boolean;
+	reset?: boolean;
+	onSubmit?: (formData: FormData, input: MessageShape<Input>) => Promise<MessageShape<Input>>;
+	onResult?: (result: MessageShape<Output>) => void;
+	onError?: (err: Violation[] | ConnectError) => void;
 };
 
-export function coolForm<
-    Service extends DescService,
-    Method extends Service['methods'][number]
->(
-    client: Client<Service>,
-    method: Method,
-    options?: Options<Method['input'], Method['output']>
+type Violations<Field> = {
+	[field in keyof Field]?: Violation[];
+};
+
+export function coolForm<Service extends DescService, Method extends Service['methods'][number]>(
+	client: Client<Service>,
+	method: Method,
+	options?: Options<Method['input'], Method['output']>
 ) {
-    const input = $state(create(method.input as Method['input'], options?.init));
-    const output = $state(create(method.output as Method['output']));
-    const errors: Violations<Method['input']['field']> & {
-        form?: ConnectError
-    } = $state({});
-    let loading = $state(false);
+	const input = $state(create(method.input as Method['input'], options?.init));
+	const output = $state(create(method.output as Method['output']));
+	const errors: Violations<Method['input']['field']> & {
+		form?: ConnectError;
+	} = $state({});
+	let loading = $state(false);
 
-    const validate = () => {
-        // Delete existing errors
-        for (const key in errors) {
-            delete errors[key];
-        }
+	const validate = () => {
+		// Delete existing errors
+		for (const key in errors) {
+			delete errors[key];
+		}
 
-        try {
-            Validator.validate(method['input'], input);
-        } catch (e) {
-            if (!(e instanceof ValidationError)) {
-                throw e;
-            }
+		try {
+			Validator.validate(method['input'], input);
+		} catch (e) {
+			if (!(e instanceof ValidationError)) {
+				throw e;
+			}
 
-            // Map violation errors to errors rune
-            for (const violation of e.violations) {
-                for (const field of violation.field) {
-                    if (!("localName" in field)) {
-                        continue;
-                    }
+			// Map violation errors to errors rune
+			for (const violation of e.violations) {
+				for (const field of violation.field) {
+					if (!('localName' in field)) {
+						continue;
+					}
 
-                    // Create localName property if it doesn't exist
-                    if (!errors[field.localName]) {
-                        Object.assign(errors, {
-                            [field.localName]: [violation]
-                        })
-                    } else {
-                        errors[field.localName]?.push(violation);
-                    }
-                }
-            }
+					// Create localName property if it doesn't exist
+					if (!errors[field.localName]) {
+						Object.assign(errors, {
+							[field.localName]: [violation]
+						});
+					} else {
+						errors[field.localName]?.push(violation);
+					}
+				}
+			}
 
-            return e.violations;
-        }
+			return e.violations;
+		}
 
-        return [];
-    };
+		return [];
+	};
 
-    // When a request is successful
-    const success = (response: MessageShape<Method['output']>) => {
-        loading = false;
+	// When a request is successful
+	const success = (response: MessageShape<Method['output']>) => {
+		loading = false;
 
-        // Send the response up
-        options?.onResult?.(response);
+		// Send the response up
+		options?.onResult?.(response);
 
-        // Set the response
-        Object.assign(output, response);
+		// Set the response
+		Object.assign(output, response);
 
-        // If we want to reset the input
-        if (options && (options.reset == undefined || options.reset)) {
-            const cleared = create(method.input as Method['input'], options?.init)
-            Object.assign(input, cleared);
-        }
-    }
+		// If we want to reset the input
+		if (options && (options.reset == undefined || options.reset)) {
+			const cleared = create(method.input as Method['input'], options?.init);
+			Object.assign(input, cleared);
+		}
+	};
 
-    // When a request fails
-    const fail = (err: Violation[] | ConnectError | any) => {
-        loading = false;
+	// When a request fails
+	const fail = (err: Violation[] | ConnectError | Error) => {
+		loading = false;
 
-        // It's a Violation[]
-        if (Array.isArray(err)) {
-            // Send the error up
-            options?.onError?.(err);
-            return;
-        }
+		// It's a Violation[]
+		if (Array.isArray(err)) {
+			// Send the error up
+			options?.onError?.(err);
+			return;
+		}
 
-        // It's a ConnectError
-        if (err instanceof ConnectError) {
-            // Assign it to the form
-            errors.form = err;
+		// It's a ConnectError
+		if (err instanceof ConnectError) {
+			// Assign it to the form
+			errors.form = err;
 
-            // Send the error up
-            options?.onError?.(err);
-            return;
-        }
+			// Send the error up
+			options?.onError?.(err);
+			return;
+		}
 
-        throw err;
-    }
+		throw err;
+	};
 
-    const submit = () => {
-        loading = true;
+	const submit = () => {
+		loading = true;
 
-        // Validate
-        const validationErrors = validate();
-        if (validationErrors.length > 0) {
-            fail(validationErrors);
-            return;
-        }
+		// Validate
+		const validationErrors = validate();
+		if (validationErrors.length > 0) {
+			fail(validationErrors);
+			return;
+		}
 
-        // Send response
-        if (method.methodKind == "unary") {
-            // @ts-ignore I can't figure out how to make this typescript compliant
-            const response = client[method.localName]($state.snapshot(input)) as Promise<MessageShape<Method['output']>>
+		// Send response
+		if (method.methodKind == 'unary') {
+			// @ts-expect-error I can't figure out how to make this typescript compliant
+			const response = client[method.localName]($state.snapshot(input)) as Promise<
+				MessageShape<Method['output']>
+			>;
 
-            response
-                .then((resp) => {
-                    success(resp);
-                }).catch(err => {
-                    fail(err);
-                });
-        }
-    }
+			response
+				.then((resp) => {
+					success(resp);
+				})
+				.catch((err) => {
+					fail(err);
+				});
+		}
+	};
 
-    // A nice action to give to forms to run submit() on submit
-    const impair: Action<HTMLFormElement> = (form) => {
-        $effect(() => {
-            form.onsubmit = (event) => {
-                event.preventDefault();
+	// A nice action to give to forms to run submit() on submit
+	const impair: Action<HTMLFormElement> = (form) => {
+		$effect(() => {
+			form.onsubmit = (event) => {
+				event.preventDefault();
 
-                if (options?.onSubmit) {
-                    const formData = new FormData(form);
-                    options.onSubmit(formData, input).then((i) => {
-                        Object.assign(input, i);
-                        submit();
-                    });
+				if (options?.onSubmit) {
+					const formData = new FormData(form);
+					options.onSubmit(formData, input).then((i) => {
+						Object.assign(input, i);
+						submit();
+					});
 
-                    return;
-                }
+					return;
+				}
 
-                submit();
-            }
+				submit();
+			};
 
-            return () => {
-                form.onsubmit = () => { };
-            };
-        });
-    };
+			return () => {
+				form.onsubmit = () => {};
+			};
+		});
+	};
 
-    if (options?.start) {
-        submit();
-    }
+	if (options?.start) {
+		submit();
+	}
 
-    return {
-        input,
-        output,
-        errors,
-        loading: () => loading,
-        submit,
-        validate,
-        impair
-    }
-}
\ No newline at end of file
+	return {
+		input,
+		output,
+		errors,
+		loading: () => loading,
+		submit,
+		validate,
+		impair
+	};
+}
diff --git a/client/src/lib/coolforms/index.ts b/client/src/lib/coolforms/index.ts
index 4525399..5179a09 100644
--- a/client/src/lib/coolforms/index.ts
+++ b/client/src/lib/coolforms/index.ts
@@ -1,7 +1,4 @@
-import { coolForm } from "./coolforms.svelte";
-import { newState } from "./conststate.svelte";
+import { coolForm } from './coolforms.svelte';
+import { newState } from './conststate.svelte';
 
-export {
-    coolForm,
-    newState
-};
\ No newline at end of file
+export { coolForm, newState };
diff --git a/client/src/lib/transport.ts b/client/src/lib/transport.ts
index 47c2583..1ae2cf5 100644
--- a/client/src/lib/transport.ts
+++ b/client/src/lib/transport.ts
@@ -1,5 +1,5 @@
 import { createConnectTransport } from '@connectrpc/connect-web';
-import { createValidator } from "@bufbuild/protovalidate";
+import { createValidator } from '@bufbuild/protovalidate';
 import { Code, ConnectError, createClient, type Interceptor } from '@connectrpc/connect';
 import { AuthService } from '$lib/connect/user/v1/auth_pb';
 import { UserService } from '$lib/connect/user/v1/user_pb';
@@ -15,7 +15,10 @@ const redirector: Interceptor = (next) => async (req) => {
 		if (error.code === Code.Unauthenticated) {
 			const redirectURL = new URL(page.url);
 			redirectURL.pathname = '/auth';
-			redirectURL.searchParams.append('redir', encodeURIComponent(page.url.pathname + page.url.search));
+			redirectURL.searchParams.append(
+				'redir',
+				encodeURIComponent(page.url.pathname + page.url.search)
+			);
 
 			await goto(redirectURL);
 		}
diff --git a/client/src/lib/ui/avatar/avatar-fallback.svelte b/client/src/lib/ui/avatar/avatar-fallback.svelte
index f4d0873..ad1e73c 100644
--- a/client/src/lib/ui/avatar/avatar-fallback.svelte
+++ b/client/src/lib/ui/avatar/avatar-fallback.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="avatar-fallback"
 	class={cn(
-		'bg-surface outline-surface-2 flex size-full select-none items-center justify-center rounded-full text-sm transition-all',
+		'bg-surface outline-surface-2 flex size-full items-center justify-center rounded-full text-sm transition-all select-none',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/avatar/avatar-image.svelte b/client/src/lib/ui/avatar/avatar-image.svelte
index 2bb9db4..7ccc3ce 100644
--- a/client/src/lib/ui/avatar/avatar-image.svelte
+++ b/client/src/lib/ui/avatar/avatar-image.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Avatar as AvatarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <AvatarPrimitive.Image
 	bind:ref
 	data-slot="avatar-image"
-	class={cn("aspect-square size-full", className)}
+	class={cn('aspect-square size-full', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/avatar/avatar.svelte b/client/src/lib/ui/avatar/avatar.svelte
index 187fc4f..e92090c 100644
--- a/client/src/lib/ui/avatar/avatar.svelte
+++ b/client/src/lib/ui/avatar/avatar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Avatar as AvatarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,9 @@
 <AvatarPrimitive.Root
 	bind:ref
 	data-slot="avatar"
-	class={cn("relative outline outline-offset-2 outline-surface-1 flex size-9 shrink-0 overflow-hidden rounded-full", className)}
+	class={cn(
+		'outline-surface-1 relative flex size-9 shrink-0 overflow-hidden rounded-full outline outline-offset-2',
+		className
+	)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/avatar/index.ts b/client/src/lib/ui/avatar/index.ts
index d06457b..9585f8a 100644
--- a/client/src/lib/ui/avatar/index.ts
+++ b/client/src/lib/ui/avatar/index.ts
@@ -1,6 +1,6 @@
-import Root from "./avatar.svelte";
-import Image from "./avatar-image.svelte";
-import Fallback from "./avatar-fallback.svelte";
+import Root from './avatar.svelte';
+import Image from './avatar-image.svelte';
+import Fallback from './avatar-fallback.svelte';
 
 export {
 	Root,
@@ -9,5 +9,5 @@ export {
 	//
 	Root as Avatar,
 	Image as AvatarImage,
-	Fallback as AvatarFallback,
+	Fallback as AvatarFallback
 };
diff --git a/client/src/lib/ui/button/button.svelte b/client/src/lib/ui/button/button.svelte
index f6aa0d0..1a8aa03 100644
--- a/client/src/lib/ui/button/button.svelte
+++ b/client/src/lib/ui/button/button.svelte
@@ -7,7 +7,7 @@
 
 	export const buttonVariants = tv({
 		base: cn(
-			'shadow-xs inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all',
+			'inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap shadow-xs transition-all',
 
 			// Focus
 			'focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2',
@@ -16,14 +16,14 @@
 			'disabled:pointer-events-none disabled:opacity-50',
 
 			// Images
-			"[&_svg:not([class*='size-'])]:size-5 [&_svg]:pointer-events-none [&_svg]:shrink-0"
+			"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"
 		),
 		variants: {
 			variant: {
 				default: 'text-crust bg-accent hover:bg-accent/90 shadow-xs',
 				red: 'text-crust bg-red hover:bg-red/90 shadow-xs',
-				outline: 'text-text border-surface-1 hover:bg-surface shadow-xs border bg-transparent',
-				input: 'text-text border-surface-1 hover:border-overlay shadow-xs border bg-transparent',
+				outline: 'text-text border-surface-1 hover:bg-surface border bg-transparent shadow-xs',
+				input: 'text-text border-surface-1 hover:border-overlay border bg-transparent shadow-xs',
 				ghost: 'text-text hover:bg-surface shadow-xs'
 			},
 			size: {
@@ -47,7 +47,6 @@
 			variant?: ButtonVariant;
 			size?: ButtonSize;
 			loading?: boolean;
-			scan?: boolean;
 		};
 </script>
 
@@ -60,7 +59,6 @@
 		href = undefined,
 		type = 'button',
 		loading,
-		scan,
 		children,
 		...restProps
 	}: ButtonProps = $props();
diff --git a/client/src/lib/ui/button/index.ts b/client/src/lib/ui/button/index.ts
index 74b5c1d..5414d9d 100644
--- a/client/src/lib/ui/button/index.ts
+++ b/client/src/lib/ui/button/index.ts
@@ -2,8 +2,8 @@ import Root, {
 	type ButtonProps,
 	type ButtonSize,
 	type ButtonVariant,
-	buttonVariants,
-} from "./button.svelte";
+	buttonVariants
+} from './button.svelte';
 
 export {
 	Root,
@@ -13,5 +13,5 @@ export {
 	buttonVariants,
 	type ButtonProps,
 	type ButtonSize,
-	type ButtonVariant,
-};
\ No newline at end of file
+	type ButtonVariant
+};
diff --git a/client/src/lib/ui/card/index.ts b/client/src/lib/ui/card/index.ts
index 837ce24..61a5f0d 100644
--- a/client/src/lib/ui/card/index.ts
+++ b/client/src/lib/ui/card/index.ts
@@ -1,7 +1,7 @@
-import Root from "./card.svelte";
+import Root from './card.svelte';
 
 export {
 	Root,
 	//
-	Root as Card,
-};
\ No newline at end of file
+	Root as Card
+};
diff --git a/client/src/lib/ui/daterangepicker/daterangepicker.svelte b/client/src/lib/ui/daterangepicker/daterangepicker.svelte
index eab4df8..a702244 100644
--- a/client/src/lib/ui/daterangepicker/daterangepicker.svelte
+++ b/client/src/lib/ui/daterangepicker/daterangepicker.svelte
@@ -58,7 +58,7 @@
 				Pick a date range
 			{/if}
 		</Popover.Trigger>
-		<Popover.Content class="w-auto p-0 bg-based" align="start">
+		<Popover.Content class="bg-based w-auto p-0" align="start">
 			<RangeCalendar
 				bind:value
 				onStartValueChange={(v) => {
diff --git a/client/src/lib/ui/daterangepicker/index.ts b/client/src/lib/ui/daterangepicker/index.ts
index 7e2815f..002d45d 100644
--- a/client/src/lib/ui/daterangepicker/index.ts
+++ b/client/src/lib/ui/daterangepicker/index.ts
@@ -1,6 +1,3 @@
-import Root from "./daterangepicker.svelte";
+import Root from './daterangepicker.svelte';
 
-export {
-    Root,
-    Root as DateRangePicker
-};
+export { Root, Root as DateRangePicker };
diff --git a/client/src/lib/ui/dialog/dialog-close.svelte b/client/src/lib/ui/dialog/dialog-close.svelte
index 840b2f6..e8a96a7 100644
--- a/client/src/lib/ui/dialog/dialog-close.svelte
+++ b/client/src/lib/ui/dialog/dialog-close.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
 
 	let { ref = $bindable(null), ...restProps }: DialogPrimitive.CloseProps = $props();
 </script>
diff --git a/client/src/lib/ui/dialog/dialog-content.svelte b/client/src/lib/ui/dialog/dialog-content.svelte
index 9ba844a..653a9b2 100644
--- a/client/src/lib/ui/dialog/dialog-content.svelte
+++ b/client/src/lib/ui/dialog/dialog-content.svelte
@@ -34,7 +34,7 @@
 		{@render children?.()}
 		<DialogPrimitive.Close
 			class={cn(
-				'text-text absolute top-4 right-4 cursor-pointer p-1 rounded hover:bg-crust transition-all disabled:pointer-events-none',
+				'text-text hover:bg-crust absolute top-4 right-4 cursor-pointer rounded p-1 transition-all disabled:pointer-events-none',
 
 				// Focus
 				'focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2',
diff --git a/client/src/lib/ui/dialog/dialog-description.svelte b/client/src/lib/ui/dialog/dialog-description.svelte
index 3845023..c658420 100644
--- a/client/src/lib/ui/dialog/dialog-description.svelte
+++ b/client/src/lib/ui/dialog/dialog-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <DialogPrimitive.Description
 	bind:ref
 	data-slot="dialog-description"
-	class={cn("text-muted-foreground text-sm", className)}
+	class={cn('text-muted-foreground text-sm', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/dialog/dialog-footer.svelte b/client/src/lib/ui/dialog/dialog-footer.svelte
index dac58f5..e9ccd41 100644
--- a/client/src/lib/ui/dialog/dialog-footer.svelte
+++ b/client/src/lib/ui/dialog/dialog-footer.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <div
 	bind:this={ref}
 	data-slot="dialog-footer"
-	class={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+	class={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/dialog/dialog-header.svelte b/client/src/lib/ui/dialog/dialog-header.svelte
index 03f22d5..067e373 100644
--- a/client/src/lib/ui/dialog/dialog-header.svelte
+++ b/client/src/lib/ui/dialog/dialog-header.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <div
 	bind:this={ref}
 	data-slot="dialog-header"
-	class={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+	class={cn('flex flex-col gap-2 text-center sm:text-left', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/dialog/dialog-overlay.svelte b/client/src/lib/ui/dialog/dialog-overlay.svelte
index f81ad83..938ab1e 100644
--- a/client/src/lib/ui/dialog/dialog-overlay.svelte
+++ b/client/src/lib/ui/dialog/dialog-overlay.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="dialog-overlay"
 	class={cn(
-		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+		'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/dialog/dialog-title.svelte b/client/src/lib/ui/dialog/dialog-title.svelte
index 067e55e..7073699 100644
--- a/client/src/lib/ui/dialog/dialog-title.svelte
+++ b/client/src/lib/ui/dialog/dialog-title.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <DialogPrimitive.Title
 	bind:ref
 	data-slot="dialog-title"
-	class={cn("text-lg font-semibold leading-none", className)}
+	class={cn('text-lg leading-none font-semibold', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/dialog/dialog-trigger.svelte b/client/src/lib/ui/dialog/dialog-trigger.svelte
index 9d1e801..ac04d9f 100644
--- a/client/src/lib/ui/dialog/dialog-trigger.svelte
+++ b/client/src/lib/ui/dialog/dialog-trigger.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
 
 	let { ref = $bindable(null), ...restProps }: DialogPrimitive.TriggerProps = $props();
 </script>
diff --git a/client/src/lib/ui/dialog/index.ts b/client/src/lib/ui/dialog/index.ts
index ac0961a..2fb1a9c 100644
--- a/client/src/lib/ui/dialog/index.ts
+++ b/client/src/lib/ui/dialog/index.ts
@@ -1,14 +1,14 @@
-import { Dialog as DialogPrimitive } from "bits-ui";
+import { Dialog as DialogPrimitive } from 'bits-ui';
 
 import Root from './dialog.svelte';
-import Title from "./dialog-title.svelte";
-import Footer from "./dialog-footer.svelte";
-import Header from "./dialog-header.svelte";
-import Overlay from "./dialog-overlay.svelte";
-import Content from "./dialog-content.svelte";
-import Description from "./dialog-description.svelte";
-import Trigger from "./dialog-trigger.svelte";
-import Close from "./dialog-close.svelte";
+import Title from './dialog-title.svelte';
+import Footer from './dialog-footer.svelte';
+import Header from './dialog-header.svelte';
+import Overlay from './dialog-overlay.svelte';
+import Content from './dialog-content.svelte';
+import Description from './dialog-description.svelte';
+import Trigger from './dialog-trigger.svelte';
+import Close from './dialog-close.svelte';
 
 const Portal = DialogPrimitive.Portal;
 
@@ -33,5 +33,5 @@ export {
 	Overlay as DialogOverlay,
 	Content as DialogContent,
 	Description as DialogDescription,
-	Close as DialogClose,
+	Close as DialogClose
 };
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
index 9cc218c..2e21533 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import Check from "@lucide/svelte/icons/check";
-	import Minus from "@lucide/svelte/icons/minus";
-	import { cn } from "$lib/utils.js";
-	import type { Snippet } from "svelte";
+	import { DropdownMenu as DropdownMenuPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import Check from '@lucide/svelte/icons/check';
+	import Minus from '@lucide/svelte/icons/minus';
+	import { cn } from '$lib/utils.js';
+	import type { Snippet } from 'svelte';
 
 	let {
 		ref = $bindable(null),
@@ -23,13 +23,13 @@
 	bind:indeterminate
 	data-slot="dropdown-menu-checkbox-item"
 	class={cn(
-		"focus:bg-surface outline-hidden relative flex cursor-pointer select-none items-center gap-2 rounded-sm py-2 pl-8 pr-2 text-sm",
+		'focus:bg-surface relative flex cursor-pointer items-center gap-2 rounded-sm py-2 pr-2 pl-8 text-sm outline-hidden select-none',
 
 		// Disabled
-		"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
 
 		// Images
-		"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 		className
 	)}
 	{...restProps}
@@ -39,7 +39,7 @@
 			{#if indeterminate}
 				<Minus class="size-4" />
 			{:else}
-				<Check class={cn("size-4", !checked && "text-transparent")} />
+				<Check class={cn('size-4', !checked && 'text-transparent')} />
 			{/if}
 		</span>
 		{@render childrenProp?.()}
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-group.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-group.svelte
index 3614534..e4b4587 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-group.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-group.svelte
@@ -12,6 +12,6 @@
 <DropdownMenuPrimitive.Group
 	bind:ref
 	data-slot="dropdown-menu-group"
-	class={cn('border-b border-surface first:pt-0 last:pb-0 last:border-none', className)}
+	class={cn('border-surface border-b first:pt-0 last:border-none last:pb-0', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-label.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-label.svelte
index 986eb21..7b198bf 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-label.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
-	import { type WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from '$lib/utils.js';
+	import { type WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),
@@ -17,7 +17,7 @@
 <div
 	bind:this={ref}
 	data-slot="dropdown-menu-label"
-	class={cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)}
+	class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-radio-group.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-radio-group.svelte
index 189aef4..3e98749 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-radio-group.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-radio-group.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-radio-item.svelte
index a210b05..3db145f 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -15,10 +15,10 @@
 	bind:ref
 	data-slot="dropdown-menu-radio-item"
 	class={cn(
-		"focus:bg-surface text-text relative flex cursor-pointer items-center gap-2 py-2 pr-2 pl-8 text-sm select-none",
+		'focus:bg-surface text-text relative flex cursor-pointer items-center gap-2 py-2 pr-2 pl-8 text-sm select-none',
 
 		// Disabled
-		"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
 
 		// Images
 		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-separator.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-separator.svelte
index a58bbe7..6a14ea6 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <DropdownMenuPrimitive.Separator
 	bind:ref
 	data-slot="dropdown-menu-separator"
-	class={cn("bg-surface-1 -mx-1 my-1 h-px", className)}
+	class={cn('bg-surface-1 -mx-1 my-1 h-px', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-shortcut.svelte
index 12c78f4..f65fa93 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { type WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { type WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <span
 	bind:this={ref}
 	data-slot="dropdown-menu-shortcut"
-	class={cn("text-text ml-auto text-xs tracking-widest", className)}
+	class={cn('text-text ml-auto text-xs tracking-widest', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-sub-content.svelte
index b0f37b2..4aa8c6e 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="dropdown-menu-sub-content"
 	class={cn(
-		'bg-based text-text origin-(--radix-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg',
+		'bg-based text-text z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',
 
 		// Animations
 		'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
index 62ca8bb..066a838 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import ChevronRight from "@lucide/svelte/icons/chevron-right";
-	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import ChevronRight from '@lucide/svelte/icons/chevron-right';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -18,8 +18,8 @@
 	bind:ref
 	data-slot="dropdown-menu-sub-trigger"
 	class={cn(
-		"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm",
-		inset && "pl-8",
+		'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none',
+		inset && 'pl-8',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/dropdown-menu/dropdown-menu-trigger.svelte b/client/src/lib/ui/dropdown-menu/dropdown-menu-trigger.svelte
index 3d15008..ab59c9b 100644
--- a/client/src/lib/ui/dropdown-menu/dropdown-menu-trigger.svelte
+++ b/client/src/lib/ui/dropdown-menu/dropdown-menu-trigger.svelte
@@ -14,7 +14,7 @@
 	data-slot="dropdown-menu-trigger"
 	class={cn(
 		'flex cursor-pointer items-center gap-1 transition-all',
-		
+
 		// Focus
 		'focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2',
 		className
diff --git a/client/src/lib/ui/dropdown-menu/index.ts b/client/src/lib/ui/dropdown-menu/index.ts
index d98af46..48b6bbc 100644
--- a/client/src/lib/ui/dropdown-menu/index.ts
+++ b/client/src/lib/ui/dropdown-menu/index.ts
@@ -1,17 +1,17 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
-import Content from "./dropdown-menu-content.svelte";
-import Group from "./dropdown-menu-group.svelte";
-import Item from "./dropdown-menu-item.svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
+import Content from './dropdown-menu-content.svelte';
+import Group from './dropdown-menu-group.svelte';
+import Item from './dropdown-menu-item.svelte';
 import Link from './dropdown-menu-link.svelte';
-import Label from "./dropdown-menu-label.svelte";
-import RadioGroup from "./dropdown-menu-radio-group.svelte";
-import RadioItem from "./dropdown-menu-radio-item.svelte";
-import Separator from "./dropdown-menu-separator.svelte";
-import Shortcut from "./dropdown-menu-shortcut.svelte";
-import Trigger from "./dropdown-menu-trigger.svelte";
-import SubContent from "./dropdown-menu-sub-content.svelte";
-import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
+import Label from './dropdown-menu-label.svelte';
+import RadioGroup from './dropdown-menu-radio-group.svelte';
+import RadioItem from './dropdown-menu-radio-item.svelte';
+import Separator from './dropdown-menu-separator.svelte';
+import Shortcut from './dropdown-menu-shortcut.svelte';
+import Trigger from './dropdown-menu-trigger.svelte';
+import SubContent from './dropdown-menu-sub-content.svelte';
+import SubTrigger from './dropdown-menu-sub-trigger.svelte';
 
 const Sub = DropdownMenuPrimitive.Sub;
 const Root = DropdownMenuPrimitive.Root;
@@ -46,5 +46,5 @@ export {
 	Sub,
 	SubContent,
 	SubTrigger,
-	Trigger,
+	Trigger
 };
diff --git a/client/src/lib/ui/form/context.svelte.ts b/client/src/lib/ui/form/context.svelte.ts
index 5bf285d..412d539 100644
--- a/client/src/lib/ui/form/context.svelte.ts
+++ b/client/src/lib/ui/form/context.svelte.ts
@@ -1,31 +1,31 @@
 import { getContext, hasContext, setContext } from 'svelte';
 
 type Item = {
-    id: string;
-    name: string;
-}
+	id: string;
+	name: string;
+};
 
 const key = 'form';
 export function setFormContext(id: string, name: string) {
-    const item = getFormContext();
-    if (!item) {
-        const item: Item = $state({
-            id,
-            name,
-        });
-        setContext(key, item);
+	const item = getFormContext();
+	if (!item) {
+		const item: Item = $state({
+			id,
+			name
+		});
+		setContext(key, item);
 
-        return;
-    }
+		return;
+	}
 
-    item.id = id;
-    item.name = name;
+	item.id = id;
+	item.name = name;
 }
 
 export function getFormContext() {
-    if (!hasContext(key)) {
-        return null;
-    }
+	if (!hasContext(key)) {
+		return null;
+	}
 
-    return getContext(key) as Item;
-}
\ No newline at end of file
+	return getContext(key) as Item;
+}
diff --git a/client/src/lib/ui/form/errors.svelte b/client/src/lib/ui/form/errors.svelte
index 869cf6b..45a6674 100644
--- a/client/src/lib/ui/form/errors.svelte
+++ b/client/src/lib/ui/form/errors.svelte
@@ -21,7 +21,7 @@
 
 <div bind:this={ref} class={cn('text-red text-sm', className)} {...restProps}>
 	{#if errors && Array.isArray(errors)}
-		{#each errors as error}
+		{#each errors as error (error)}
 			<label for={item?.id}>{error.message}</label>
 		{/each}
 	{:else if errors}
diff --git a/client/src/lib/ui/form/field.svelte b/client/src/lib/ui/form/field.svelte
index 790a378..5fa77d5 100644
--- a/client/src/lib/ui/form/field.svelte
+++ b/client/src/lib/ui/form/field.svelte
@@ -16,6 +16,6 @@
 	}
 </script>
 
-<div bind:this={ref} class={cn('flex flex-col gap-1')} {...restProps}>
+<div bind:this={ref} class={cn('flex flex-col gap-1', className)} {...restProps}>
 	{@render children?.()}
 </div>
diff --git a/client/src/lib/ui/form/index.ts b/client/src/lib/ui/form/index.ts
index 5cb0d5d..fb08aa0 100644
--- a/client/src/lib/ui/form/index.ts
+++ b/client/src/lib/ui/form/index.ts
@@ -2,8 +2,4 @@ import Field from './field.svelte';
 import Errors from './errors.svelte';
 import Label from './label.svelte';
 
-export {
-	Field,
-	Errors,
-	Label
-};
+export { Field, Errors, Label };
diff --git a/client/src/lib/ui/input/index.ts b/client/src/lib/ui/input/index.ts
index 0750b46..15c0933 100644
--- a/client/src/lib/ui/input/index.ts
+++ b/client/src/lib/ui/input/index.ts
@@ -1,7 +1,7 @@
-import Root from "./input.svelte";
+import Root from './input.svelte';
 
 export {
 	Root,
 	//
-	Root as Input,
-};
\ No newline at end of file
+	Root as Input
+};
diff --git a/client/src/lib/ui/input/input.svelte b/client/src/lib/ui/input/input.svelte
index f52daea..9df85e2 100644
--- a/client/src/lib/ui/input/input.svelte
+++ b/client/src/lib/ui/input/input.svelte
@@ -8,9 +8,7 @@
 
 	type Props = WithElementRef<
 		Omit<HTMLInputAttributes, 'type'> &
-			({ type: 'file'; files?: FileList } | { type?: InputType; files?: undefined }) & {
-				scan?: boolean;
-			}
+			({ type: 'file'; files?: FileList } | { type?: InputType; files?: undefined })
 	>;
 
 	let {
@@ -19,7 +17,6 @@
 		type,
 		files = $bindable(),
 		class: className,
-		scan,
 		id,
 		name,
 		...restProps
@@ -40,7 +37,7 @@
 		{name}
 		bind:this={ref}
 		class={cn(
-			'border-surface-1 file:bg-surface hover:border-overlay placeholder:text-subtext text-text shadow-xs flex h-9 w-full min-w-0 cursor-pointer rounded-md border text-sm font-medium transition-all file:mr-2 file:px-3 file:py-2 md:text-sm',
+			'border-surface-1 file:bg-surface hover:border-overlay placeholder:text-subtext text-text flex h-9 w-full min-w-0 cursor-pointer rounded-md border text-sm font-medium shadow-xs transition-all file:mr-2 file:px-3 file:py-2 md:text-sm',
 
 			// Focus
 			'focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2',
@@ -61,7 +58,7 @@
 		{name}
 		bind:this={ref}
 		class={cn(
-			'border-surface-1 hover:border-overlay placeholder:text-subtext text-text shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 transition-all md:text-sm',
+			'border-surface-1 hover:border-overlay placeholder:text-subtext text-text flex h-9 w-full min-w-0 rounded-md border px-3 py-1 shadow-xs transition-all md:text-sm',
 
 			// Focus
 			'focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2',
diff --git a/client/src/lib/ui/label/index.ts b/client/src/lib/ui/label/index.ts
index 8bfca0b..808d141 100644
--- a/client/src/lib/ui/label/index.ts
+++ b/client/src/lib/ui/label/index.ts
@@ -1,7 +1,7 @@
-import Root from "./label.svelte";
+import Root from './label.svelte';
 
 export {
 	Root,
 	//
-	Root as Label,
+	Root as Label
 };
diff --git a/client/src/lib/ui/label/label.svelte b/client/src/lib/ui/label/label.svelte
index b91e6db..d280f69 100644
--- a/client/src/lib/ui/label/label.svelte
+++ b/client/src/lib/ui/label/label.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="label"
 	class={cn(
-		'flex items-center gap-2 text-sm text-text leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+		'text-text flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/pager/index.ts b/client/src/lib/ui/pager/index.ts
index 0f92404..549ad8e 100644
--- a/client/src/lib/ui/pager/index.ts
+++ b/client/src/lib/ui/pager/index.ts
@@ -1,5 +1,3 @@
-import Pager from './pager.svelte'
+import Pager from './pager.svelte';
 
-export {
-    Pager
-}
\ No newline at end of file
+export { Pager };
diff --git a/client/src/lib/ui/pagination/index.ts b/client/src/lib/ui/pagination/index.ts
index d83c7a9..2f5532a 100644
--- a/client/src/lib/ui/pagination/index.ts
+++ b/client/src/lib/ui/pagination/index.ts
@@ -1,10 +1,10 @@
-import Root from "./pagination.svelte";
-import Content from "./pagination-content.svelte";
-import Item from "./pagination-item.svelte";
-import Link from "./pagination-link.svelte";
-import PrevButton from "./pagination-prev-button.svelte";
-import NextButton from "./pagination-next-button.svelte";
-import Ellipsis from "./pagination-ellipsis.svelte";
+import Root from './pagination.svelte';
+import Content from './pagination-content.svelte';
+import Item from './pagination-item.svelte';
+import Link from './pagination-link.svelte';
+import PrevButton from './pagination-prev-button.svelte';
+import NextButton from './pagination-next-button.svelte';
+import Ellipsis from './pagination-ellipsis.svelte';
 
 export {
 	Root,
@@ -21,5 +21,5 @@ export {
 	Link as PaginationLink,
 	PrevButton as PaginationPrevButton,
 	NextButton as PaginationNextButton,
-	Ellipsis as PaginationEllipsis,
+	Ellipsis as PaginationEllipsis
 };
diff --git a/client/src/lib/ui/pagination/pagination-content.svelte b/client/src/lib/ui/pagination/pagination-content.svelte
index 4dc822e..6d0b019 100644
--- a/client/src/lib/ui/pagination/pagination-content.svelte
+++ b/client/src/lib/ui/pagination/pagination-content.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <ul
 	bind:this={ref}
 	data-slot="pagination-content"
-	class={cn("flex flex-row items-center gap-1", className)}
+	class={cn('flex flex-row items-center gap-1', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/pagination/pagination-ellipsis.svelte b/client/src/lib/ui/pagination/pagination-ellipsis.svelte
index c7029ee..db5b511 100644
--- a/client/src/lib/ui/pagination/pagination-ellipsis.svelte
+++ b/client/src/lib/ui/pagination/pagination-ellipsis.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import Ellipsis from "@lucide/svelte/icons/ellipsis";
-	import type { WithElementRef, WithoutChildren } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import Ellipsis from '@lucide/svelte/icons/ellipsis';
+	import type { WithElementRef, WithoutChildren } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -15,7 +15,7 @@
 	bind:this={ref}
 	aria-hidden="true"
 	data-slot="pagination-ellipsis"
-	class={cn("flex size-9 items-center justify-center text-text", className)}
+	class={cn('text-text flex size-9 items-center justify-center', className)}
 	{...restProps}
 >
 	<Ellipsis class="size-4" />
diff --git a/client/src/lib/ui/pagination/pagination-item.svelte b/client/src/lib/ui/pagination/pagination-item.svelte
index f5c8911..eb4ae99 100644
--- a/client/src/lib/ui/pagination/pagination-item.svelte
+++ b/client/src/lib/ui/pagination/pagination-item.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLLiAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
+	import type { HTMLLiAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),
diff --git a/client/src/lib/ui/pagination/pagination-link.svelte b/client/src/lib/ui/pagination/pagination-link.svelte
index af5932e..4b7d6ed 100644
--- a/client/src/lib/ui/pagination/pagination-link.svelte
+++ b/client/src/lib/ui/pagination/pagination-link.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
-	import { type Props, buttonVariants } from "$lib/ui/button";
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+	import { type Props, buttonVariants } from '$lib/ui/button';
 
 	let {
 		ref = $bindable(null),
 		class: className,
-		size = "icon",
+		size = 'icon',
 		isActive = false,
 		page,
 		children,
@@ -24,13 +24,13 @@
 <PaginationPrimitive.Page
 	bind:ref
 	{page}
-	aria-current={isActive ? "page" : undefined}
+	aria-current={isActive ? 'page' : undefined}
 	data-slot="pagination-link"
 	data-active={isActive}
 	class={cn(
 		buttonVariants({
-			variant: "ghost",
-			size,
+			variant: 'ghost',
+			size
 		}),
 		'text-text',
 		isActive && 'bg-surface-1',
diff --git a/client/src/lib/ui/pagination/pagination-next-button.svelte b/client/src/lib/ui/pagination/pagination-next-button.svelte
index 5a46682..29b53b4 100644
--- a/client/src/lib/ui/pagination/pagination-next-button.svelte
+++ b/client/src/lib/ui/pagination/pagination-next-button.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronRight from "@lucide/svelte/icons/chevron-right";
-	import { buttonVariants } from "$lib/ui/button/index.js";
-	import { cn } from "$lib/utils.js";
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
+	import ChevronRight from '@lucide/svelte/icons/chevron-right';
+	import { buttonVariants } from '$lib/ui/button/index.js';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -23,9 +23,9 @@
 	aria-label="Go to next page"
 	class={cn(
 		buttonVariants({
-			size: "default",
-			variant: "ghost",
-			class: "gap-1 px-2.5 sm:pr-2.5",
+			size: 'default',
+			variant: 'ghost',
+			class: 'gap-1 px-2.5 sm:pr-2.5'
 		}),
 		className
 	)}
diff --git a/client/src/lib/ui/pagination/pagination-prev-button.svelte b/client/src/lib/ui/pagination/pagination-prev-button.svelte
index b72e0e3..b6c2aff 100644
--- a/client/src/lib/ui/pagination/pagination-prev-button.svelte
+++ b/client/src/lib/ui/pagination/pagination-prev-button.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
-	import { buttonVariants } from "$lib/ui/button/index.js";
-	import { cn } from "$lib/utils.js";
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
+	import ChevronLeft from '@lucide/svelte/icons/chevron-left';
+	import { buttonVariants } from '$lib/ui/button/index.js';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -22,9 +22,9 @@
 	aria-label="Go to previous page"
 	class={cn(
 		buttonVariants({
-			size: "default",
-			variant: "ghost",
-			class: "gap-1 px-2.5 sm:pl-2.5",
+			size: 'default',
+			variant: 'ghost',
+			class: 'gap-1 px-2.5 sm:pl-2.5'
 		}),
 		className
 	)}
diff --git a/client/src/lib/ui/pagination/pagination.svelte b/client/src/lib/ui/pagination/pagination.svelte
index 3e2495b..c17c08c 100644
--- a/client/src/lib/ui/pagination/pagination.svelte
+++ b/client/src/lib/ui/pagination/pagination.svelte
@@ -18,7 +18,7 @@
 
 <svelte:window
 	onpopstate={(state) => {
-		const sks = state.state['sveltekit:states'] as {} | string;
+		const sks = state.state['sveltekit:states'] as object | string;
 		if (typeof sks === 'string' && sks.includes('#pagination-')) {
 			page = Number(sks.split('#pagination-')[1]);
 			onPageChange?.(page);
diff --git a/client/src/lib/ui/popover/index.ts b/client/src/lib/ui/popover/index.ts
index 9f30922..0dcc3cc 100644
--- a/client/src/lib/ui/popover/index.ts
+++ b/client/src/lib/ui/popover/index.ts
@@ -1,6 +1,6 @@
-import { Popover as PopoverPrimitive } from "bits-ui";
-import Content from "./popover-content.svelte";
-import Trigger from "./popover-trigger.svelte";
+import { Popover as PopoverPrimitive } from 'bits-ui';
+import Content from './popover-content.svelte';
+import Trigger from './popover-trigger.svelte';
 const Root = PopoverPrimitive.Root;
 const Close = PopoverPrimitive.Close;
 
@@ -13,5 +13,5 @@ export {
 	Root as Popover,
 	Content as PopoverContent,
 	Trigger as PopoverTrigger,
-	Close as PopoverClose,
+	Close as PopoverClose
 };
diff --git a/client/src/lib/ui/popover/popover-content.svelte b/client/src/lib/ui/popover/popover-content.svelte
index 193cbd3..034c5f8 100644
--- a/client/src/lib/ui/popover/popover-content.svelte
+++ b/client/src/lib/ui/popover/popover-content.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
-	import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn } from '$lib/utils.js';
+	import { Popover as PopoverPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),
 		class: className,
 		sideOffset = 4,
-		align = "center",
+		align = 'center',
 		portalProps,
 		...restProps
 	}: PopoverPrimitive.ContentProps & {
@@ -21,10 +21,10 @@
 		{sideOffset}
 		{align}
 		class={cn(
-			"bg-based text-text outline-hidden z-50 w-72 rounded-md border border-surface-1 p-4 shadow-md",
+			'bg-based text-text border-surface-1 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden',
 
 			// Animation
-			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--bits-popover-content-transform-origin)",
+			'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--bits-popover-content-transform-origin)',
 			className
 		)}
 		{...restProps}
diff --git a/client/src/lib/ui/popover/popover-trigger.svelte b/client/src/lib/ui/popover/popover-trigger.svelte
index 586323c..f21b1b3 100644
--- a/client/src/lib/ui/popover/popover-trigger.svelte
+++ b/client/src/lib/ui/popover/popover-trigger.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
-	import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn } from '$lib/utils.js';
+	import { Popover as PopoverPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <PopoverPrimitive.Trigger
 	bind:ref
 	data-slot="popover-trigger"
-	class={cn("", className)}
+	class={cn('', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/range-calendar/index.ts b/client/src/lib/ui/range-calendar/index.ts
index d949b05..cb11028 100644
--- a/client/src/lib/ui/range-calendar/index.ts
+++ b/client/src/lib/ui/range-calendar/index.ts
@@ -1,15 +1,15 @@
-import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import Root from "./range-calendar.svelte";
-import Cell from "./range-calendar-cell.svelte";
-import Day from "./range-calendar-day.svelte";
-import Grid from "./range-calendar-grid.svelte";
-import Header from "./range-calendar-header.svelte";
-import Months from "./range-calendar-months.svelte";
-import GridRow from "./range-calendar-grid-row.svelte";
-import Heading from "./range-calendar-heading.svelte";
-import HeadCell from "./range-calendar-head-cell.svelte";
-import NextButton from "./range-calendar-next-button.svelte";
-import PrevButton from "./range-calendar-prev-button.svelte";
+import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+import Root from './range-calendar.svelte';
+import Cell from './range-calendar-cell.svelte';
+import Day from './range-calendar-day.svelte';
+import Grid from './range-calendar-grid.svelte';
+import Header from './range-calendar-header.svelte';
+import Months from './range-calendar-months.svelte';
+import GridRow from './range-calendar-grid-row.svelte';
+import Heading from './range-calendar-heading.svelte';
+import HeadCell from './range-calendar-head-cell.svelte';
+import NextButton from './range-calendar-next-button.svelte';
+import PrevButton from './range-calendar-prev-button.svelte';
 
 const GridHead = RangeCalendarPrimitive.GridHead;
 const GridBody = RangeCalendarPrimitive.GridBody;
@@ -28,5 +28,5 @@ export {
 	NextButton,
 	PrevButton,
 	//
-	Root as RangeCalendar,
+	Root as RangeCalendar
 };
diff --git a/client/src/lib/ui/range-calendar/range-calendar-cell.svelte b/client/src/lib/ui/range-calendar/range-calendar-cell.svelte
index 596bd71..9493779 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-cell.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-cell.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,7 +12,7 @@
 <RangeCalendarPrimitive.Cell
 	bind:ref
 	class={cn(
-		"[&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-month])]:bg-accent/50 relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md",
+		'[&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-month])]:bg-accent/50 relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/range-calendar/range-calendar-grid-row.svelte b/client/src/lib/ui/range-calendar/range-calendar-grid-row.svelte
index 3286b2a..af534f1 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-grid-row.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-grid-row.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -9,4 +9,4 @@
 	}: RangeCalendarPrimitive.GridRowProps = $props();
 </script>
 
-<RangeCalendarPrimitive.GridRow bind:ref class={cn("flex", className)} {...restProps} />
+<RangeCalendarPrimitive.GridRow bind:ref class={cn('flex', className)} {...restProps} />
diff --git a/client/src/lib/ui/range-calendar/range-calendar-grid.svelte b/client/src/lib/ui/range-calendar/range-calendar-grid.svelte
index 7379a71..a36ea66 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-grid.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-grid.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,6 +11,6 @@
 
 <RangeCalendarPrimitive.Grid
 	bind:ref
-	class={cn("w-full border-collapse space-y-1", className)}
+	class={cn('w-full border-collapse space-y-1', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/range-calendar/range-calendar-head-cell.svelte b/client/src/lib/ui/range-calendar/range-calendar-head-cell.svelte
index 3c5b869..8ddeca9 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-head-cell.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-head-cell.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,6 +11,6 @@
 
 <RangeCalendarPrimitive.HeadCell
 	bind:ref
-	class={cn("text-muted-foreground w-9 rounded-md text-[0.8rem] font-normal", className)}
+	class={cn('text-muted-foreground w-9 rounded-md text-[0.8rem] font-normal', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/range-calendar/range-calendar-header.svelte b/client/src/lib/ui/range-calendar/range-calendar-header.svelte
index be2bc82..a548018 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-header.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,6 +11,6 @@
 
 <RangeCalendarPrimitive.Header
 	bind:ref
-	class={cn("relative flex w-full items-center justify-between pt-1", className)}
+	class={cn('relative flex w-full items-center justify-between pt-1', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/range-calendar/range-calendar-heading.svelte b/client/src/lib/ui/range-calendar/range-calendar-heading.svelte
index a39e4e2..77b9752 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-heading.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-heading.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,6 +11,6 @@
 
 <RangeCalendarPrimitive.Heading
 	bind:ref
-	class={cn("text-sm font-medium", className)}
+	class={cn('text-sm font-medium', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/range-calendar/range-calendar-months.svelte b/client/src/lib/ui/range-calendar/range-calendar-months.svelte
index 4cd0ed7..d7eb077 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-months.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-months.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 
 <div
 	bind:this={ref}
-	class={cn("mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0", className)}
+	class={cn('mt-4 flex flex-col space-y-4 sm:flex-row sm:space-y-0 sm:space-x-4', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/range-calendar/range-calendar-next-button.svelte b/client/src/lib/ui/range-calendar/range-calendar-next-button.svelte
index 1710f31..9b31643 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-next-button.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-next-button.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import ChevronRight from "@lucide/svelte/icons/chevron-right";
-	import { buttonVariants } from "$lib/ui/button/index.js";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import ChevronRight from '@lucide/svelte/icons/chevron-right';
+	import { buttonVariants } from '$lib/ui/button/index.js';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -19,8 +19,8 @@
 <RangeCalendarPrimitive.NextButton
 	bind:ref
 	class={cn(
-		buttonVariants({ variant: "outline" }),
-		"size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		buttonVariants({ variant: 'outline' }),
+		'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
 		className
 	)}
 	children={children || Fallback}
diff --git a/client/src/lib/ui/range-calendar/range-calendar-prev-button.svelte b/client/src/lib/ui/range-calendar/range-calendar-prev-button.svelte
index 8749eee..1a33ac8 100644
--- a/client/src/lib/ui/range-calendar/range-calendar-prev-button.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar-prev-button.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-	import ChevronLeft from "@lucide/svelte/icons/chevron-left";
-	import { buttonVariants } from "$lib/ui/button/index.js";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import ChevronLeft from '@lucide/svelte/icons/chevron-left';
+	import { buttonVariants } from '$lib/ui/button/index.js';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -19,8 +19,8 @@
 <RangeCalendarPrimitive.PrevButton
 	bind:ref
 	class={cn(
-		buttonVariants({ variant: "outline" }),
-		"size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		buttonVariants({ variant: 'outline' }),
+		'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
 		className
 	)}
 	children={children || Fallback}
diff --git a/client/src/lib/ui/range-calendar/range-calendar.svelte b/client/src/lib/ui/range-calendar/range-calendar.svelte
index f255351..d426a2d 100644
--- a/client/src/lib/ui/range-calendar/range-calendar.svelte
+++ b/client/src/lib/ui/range-calendar/range-calendar.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import * as RangeCalendar from "./index.js";
-	import { cn } from "$lib/utils.js";
+	import { RangeCalendar as RangeCalendarPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import * as RangeCalendar from './index.js';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
 		value = $bindable(),
 		placeholder = $bindable(),
-		weekdayFormat = "short",
+		weekdayFormat = 'short',
 		class: className,
 		...restProps
 	}: WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> = $props();
@@ -18,7 +18,7 @@
 	bind:value
 	bind:placeholder
 	{weekdayFormat}
-	class={cn("p-3", className)}
+	class={cn('p-3', className)}
 	{...restProps}
 >
 	{#snippet children({ months, weekdays })}
diff --git a/client/src/lib/ui/select/index.ts b/client/src/lib/ui/select/index.ts
index 6fdf9db..412b081 100644
--- a/client/src/lib/ui/select/index.ts
+++ b/client/src/lib/ui/select/index.ts
@@ -1,11 +1,11 @@
-import { Select as SelectPrimitive } from "bits-ui";
+import { Select as SelectPrimitive } from 'bits-ui';
 
-import Group from "./select-group.svelte";
-import Label from "./select-label.svelte";
-import Item from "./select-item.svelte";
-import Content from "./select-content.svelte";
-import Trigger from "./select-trigger.svelte";
-import Separator from "./select-separator.svelte";
+import Group from './select-group.svelte';
+import Label from './select-label.svelte';
+import Item from './select-item.svelte';
+import Content from './select-content.svelte';
+import Trigger from './select-trigger.svelte';
+import Separator from './select-separator.svelte';
 
 const Root = SelectPrimitive.Root;
 
@@ -24,5 +24,5 @@ export {
 	Item as SelectItem,
 	Content as SelectContent,
 	Trigger as SelectTrigger,
-	Separator as SelectSeparator,
+	Separator as SelectSeparator
 };
diff --git a/client/src/lib/ui/select/select-group.svelte b/client/src/lib/ui/select/select-group.svelte
index 5454fdb..2520795 100644
--- a/client/src/lib/ui/select/select-group.svelte
+++ b/client/src/lib/ui/select/select-group.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Select as SelectPrimitive } from "bits-ui";
+	import { Select as SelectPrimitive } from 'bits-ui';
 
 	let { ref = $bindable(null), ...restProps }: SelectPrimitive.GroupProps = $props();
 </script>
diff --git a/client/src/lib/ui/select/select-label.svelte b/client/src/lib/ui/select/select-label.svelte
index 3ce6b9c..8962e7a 100644
--- a/client/src/lib/ui/select/select-label.svelte
+++ b/client/src/lib/ui/select/select-label.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
-	import { type WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from '$lib/utils.js';
+	import { type WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <div
 	bind:this={ref}
 	data-slot="select-label"
-	class={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+	class={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/select/select-separator.svelte b/client/src/lib/ui/select/select-separator.svelte
index 48ea564..22b150d 100644
--- a/client/src/lib/ui/select/select-separator.svelte
+++ b/client/src/lib/ui/select/select-separator.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { Separator as SeparatorPrimitive } from "bits-ui";
-	import { Separator } from "$lib/ui/separator/index.js";
-	import { cn } from "$lib/utils.js";
+	import type { Separator as SeparatorPrimitive } from 'bits-ui';
+	import { Separator } from '$lib/ui/separator/index.js';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,6 +13,6 @@
 <Separator
 	bind:ref
 	data-slot="select-separator"
-	class={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
+	class={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/select/select-trigger.svelte b/client/src/lib/ui/select/select-trigger.svelte
index a2acd8f..fd28114 100644
--- a/client/src/lib/ui/select/select-trigger.svelte
+++ b/client/src/lib/ui/select/select-trigger.svelte
@@ -19,7 +19,7 @@
 	data-slot="select-trigger"
 	data-size={size}
 	class={cn(
-		'border-surface-1 bg-based hover:border-overlay text-text flex flex-row-reverse w-full cursor-pointer items-center justify-between gap-2 rounded-md border px-3 py-2 md:text-sm whitespace-nowrap shadow-xs transition-all',
+		'border-surface-1 bg-based hover:border-overlay text-text flex w-full cursor-pointer flex-row-reverse items-center justify-between gap-2 rounded-md border px-3 py-2 whitespace-nowrap shadow-xs transition-all md:text-sm',
 
 		// Focus
 		'focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2',
diff --git a/client/src/lib/ui/separator/index.ts b/client/src/lib/ui/separator/index.ts
index 82442d2..768efac 100644
--- a/client/src/lib/ui/separator/index.ts
+++ b/client/src/lib/ui/separator/index.ts
@@ -1,7 +1,7 @@
-import Root from "./separator.svelte";
+import Root from './separator.svelte';
 
 export {
 	Root,
 	//
-	Root as Separator,
+	Root as Separator
 };
diff --git a/client/src/lib/ui/separator/separator.svelte b/client/src/lib/ui/separator/separator.svelte
index cc46305..8bb2d44 100644
--- a/client/src/lib/ui/separator/separator.svelte
+++ b/client/src/lib/ui/separator/separator.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { Separator as SeparatorPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Separator as SeparatorPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
 		class: className,
-		orientation = "horizontal",
+		orientation = 'horizontal',
 		decorative = true,
 		...restProps
 	}: SeparatorPrimitive.RootProps = $props();
@@ -17,7 +17,7 @@
 	{decorative}
 	{orientation}
 	class={cn(
-		"bg-surface shrink-0 data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
+		'bg-surface shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/sheet/index.ts b/client/src/lib/ui/sheet/index.ts
index b8d66ef..8504803 100644
--- a/client/src/lib/ui/sheet/index.ts
+++ b/client/src/lib/ui/sheet/index.ts
@@ -1,13 +1,13 @@
-import { Dialog as SheetPrimitive } from "bits-ui";
+import { Dialog as SheetPrimitive } from 'bits-ui';
 import Root from './sheet.svelte';
-import Trigger from "./sheet-trigger.svelte";
-import Close from "./sheet-close.svelte";
-import Overlay from "./sheet-overlay.svelte";
-import Content from "./sheet-content.svelte";
-import Header from "./sheet-header.svelte";
-import Footer from "./sheet-footer.svelte";
-import Title from "./sheet-title.svelte";
-import Description from "./sheet-description.svelte";
+import Trigger from './sheet-trigger.svelte';
+import Close from './sheet-close.svelte';
+import Overlay from './sheet-overlay.svelte';
+import Content from './sheet-content.svelte';
+import Header from './sheet-header.svelte';
+import Footer from './sheet-footer.svelte';
+import Title from './sheet-title.svelte';
+import Description from './sheet-description.svelte';
 
 const Portal = SheetPrimitive.Portal;
 
@@ -32,5 +32,5 @@ export {
 	Header as SheetHeader,
 	Footer as SheetFooter,
 	Title as SheetTitle,
-	Description as SheetDescription,
+	Description as SheetDescription
 };
diff --git a/client/src/lib/ui/sheet/sheet-close.svelte b/client/src/lib/ui/sheet/sheet-close.svelte
index ae382c1..b0180c0 100644
--- a/client/src/lib/ui/sheet/sheet-close.svelte
+++ b/client/src/lib/ui/sheet/sheet-close.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
+	import { Dialog as SheetPrimitive } from 'bits-ui';
 
 	let { ref = $bindable(null), ...restProps }: SheetPrimitive.CloseProps = $props();
 </script>
diff --git a/client/src/lib/ui/sheet/sheet-content.svelte b/client/src/lib/ui/sheet/sheet-content.svelte
index 26d3112..9e30238 100644
--- a/client/src/lib/ui/sheet/sheet-content.svelte
+++ b/client/src/lib/ui/sheet/sheet-content.svelte
@@ -9,7 +9,7 @@
 					'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t',
 				left: 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
 				right:
-					'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right max-w-2xs inset-y-0 right-0 h-full w-3/4 border-l'
+					'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 max-w-2xs border-l'
 			}
 		},
 		defaultVariants: {
@@ -51,7 +51,7 @@
 	>
 		{@render children?.()}
 		<SheetPrimitive.Close
-			class="rounded-xs focus:outline-hidden absolute right-4 top-4 cursor-pointer opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none"
+			class="absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden disabled:pointer-events-none"
 		>
 			<X class="size-4" />
 			<span class="sr-only">Close</span>
diff --git a/client/src/lib/ui/sheet/sheet-description.svelte b/client/src/lib/ui/sheet/sheet-description.svelte
index 1098b74..032dcb9 100644
--- a/client/src/lib/ui/sheet/sheet-description.svelte
+++ b/client/src/lib/ui/sheet/sheet-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as SheetPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <SheetPrimitive.Description
 	bind:ref
 	data-slot="sheet-description"
-	class={cn("text-text text-sm", className)}
+	class={cn('text-text text-sm', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/sheet/sheet-footer.svelte b/client/src/lib/ui/sheet/sheet-footer.svelte
index 5e28fb2..0beb78e 100644
--- a/client/src/lib/ui/sheet/sheet-footer.svelte
+++ b/client/src/lib/ui/sheet/sheet-footer.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <div
 	bind:this={ref}
 	data-slot="sheet-footer"
-	class={cn("mt-auto flex flex-col gap-2 p-4", className)}
+	class={cn('mt-auto flex flex-col gap-2 p-4', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/sheet/sheet-header.svelte b/client/src/lib/ui/sheet/sheet-header.svelte
index 99b00bf..b8eff77 100644
--- a/client/src/lib/ui/sheet/sheet-header.svelte
+++ b/client/src/lib/ui/sheet/sheet-header.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <div
 	bind:this={ref}
 	data-slot="sheet-header"
-	class={cn("flex flex-col gap-1.5 p-4", className)}
+	class={cn('flex flex-col gap-1.5 p-4', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/sheet/sheet-overlay.svelte b/client/src/lib/ui/sheet/sheet-overlay.svelte
index d1a6177..f0a689d 100644
--- a/client/src/lib/ui/sheet/sheet-overlay.svelte
+++ b/client/src/lib/ui/sheet/sheet-overlay.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as SheetPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -15,7 +15,7 @@
 	bind:ref
 	data-slot="sheet-overlay"
 	class={cn(
-		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+		'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/sheet/sheet-title.svelte b/client/src/lib/ui/sheet/sheet-title.svelte
index c48f43a..d216701 100644
--- a/client/src/lib/ui/sheet/sheet-title.svelte
+++ b/client/src/lib/ui/sheet/sheet-title.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as SheetPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <SheetPrimitive.Title
 	bind:ref
 	data-slot="sheet-title"
-	class={cn("text-text font-semibold", className)}
+	class={cn('text-text font-semibold', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/sheet/sheet-trigger.svelte b/client/src/lib/ui/sheet/sheet-trigger.svelte
index e266975..d95719a 100644
--- a/client/src/lib/ui/sheet/sheet-trigger.svelte
+++ b/client/src/lib/ui/sheet/sheet-trigger.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
+	import { Dialog as SheetPrimitive } from 'bits-ui';
 
 	let { ref = $bindable(null), ...restProps }: SheetPrimitive.TriggerProps = $props();
 </script>
diff --git a/client/src/lib/ui/skeleton/index.ts b/client/src/lib/ui/skeleton/index.ts
index 186db21..3120ce1 100644
--- a/client/src/lib/ui/skeleton/index.ts
+++ b/client/src/lib/ui/skeleton/index.ts
@@ -1,7 +1,7 @@
-import Root from "./skeleton.svelte";
+import Root from './skeleton.svelte';
 
 export {
 	Root,
 	//
-	Root as Skeleton,
+	Root as Skeleton
 };
diff --git a/client/src/lib/ui/skeleton/skeleton.svelte b/client/src/lib/ui/skeleton/skeleton.svelte
index 74c5b9a..4ec6597 100644
--- a/client/src/lib/ui/skeleton/skeleton.svelte
+++ b/client/src/lib/ui/skeleton/skeleton.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef, WithoutChildren } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import type { WithElementRef, WithoutChildren } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,6 +13,6 @@
 <div
 	bind:this={ref}
 	data-slot="skeleton"
-	class={cn("bg-surface animate-pulse rounded-md", className)}
+	class={cn('bg-surface animate-pulse rounded-md', className)}
 	{...restProps}
 ></div>
diff --git a/client/src/lib/ui/sonner/index.ts b/client/src/lib/ui/sonner/index.ts
index 4ed5121..844c8c4 100644
--- a/client/src/lib/ui/sonner/index.ts
+++ b/client/src/lib/ui/sonner/index.ts
@@ -1 +1 @@
-export { default as Sonner } from "./sonner.svelte";
+export { default as Sonner } from './sonner.svelte';
diff --git a/client/src/lib/ui/sonner/sonner.svelte b/client/src/lib/ui/sonner/sonner.svelte
index f5bc360..bd8bf9c 100644
--- a/client/src/lib/ui/sonner/sonner.svelte
+++ b/client/src/lib/ui/sonner/sonner.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
-	import { mode } from 'mode-watcher';
 
 	let { ...restProps }: SonnerProps = $props();
 </script>
diff --git a/client/src/lib/ui/table/index.ts b/client/src/lib/ui/table/index.ts
index 14695c8..99239ae 100644
--- a/client/src/lib/ui/table/index.ts
+++ b/client/src/lib/ui/table/index.ts
@@ -1,11 +1,11 @@
-import Root from "./table.svelte";
-import Body from "./table-body.svelte";
-import Caption from "./table-caption.svelte";
-import Cell from "./table-cell.svelte";
-import Footer from "./table-footer.svelte";
-import Head from "./table-head.svelte";
-import Header from "./table-header.svelte";
-import Row from "./table-row.svelte";
+import Root from './table.svelte';
+import Body from './table-body.svelte';
+import Caption from './table-caption.svelte';
+import Cell from './table-cell.svelte';
+import Footer from './table-footer.svelte';
+import Head from './table-head.svelte';
+import Header from './table-header.svelte';
+import Row from './table-row.svelte';
 
 export {
 	Root,
@@ -24,5 +24,5 @@ export {
 	Footer as TableFooter,
 	Head as TableHead,
 	Header as TableHeader,
-	Row as TableRow,
+	Row as TableRow
 };
diff --git a/client/src/lib/ui/table/table-body.svelte b/client/src/lib/ui/table/table-body.svelte
index 624888c..b5fa553 100644
--- a/client/src/lib/ui/table/table-body.svelte
+++ b/client/src/lib/ui/table/table-body.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <tbody
 	bind:this={ref}
 	data-slot="table-body"
-	class={cn("[&_tr:last-child]:border-0", className)}
+	class={cn('[&_tr:last-child]:border-0', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/table/table-caption.svelte b/client/src/lib/ui/table/table-caption.svelte
index add430e..bd79236 100644
--- a/client/src/lib/ui/table/table-caption.svelte
+++ b/client/src/lib/ui/table/table-caption.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <caption
 	bind:this={ref}
 	data-slot="table-caption"
-	class={cn("text-muted-foreground mt-4 text-sm", className)}
+	class={cn('text-muted-foreground mt-4 text-sm', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/table/table-cell.svelte b/client/src/lib/ui/table/table-cell.svelte
index 67af4cd..90e05b2 100644
--- a/client/src/lib/ui/table/table-cell.svelte
+++ b/client/src/lib/ui/table/table-cell.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLTdAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLTdAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -15,7 +15,7 @@
 	bind:this={ref}
 	data-slot="table-cell"
 	class={cn(
-		"whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+		'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/table/table-footer.svelte b/client/src/lib/ui/table/table-footer.svelte
index ee510eb..7bac7d0 100644
--- a/client/src/lib/ui/table/table-footer.svelte
+++ b/client/src/lib/ui/table/table-footer.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <tfoot
 	bind:this={ref}
 	data-slot="table-footer"
-	class={cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className)}
+	class={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/table/table-head.svelte b/client/src/lib/ui/table/table-head.svelte
index 75c9332..345926c 100644
--- a/client/src/lib/ui/table/table-head.svelte
+++ b/client/src/lib/ui/table/table-head.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLThAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLThAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -15,7 +15,7 @@
 	bind:this={ref}
 	data-slot="table-head"
 	class={cn(
-		"text-text h-10 whitespace-nowrap px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+		'text-text h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/table/table-header.svelte b/client/src/lib/ui/table/table-header.svelte
index 5b677fb..9f9960a 100644
--- a/client/src/lib/ui/table/table-header.svelte
+++ b/client/src/lib/ui/table/table-header.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 <thead
 	bind:this={ref}
 	data-slot="table-header"
-	class={cn("[&_tr]:border-b bg-mantle border-surface-1", className)}
+	class={cn('bg-mantle border-surface-1 [&_tr]:border-b', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/client/src/lib/ui/table/table-row.svelte b/client/src/lib/ui/table/table-row.svelte
index 7298c7c..7e52dd4 100644
--- a/client/src/lib/ui/table/table-row.svelte
+++ b/client/src/lib/ui/table/table-row.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -15,7 +15,7 @@
 	bind:this={ref}
 	data-slot="table-row"
 	class={cn(
-		"data-[state=selected]:bg-surface border-b border-surface text-text transition-colors",
+		'data-[state=selected]:bg-surface border-surface text-text border-b transition-colors',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/table/table.svelte b/client/src/lib/ui/table/table.svelte
index d62f2a3..29deab2 100644
--- a/client/src/lib/ui/table/table.svelte
+++ b/client/src/lib/ui/table/table.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLTableAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLTableAttributes } from 'svelte/elements';
+	import type { WithElementRef } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,11 +11,14 @@
 	}: WithElementRef<HTMLTableAttributes> = $props();
 </script>
 
-<div data-slot="table-container" class="relative w-full bg-based rounded border border-surface-1 overflow-x-auto">
+<div
+	data-slot="table-container"
+	class="bg-based border-surface-1 relative w-full overflow-x-auto rounded border"
+>
 	<table
 		bind:this={ref}
 		data-slot="table"
-		class={cn("w-full caption-bottom text-sm", className)}
+		class={cn('w-full caption-bottom text-sm', className)}
 		{...restProps}
 	>
 		{@render children?.()}
diff --git a/client/src/lib/ui/tabs/index.ts b/client/src/lib/ui/tabs/index.ts
index 12d4327..d2a7939 100644
--- a/client/src/lib/ui/tabs/index.ts
+++ b/client/src/lib/ui/tabs/index.ts
@@ -1,7 +1,7 @@
-import Root from "./tabs.svelte";
-import Content from "./tabs-content.svelte";
-import List from "./tabs-list.svelte";
-import Trigger from "./tabs-trigger.svelte";
+import Root from './tabs.svelte';
+import Content from './tabs-content.svelte';
+import List from './tabs-list.svelte';
+import Trigger from './tabs-trigger.svelte';
 
 export {
 	Root,
@@ -12,5 +12,5 @@ export {
 	Root as Tabs,
 	Content as TabsContent,
 	List as TabsList,
-	Trigger as TabsTrigger,
+	Trigger as TabsTrigger
 };
diff --git a/client/src/lib/ui/tabs/tabs-content.svelte b/client/src/lib/ui/tabs/tabs-content.svelte
index 340d65c..92044c8 100644
--- a/client/src/lib/ui/tabs/tabs-content.svelte
+++ b/client/src/lib/ui/tabs/tabs-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Tabs as TabsPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <TabsPrimitive.Content
 	bind:ref
 	data-slot="tabs-content"
-	class={cn("flex-1 outline-none", className)}
+	class={cn('flex-1 outline-none', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/ui/tabs/tabs-list.svelte b/client/src/lib/ui/tabs/tabs-list.svelte
index 92b4f1d..4011101 100644
--- a/client/src/lib/ui/tabs/tabs-list.svelte
+++ b/client/src/lib/ui/tabs/tabs-list.svelte
@@ -1,19 +1,15 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Tabs as TabsPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: TabsPrimitive.ListProps = $props();
+	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ListProps = $props();
 </script>
 
 <TabsPrimitive.List
 	bind:ref
 	data-slot="tabs-list"
 	class={cn(
-		"bg-based gap-1 inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+		'bg-based inline-flex h-9 w-fit items-center justify-center gap-1 rounded-lg p-[3px]',
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/tabs/tabs-trigger.svelte b/client/src/lib/ui/tabs/tabs-trigger.svelte
index ba7b8a0..ad316e6 100644
--- a/client/src/lib/ui/tabs/tabs-trigger.svelte
+++ b/client/src/lib/ui/tabs/tabs-trigger.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Tabs as TabsPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="tabs-trigger"
 	class={cn(
-		"data-[state=active]:bg-surface hover:bg-surface cursor-pointer text-text inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-2 py-1 text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		"data-[state=active]:bg-surface hover:bg-surface text-text inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 		className
 	)}
 	{...restProps}
diff --git a/client/src/lib/ui/tabs/tabs.svelte b/client/src/lib/ui/tabs/tabs.svelte
index 9bbf345..20af2fc 100644
--- a/client/src/lib/ui/tabs/tabs.svelte
+++ b/client/src/lib/ui/tabs/tabs.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Tabs as TabsPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,6 +14,6 @@
 	bind:ref
 	bind:value
 	data-slot="tabs"
-	class={cn("flex flex-col gap-2", className)}
+	class={cn('flex flex-col gap-2', className)}
 	{...restProps}
 />
diff --git a/client/src/lib/utils.ts b/client/src/lib/utils.ts
index b06f149..7d89bc1 100644
--- a/client/src/lib/utils.ts
+++ b/client/src/lib/utils.ts
@@ -7,24 +7,23 @@ export function cn(...inputs: ClassValue[]) {
 
 export async function attempt<T, E = Error>(
 	func: (() => T) | Promise<T>,
-	handler?: ((error: E) => void) | 'throw',
-): Promise<{ result: T | null, error: E | null }> {
+	handler?: ((error: E) => void) | 'throw'
+): Promise<{ result: T | null; error: E | null }> {
 	try {
-		const result = await (func instanceof Promise ? func : Promise.resolve().then(func))
-		return { result, error: null }
-	}
-	catch (error) {
+		const result = await (func instanceof Promise ? func : Promise.resolve().then(func));
+		return { result, error: null };
+	} catch (error) {
 		if (handler === 'throw') {
-			throw error
+			throw error;
 		}
 		if (handler) {
-			handler(error as E)
+			handler(error as E);
 		}
 
-		return { result: null, error: error as E }
+		return { result: null, error: error as E };
 	}
 }
 
 export function delay(ms: number) {
-	return new Promise(resolve => setTimeout(resolve, ms));
-}
\ No newline at end of file
+	return new Promise((resolve) => setTimeout(resolve, ms));
+}
diff --git a/client/src/routes/(app)/+layout.svelte b/client/src/routes/(app)/+layout.svelte
index 23e3bf6..b8c3266 100644
--- a/client/src/routes/(app)/+layout.svelte
+++ b/client/src/routes/(app)/+layout.svelte
@@ -51,7 +51,7 @@
 		class="bg-mantle border-surface text-text flex h-14 w-full items-center justify-between border-b px-4 py-4 lg:px-10"
 	>
 		<!-- Left -->
-		<a href="/" class="flex select-none items-center gap-2 text-2xl font-bold tracking-wider">
+		<a href="/" class="flex items-center gap-2 text-2xl font-bold tracking-wider select-none">
 			TrevStack
 			<LayoutGrid />
 		</a>
diff --git a/client/src/routes/(app)/+page.svelte b/client/src/routes/(app)/+page.svelte
index 27ea49b..0d1aa5e 100644
--- a/client/src/routes/(app)/+page.svelte
+++ b/client/src/routes/(app)/+page.svelte
@@ -1,4 +1,4 @@
-<div class="flex h-body">
+<div class="h-body flex">
 	<div class="m-auto flex flex-col gap-2 p-4">
 		<h1 class="decoration-sky text-4xl font-bold underline underline-offset-4">
 			Welcome to TrevStack
diff --git a/client/src/routes/(app)/items/+page.svelte b/client/src/routes/(app)/items/+page.svelte
index bda80f4..191f5c3 100644
--- a/client/src/routes/(app)/items/+page.svelte
+++ b/client/src/routes/(app)/items/+page.svelte
@@ -31,7 +31,7 @@
 
 	<Input
 		bind:value={get.input.filter}
-		class="w-md bg-based"
+		class="bg-based w-md"
 		placeholder="Filter"
 		onchange={() => {
 			get.submit();
@@ -241,7 +241,7 @@
 					<Table.Cell class="w-0"></Table.Cell>
 				</Table.Row>
 			{:else}
-				{#each get.output.items as item}
+				{#each get.output.items as item (item.id)}
 					<Table.Row>
 						<Table.Cell>{item.added ? timestampDate(item.added).toLocaleString() : ''}</Table.Cell>
 						<Table.Cell>{item.name}</Table.Cell>
@@ -296,7 +296,7 @@
 	{/if}
 </div>
 
-<div class="mx-4 mb-4 mt-2 flex justify-end sm:mt-1">
+<div class="mx-4 mt-2 mb-4 flex justify-end sm:mt-1">
 	{@render createModal()}
 </div>
 
diff --git a/client/src/routes/auth/+page.svelte b/client/src/routes/auth/+page.svelte
index 5b73e6f..b0e9bb6 100644
--- a/client/src/routes/auth/+page.svelte
+++ b/client/src/routes/auth/+page.svelte
@@ -68,7 +68,7 @@
 </script>
 
 <div class="flex h-screen flex-col items-center justify-center">
-	<Tabs.Root bind:value={tabValue} class="sm:min-w-sm min-w-full px-2">
+	<Tabs.Root bind:value={tabValue} class="min-w-full px-2 sm:min-w-sm">
 		<Tabs.List class="w-full">
 			<Tabs.Trigger value="login">Log In</Tabs.Trigger>
 			<Tabs.Trigger value="signup">Sign Up</Tabs.Trigger>
diff --git a/client/svelte.config.js b/client/svelte.config.js
index f3074ca..4fbc867 100644
--- a/client/svelte.config.js
+++ b/client/svelte.config.js
@@ -11,7 +11,7 @@ const config = {
 		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
 		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
 		// See https://svelte.dev/docs/kit/adapters for more information about adapters.
-		adapter: adapter(),
+		adapter: adapter()
 	}
 };
 
diff --git a/flake.nix b/flake.nix
index e71a503..420722b 100644
--- a/flake.nix
+++ b/flake.nix
@@ -110,18 +110,6 @@
     });
 
     checks = forSystem ({pkgs, ...}: {
-      buf = with pkgs;
-        runCommandLocal "check-buf" {
-          nativeBuildInputs = with pkgs; [
-            buf
-          ];
-        } ''
-          export HOME=$(pwd)
-          cd ${./.}
-          buf lint
-          touch $out
-        '';
-
       nix = with pkgs;
         runCommandLocal "check-nix" {
           nativeBuildInputs = with pkgs; [
diff --git a/server/internal/interceptors/auth.go b/server/internal/interceptors/auth.go
index 4fbc156..1f4633c 100644
--- a/server/internal/interceptors/auth.go
+++ b/server/internal/interceptors/auth.go
@@ -96,13 +96,7 @@ func (i *AuthInterceptor) WrapUnary(next connect.UnaryFunc) connect.UnaryFunc {
 					ctx, err = newUserContext(ctx, subject)
 					if err == nil {
 						return next(ctx, req)
-					} else {
-						log.Println("huh")
-						log.Println(err)
 					}
-				} else {
-					log.Println("what")
-					log.Println(err)
 				}
 			}
 		}