style: auto-format codebase with Prettier

Applied formatting to 1487+ files using pnpm format:write
  - TypeScript/JavaScript files
  - Svelte components
  - Astro pages
  - JSON configs
  - Markdown docs

  13 files still need manual review (Astro JSX comments)

packages/shared-ui/src/atoms/Badge.svelte

@@ -11,12 +11,7 @@
 		children?: Snippet;
 	}
 
-	let {
-		variant = 'default',
-		size = 'md',
-		class: className = '',
-		children
-	}: Props = $props();
+	let { variant = 'default', size = 'md', class: className = '', children }: Props = $props();
 
 	const variantClasses: Record<BadgeVariant, string> = {
 		default: 'bg-menu text-theme border-theme',
@@ -24,12 +19,12 @@
 		success: 'bg-green-500/20 text-green-600 dark:text-green-400 border-green-500/30',
 		warning: 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400 border-yellow-500/30',
 		danger: 'bg-red-500/20 text-red-600 dark:text-red-400 border-red-500/30',
-		info: 'bg-blue-500/20 text-blue-600 dark:text-blue-400 border-blue-500/30'
+		info: 'bg-blue-500/20 text-blue-600 dark:text-blue-400 border-blue-500/30',
 	};
 
 	const sizeClasses: Record<BadgeSize, string> = {
 		sm: 'px-1.5 py-0.5 text-xs',
-		md: 'px-2 py-1 text-sm'
+		md: 'px-2 py-1 text-sm',
 	};
 
 	const classes = $derived(

packages/shared-ui/src/atoms/Button.svelte

@@ -23,7 +23,7 @@
 		class: className = '',
 		onclick,
 		type = 'button',
-		children
+		children,
 	}: Props = $props();
 
 	const variantClasses: Record<ButtonVariant, string> = {
@@ -32,14 +32,14 @@
 		ghost: 'bg-transparent text-theme hover:bg-menu-hover border-transparent',
 		danger: 'bg-red-600 text-white hover:bg-red-700 border-transparent',
 		outline: 'bg-transparent text-primary border-primary hover:bg-primary/10',
-		success: 'bg-green-600 text-white hover:bg-green-700 border-transparent'
+		success: 'bg-green-600 text-white hover:bg-green-700 border-transparent',
 	};
 
 	const sizeClasses: Record<ButtonSize, string> = {
 		sm: 'px-3 py-1.5 text-sm',
 		md: 'px-4 py-2 text-base',
 		lg: 'px-6 py-3 text-lg',
-		xl: 'px-8 py-4 text-xl'
+		xl: 'px-8 py-4 text-xl',
 	};
 
 	const classes = $derived(
@@ -47,16 +47,15 @@
 	);
 </script>
 
-<button
-	{type}
-	class={classes}
-	disabled={disabled || loading}
-	{onclick}
->
+<button {type} class={classes} disabled={disabled || loading} {onclick}>
 	{#if loading}
 		<svg class="h-4 w-4 animate-spin" fill="none" viewBox="0 0 24 24">
 			<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
-			<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" />
+			<path
+				class="opacity-75"
+				fill="currentColor"
+				d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+			/>
 		</svg>
 	{/if}
 	{@render children?.()}

packages/shared-ui/src/atoms/Card.svelte

@@ -34,7 +34,7 @@
 		onclick,
 		header,
 		footer,
-		children
+		children,
 	}: Props = $props();
 
 	// Determine if card should be interactive
@@ -43,7 +43,9 @@
 
 <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
 <div
-	class="card card--{variant} card--padding-{padding} {isInteractive ? 'card--interactive' : ''} {fullWidth ? 'card--full-width' : ''} {className}"
+	class="card card--{variant} card--padding-{padding} {isInteractive
+		? 'card--interactive'
+		: ''} {fullWidth ? 'card--full-width' : ''} {className}"
 	{onclick}
 	role={isInteractive ? 'button' : undefined}
 	tabindex={isInteractive ? 0 : undefined}
@@ -82,7 +84,9 @@
 	.card--elevated {
 		background-color: hsl(var(--color-surface-elevated));
 		border: 1px solid hsl(var(--color-border));
-		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+		box-shadow:
+			0 1px 3px 0 rgba(0, 0, 0, 0.1),
+			0 1px 2px -1px rgba(0, 0, 0, 0.1);
 	}
 
 	.card--outlined {
@@ -130,7 +134,9 @@
 	}
 
 	.card--elevated.card--interactive:hover {
-		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+		box-shadow:
+			0 4px 6px -1px rgba(0, 0, 0, 0.1),
+			0 2px 4px -2px rgba(0, 0, 0, 0.1);
 		transform: translateY(-1px);
 	}
 

packages/shared-ui/src/atoms/Text.svelte

@@ -28,20 +28,20 @@
 		'body-secondary': 'text-base text-theme-secondary leading-relaxed',
 		small: 'text-sm text-theme',
 		large: 'text-lg text-theme leading-relaxed',
-		muted: 'text-sm text-theme-muted'
+		muted: 'text-sm text-theme-muted',
 	};
 
 	const alignClasses: Record<TextAlign, string> = {
 		left: 'text-left',
 		center: 'text-center',
-		right: 'text-right'
+		right: 'text-right',
 	};
 
 	const weightClasses: Record<TextWeight, string> = {
 		normal: 'font-normal',
 		medium: 'font-medium',
 		semibold: 'font-semibold',
-		bold: 'font-bold'
+		bold: 'font-bold',
 	};
 
 	const classes = $derived(