format frontend code

web/src/lib/components/ui/button/button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>
-	import type {WithElementRef} from 'bits-ui';
-	import type {HTMLAnchorAttributes, HTMLButtonAttributes} from 'svelte/elements';
-	import {type VariantProps, tv} from 'tailwind-variants';
+    import type {WithElementRef} from 'bits-ui';
+    import type {HTMLAnchorAttributes, HTMLButtonAttributes} from 'svelte/elements';
+    import {type VariantProps, tv} from 'tailwind-variants';
 
 	export const buttonVariants = tv({
 		base: 'focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
@@ -10,7 +10,7 @@
 				default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow',
 				destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',
 				outline:
-						'border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm',
+                    'border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm',
 				secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm',
 				ghost: 'hover:bg-accent hover:text-accent-foreground',
 				link: 'text-primary underline-offset-4 hover:underline'
@@ -32,14 +32,14 @@
 	export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
 
 	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
-			WithElementRef<HTMLAnchorAttributes> & {
-		variant?: ButtonVariant;
-		size?: ButtonSize;
-	};
+        WithElementRef<HTMLAnchorAttributes> & {
+        variant?: ButtonVariant;
+        size?: ButtonSize;
+    };
 </script>
 
 <script lang="ts">
-	import {cn} from '$lib/utils.js';
+    import {cn} from '$lib/utils.js';
 
 	let {
 		class: className,
@@ -59,10 +59,10 @@
 	</a>
 {:else}
 	<button
-			bind:this={ref}
-			class={cn(buttonVariants({ variant, size }), className)}
-			{type}
-			{...restProps}
+            bind:this={ref}
+            class={cn(buttonVariants({ variant, size }), className)}
+            {type}
+            {...restProps}
 	>
 		{@render children?.()}
 	</button>

web/src/lib/components/ui/checkbox/checkbox.svelte

@@ -1,35 +1,35 @@
 <script lang="ts">
-    import {Checkbox as CheckboxPrimitive, 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 {Checkbox as CheckboxPrimitive, 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';
 
-    let {
-        ref = $bindable(null),
-        class: className,
-        checked = $bindable(false),
-        indeterminate = $bindable(false),
-        ...restProps
-    }: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		...restProps
+	}: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
 </script>
 
 <CheckboxPrimitive.Root
-        {...restProps}
-        bind:checked
-        bind:indeterminate
-        bind:ref
-        class={cn(
-		"border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content size-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
+		{...restProps}
+		bind:checked
+		bind:indeterminate
+		bind:ref
+		class={cn(
+		'peer box-content size-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[disabled=true]:opacity-50',
 		className
 	)}
 >
-    {#snippet children({checked, indeterminate})}
+	{#snippet children({checked, indeterminate})}
 		<span class="flex items-center justify-center text-current">
 			{#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>
-    {/snippet}
+	{/snippet}
 </CheckboxPrimitive.Root>

web/src/lib/components/ui/checkbox/index.ts

@@ -1,7 +1,7 @@
-import Root from "./checkbox.svelte";
+import Root from './checkbox.svelte';
 
 export {
     Root,
     //
-    Root as Checkbox,
+    Root as Checkbox
 };

web/src/lib/components/ui/tooltip/tooltip-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import {Tooltip as TooltipPrimitive} from 'bits-ui';
-	import {cn} from '$lib/utils.js';
+    import {Tooltip as TooltipPrimitive} from 'bits-ui';
+    import {cn} from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,11 +11,11 @@
 </script>
 
 <TooltipPrimitive.Content
-		{...restProps}
-		bind:ref
-		class={cn(
+        {...restProps}
+        bind:ref
+        class={cn(
 		'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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',
 		className
 	)}
-		{sideOffset}
+        {sideOffset}
 />