From 53d88f0221d3a9c4ffbe0c8109593c8c28d40c4b Mon Sep 17 00:00:00 2001
From: baseplate-admin <61817579+baseplate-admin@users.noreply.github.com>
Date: Fri, 22 May 2026 20:07:44 +0600
Subject: [PATCH] chore: update deps

---
 src/frontend/package-lock.json                         |  6 +++---
 .../src/lib/components/ui/avatar/avatar-badge.svelte   |  2 +-
 .../lib/components/ui/avatar/avatar-fallback.svelte    |  2 +-
 .../lib/components/ui/avatar/avatar-group-count.svelte |  2 +-
 .../src/lib/components/ui/avatar/avatar-group.svelte   |  2 +-
 .../src/lib/components/ui/avatar/avatar-image.svelte   |  2 +-
 .../src/lib/components/ui/avatar/avatar.svelte         |  2 +-
 .../ui/breadcrumb/breadcrumb-ellipsis.svelte           |  2 +-
 .../components/ui/breadcrumb/breadcrumb-item.svelte    |  2 +-
 .../components/ui/breadcrumb/breadcrumb-list.svelte    |  2 +-
 .../components/ui/breadcrumb/breadcrumb-page.svelte    |  2 +-
 .../ui/button-group/button-group-separator.svelte      |  2 +-
 .../src/lib/components/ui/card/card-description.svelte |  2 +-
 .../src/lib/components/ui/card/card-footer.svelte      |  2 +-
 .../src/lib/components/ui/card/card-header.svelte      |  2 +-
 src/frontend/src/lib/components/ui/card/card.svelte    |  2 +-
 .../src/lib/components/ui/chart/chart-container.svelte |  4 ++--
 .../src/lib/components/ui/chart/chart-style.svelte     |  2 +-
 .../src/lib/components/ui/chart/chart-tooltip.svelte   |  6 +++---
 .../src/lib/components/ui/dialog/dialog-content.svelte |  2 +-
 .../lib/components/ui/dialog/dialog-description.svelte |  2 +-
 .../src/lib/components/ui/dialog/dialog-footer.svelte  |  2 +-
 .../src/lib/components/ui/dialog/dialog-header.svelte  |  2 +-
 .../src/lib/components/ui/dialog/dialog-overlay.svelte |  2 +-
 .../dropdown-menu/dropdown-menu-checkbox-item.svelte   |  4 ++--
 .../ui/dropdown-menu/dropdown-menu-content.svelte      |  2 +-
 .../ui/dropdown-menu/dropdown-menu-item.svelte         |  2 +-
 .../ui/dropdown-menu/dropdown-menu-label.svelte        |  2 +-
 .../ui/dropdown-menu/dropdown-menu-radio-item.svelte   |  4 ++--
 .../ui/dropdown-menu/dropdown-menu-separator.svelte    |  2 +-
 .../ui/dropdown-menu/dropdown-menu-shortcut.svelte     |  2 +-
 .../ui/dropdown-menu/dropdown-menu-sub-content.svelte  |  2 +-
 .../ui/dropdown-menu/dropdown-menu-sub-trigger.svelte  |  2 +-
 .../src/lib/components/ui/empty/empty-content.svelte   |  2 +-
 .../lib/components/ui/empty/empty-description.svelte   |  2 +-
 .../src/lib/components/ui/empty/empty-header.svelte    |  2 +-
 src/frontend/src/lib/components/ui/empty/empty.svelte  |  2 +-
 .../src/lib/components/ui/field/field-content.svelte   |  2 +-
 .../lib/components/ui/field/field-description.svelte   |  4 ++--
 .../src/lib/components/ui/field/field-error.svelte     |  2 +-
 .../src/lib/components/ui/field/field-group.svelte     |  2 +-
 .../src/lib/components/ui/field/field-label.svelte     |  2 +-
 .../src/lib/components/ui/field/field-separator.svelte |  4 ++--
 .../src/lib/components/ui/field/field-set.svelte       |  2 +-
 .../src/lib/components/ui/field/field-title.svelte     |  2 +-
 .../src/lib/components/ui/form/form-description.svelte |  2 +-
 .../lib/components/ui/form/form-field-errors.svelte    |  2 +-
 .../src/lib/components/ui/form/form-legend.svelte      |  2 +-
 src/frontend/src/lib/components/ui/input/input.svelte  |  4 ++--
 .../src/lib/components/ui/item/item-actions.svelte     |  2 +-
 .../src/lib/components/ui/item/item-content.svelte     |  2 +-
 .../src/lib/components/ui/item/item-description.svelte |  2 +-
 .../src/lib/components/ui/item/item-footer.svelte      |  2 +-
 .../src/lib/components/ui/item/item-group.svelte       |  2 +-
 .../src/lib/components/ui/item/item-header.svelte      |  2 +-
 .../src/lib/components/ui/item/item-title.svelte       |  2 +-
 src/frontend/src/lib/components/ui/label/label.svelte  |  2 +-
 .../components/ui/pagination/pagination-content.svelte |  2 +-
 .../ui/pagination/pagination-ellipsis.svelte           |  2 +-
 .../src/lib/components/ui/progress/progress.svelte     |  4 ++--
 .../ui/scroll-area/scroll-area-scrollbar.svelte        |  4 ++--
 .../lib/components/ui/scroll-area/scroll-area.svelte   |  2 +-
 .../src/lib/components/ui/select/select-content.svelte |  2 +-
 .../components/ui/select/select-group-heading.svelte   |  2 +-
 .../src/lib/components/ui/select/select-item.svelte    |  2 +-
 .../src/lib/components/ui/select/select-label.svelte   |  2 +-
 .../ui/select/select-scroll-down-button.svelte         |  2 +-
 .../ui/select/select-scroll-up-button.svelte           |  2 +-
 .../lib/components/ui/select/select-separator.svelte   |  2 +-
 .../src/lib/components/ui/select/select-trigger.svelte |  4 ++--
 .../src/lib/components/ui/separator/separator.svelte   |  2 +-
 .../src/lib/components/ui/sheet/sheet-content.svelte   |  2 +-
 .../lib/components/ui/sheet/sheet-description.svelte   |  2 +-
 .../src/lib/components/ui/sheet/sheet-footer.svelte    |  2 +-
 .../src/lib/components/ui/sheet/sheet-header.svelte    |  2 +-
 .../src/lib/components/ui/sheet/sheet-overlay.svelte   |  2 +-
 .../src/lib/components/ui/sheet/sheet-title.svelte     |  2 +-
 .../lib/components/ui/sidebar/sidebar-content.svelte   |  2 +-
 .../lib/components/ui/sidebar/sidebar-footer.svelte    |  2 +-
 .../components/ui/sidebar/sidebar-group-content.svelte |  2 +-
 .../src/lib/components/ui/sidebar/sidebar-group.svelte |  2 +-
 .../lib/components/ui/sidebar/sidebar-header.svelte    |  2 +-
 .../src/lib/components/ui/sidebar/sidebar-input.svelte |  2 +-
 .../src/lib/components/ui/sidebar/sidebar-inset.svelte |  2 +-
 .../components/ui/sidebar/sidebar-menu-badge.svelte    |  2 +-
 .../components/ui/sidebar/sidebar-menu-skeleton.svelte |  2 +-
 .../lib/components/ui/sidebar/sidebar-menu-sub.svelte  |  2 +-
 .../src/lib/components/ui/sidebar/sidebar-menu.svelte  |  2 +-
 .../lib/components/ui/sidebar/sidebar-provider.svelte  |  2 +-
 .../src/lib/components/ui/sidebar/sidebar-rail.svelte  |  4 ++--
 .../lib/components/ui/sidebar/sidebar-separator.svelte |  2 +-
 .../src/lib/components/ui/sidebar/sidebar.svelte       | 10 +++++-----
 .../src/lib/components/ui/skeleton/skeleton.svelte     |  2 +-
 .../src/lib/components/ui/switch/switch.svelte         |  4 ++--
 .../src/lib/components/ui/table/table-caption.svelte   |  2 +-
 .../src/lib/components/ui/table/table-footer.svelte    |  2 +-
 .../src/lib/components/ui/table/table-head.svelte      |  2 +-
 .../src/lib/components/ui/table/table-row.svelte       |  2 +-
 .../src/lib/components/ui/tabs/tabs-content.svelte     |  2 +-
 .../src/lib/components/ui/tabs/tabs-trigger.svelte     |  6 +++---
 src/frontend/src/lib/components/ui/tabs/tabs.svelte    |  2 +-
 .../src/lib/components/ui/textarea/textarea.svelte     |  2 +-
 .../lib/components/ui/tooltip/tooltip-content.svelte   |  4 ++--
 103 files changed, 125 insertions(+), 125 deletions(-)

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index bf7f2bfb..b8ce2375 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -6148,9 +6148,9 @@
 			"license": "MIT"
 		},
 		"node_modules/layerchart": {
-			"version": "2.0.0-next.64",
-			"resolved": "https://registry.npmjs.org/layerchart/-/layerchart-2.0.0-next.64.tgz",
-			"integrity": "sha512-vkD8CBPQOFslC8AGgHvTc1lXOJYuj+Fzimjle7Gxu/GUXQ83m68G+H3zhMTB61Q8aXEu4ytz4vVuwuOB+5JD+Q==",
+			"version": "2.0.0-next.48",
+			"resolved": "https://registry.npmjs.org/layerchart/-/layerchart-2.0.0-next.48.tgz",
+			"integrity": "sha512-XoEYBztamA8lMxtF/Jz3aDX0HMk8dI+o4fK9fSl8ecT2Tdx3DQUjtKGtlQAOFdwC/AWifeLmKq5cMTQt9COZPQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
diff --git a/src/frontend/src/lib/components/ui/avatar/avatar-badge.svelte b/src/frontend/src/lib/components/ui/avatar/avatar-badge.svelte
index c083da9b..9ef8ba7e 100644
--- a/src/frontend/src/lib/components/ui/avatar/avatar-badge.svelte
+++ b/src/frontend/src/lib/components/ui/avatar/avatar-badge.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="avatar-badge"
 	class={cn(
-		'absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none',
+		'bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none',
 		'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',
 		'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2',
 		'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2',
diff --git a/src/frontend/src/lib/components/ui/avatar/avatar-fallback.svelte b/src/frontend/src/lib/components/ui/avatar/avatar-fallback.svelte
index e5d87f6e..213a71cc 100644
--- a/src/frontend/src/lib/components/ui/avatar/avatar-fallback.svelte
+++ b/src/frontend/src/lib/components/ui/avatar/avatar-fallback.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="avatar-fallback"
 	class={cn(
-		'flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs',
+		'bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/avatar/avatar-group-count.svelte b/src/frontend/src/lib/components/ui/avatar/avatar-group-count.svelte
index e7061cd5..3cc3bb0d 100644
--- a/src/frontend/src/lib/components/ui/avatar/avatar-group-count.svelte
+++ b/src/frontend/src/lib/components/ui/avatar/avatar-group-count.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="avatar-group-count"
 	class={cn(
-		'relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3',
+		'bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/avatar/avatar-group.svelte b/src/frontend/src/lib/components/ui/avatar/avatar-group.svelte
index 862ff9e1..77b389c4 100644
--- a/src/frontend/src/lib/components/ui/avatar/avatar-group.svelte
+++ b/src/frontend/src/lib/components/ui/avatar/avatar-group.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="avatar-group"
 	class={cn(
-		'cn-avatar-group group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background',
+		'cn-avatar-group *:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/avatar/avatar-image.svelte b/src/frontend/src/lib/components/ui/avatar/avatar-image.svelte
index eda93353..2f47f2c7 100644
--- a/src/frontend/src/lib/components/ui/avatar/avatar-image.svelte
+++ b/src/frontend/src/lib/components/ui/avatar/avatar-image.svelte
@@ -12,6 +12,6 @@
 <AvatarPrimitive.Image
 	bind:ref
 	data-slot="avatar-image"
-	class={cn('aspect-square size-full rounded-full object-cover', className)}
+	class={cn('rounded-full aspect-square size-full object-cover', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/avatar/avatar.svelte b/src/frontend/src/lib/components/ui/avatar/avatar.svelte
index 805159d2..2b6388d7 100644
--- a/src/frontend/src/lib/components/ui/avatar/avatar.svelte
+++ b/src/frontend/src/lib/components/ui/avatar/avatar.svelte
@@ -19,7 +19,7 @@
 	data-slot="avatar"
 	data-size={size}
 	class={cn(
-		'group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten',
+		'size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte b/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
index ef3510eb..e5c0c3c5 100644
--- a/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
+++ b/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
@@ -15,7 +15,7 @@
 	data-slot="breadcrumb-ellipsis"
 	role="presentation"
 	aria-hidden="true"
-	class={cn('flex size-5 items-center justify-center [&>svg]:size-4', className)}
+	class={cn('size-5 [&>svg]:size-4 flex items-center justify-center', className)}
 	{...restProps}
 >
 	<MoreHorizontalIcon />
diff --git a/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte b/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
index da834ca6..b5f734e9 100644
--- a/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
+++ b/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
@@ -13,7 +13,7 @@
 <li
 	bind:this={ref}
 	data-slot="breadcrumb-item"
-	class={cn('inline-flex items-center gap-1', className)}
+	class={cn('gap-1 inline-flex items-center', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte b/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
index af70b63b..655cb77c 100644
--- a/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
+++ b/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="breadcrumb-list"
 	class={cn(
-		'flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground',
+		'text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center wrap-break-word',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte b/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
index 3c6be017..4938bddc 100644
--- a/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
+++ b/src/frontend/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
@@ -16,7 +16,7 @@
 	role="link"
 	aria-disabled="true"
 	aria-current="page"
-	class={cn('font-normal text-foreground', className)}
+	class={cn('text-foreground font-normal', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/button-group/button-group-separator.svelte b/src/frontend/src/lib/components/ui/button-group/button-group-separator.svelte
index 7f371812..2686fb88 100644
--- a/src/frontend/src/lib/components/ui/button-group/button-group-separator.svelte
+++ b/src/frontend/src/lib/components/ui/button-group/button-group-separator.svelte
@@ -16,7 +16,7 @@
 	data-slot="button-group-separator"
 	{orientation}
 	class={cn(
-		'relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto',
+		'bg-input relative self-stretch data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/card/card-description.svelte b/src/frontend/src/lib/components/ui/card/card-description.svelte
index b46a1ade..bfb0725b 100644
--- a/src/frontend/src/lib/components/ui/card/card-description.svelte
+++ b/src/frontend/src/lib/components/ui/card/card-description.svelte
@@ -13,7 +13,7 @@
 <p
 	bind:this={ref}
 	data-slot="card-description"
-	class={cn('text-sm text-muted-foreground', className)}
+	class={cn('text-muted-foreground text-sm', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/card/card-footer.svelte b/src/frontend/src/lib/components/ui/card/card-footer.svelte
index 73ec4b35..6dcf877b 100644
--- a/src/frontend/src/lib/components/ui/card/card-footer.svelte
+++ b/src/frontend/src/lib/components/ui/card/card-footer.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="card-footer"
 	class={cn(
-		'flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3',
+		'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/card/card-header.svelte b/src/frontend/src/lib/components/ui/card/card-header.svelte
index 2a2a8bde..bcf68665 100644
--- a/src/frontend/src/lib/components/ui/card/card-header.svelte
+++ b/src/frontend/src/lib/components/ui/card/card-header.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="card-header"
 	class={cn(
-		'group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3',
+		'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/card/card.svelte b/src/frontend/src/lib/components/ui/card/card.svelte
index 8f19be18..9cdf8c6f 100644
--- a/src/frontend/src/lib/components/ui/card/card.svelte
+++ b/src/frontend/src/lib/components/ui/card/card.svelte
@@ -16,7 +16,7 @@
 	data-slot="card"
 	data-size={size}
 	class={cn(
-		'group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl',
+		'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/chart/chart-container.svelte b/src/frontend/src/lib/components/ui/chart/chart-container.svelte
index adc31e2d..4734286e 100644
--- a/src/frontend/src/lib/components/ui/chart/chart-container.svelte
+++ b/src/frontend/src/lib/components/ui/chart/chart-container.svelte
@@ -55,8 +55,8 @@
 		// a grid line there and rule ends up overlapping the marks because it is rendered after
 		// the marks
 		'[&_.lc-rule-x-line:not(.lc-grid-x-rule)]:stroke-0 [&_.lc-rule-y-line:not(.lc-grid-y-rule)]:stroke-0',
-		'[&_.lc-grid-x-radial-circle]:stroke-border [&_.lc-grid-x-radial-line]:stroke-border',
-		'[&_.lc-grid-y-radial-circle]:stroke-border [&_.lc-grid-y-radial-line]:stroke-border',
+		'[&_.lc-grid-x-radial-line]:stroke-border [&_.lc-grid-x-radial-circle]:stroke-border',
+		'[&_.lc-grid-y-radial-line]:stroke-border [&_.lc-grid-y-radial-circle]:stroke-border',
 
 		// Legend adjustments
 		'[&_.lc-legend-swatch-button]:items-center [&_.lc-legend-swatch-button]:gap-1.5',
diff --git a/src/frontend/src/lib/components/ui/chart/chart-style.svelte b/src/frontend/src/lib/components/ui/chart/chart-style.svelte
index 1e77982e..18efa41d 100644
--- a/src/frontend/src/lib/components/ui/chart/chart-style.svelte
+++ b/src/frontend/src/lib/components/ui/chart/chart-style.svelte
@@ -30,7 +30,7 @@
 
 {#if themeContents}
 	{#key id}
-		<svelte:element this={'style'}>
+		<svelte:element this={"style"}>
 			{themeContents}
 		</svelte:element>
 	{/key}
diff --git a/src/frontend/src/lib/components/ui/chart/chart-tooltip.svelte b/src/frontend/src/lib/components/ui/chart/chart-tooltip.svelte
index a02d3193..df6c90e6 100644
--- a/src/frontend/src/lib/components/ui/chart/chart-tooltip.svelte
+++ b/src/frontend/src/lib/components/ui/chart/chart-tooltip.svelte
@@ -106,7 +106,7 @@
 	<div
 		bind:this={ref}
 		class={cn(
-			'grid min-w-[9rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl',
+			'border-border/50 bg-background grid min-w-[9rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',
 			className
 		)}
 		{...restProps}
@@ -126,7 +126,7 @@
 				{@const indicatorColor = color || item.config?.color || item.color}
 				<div
 					class={cn(
-						'flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5 [&>svg]:text-muted-foreground',
+						'[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5',
 						indicator === 'dot' && 'items-center'
 					)}
 				>
@@ -167,7 +167,7 @@
 								</span>
 							</div>
 							{#if item.value !== undefined}
-								<span class="font-mono font-medium text-foreground tabular-nums">
+								<span class="text-foreground font-mono font-medium tabular-nums">
 									{item.value.toLocaleString()}
 								</span>
 							{/if}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-content.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-content.svelte
index 460c179e..80db472c 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-content.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-content.svelte
@@ -28,7 +28,7 @@
 		bind:ref
 		data-slot="dialog-content"
 		class={cn(
-			'fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 sm:max-w-sm',
+			'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',
 			className
 		)}
 		{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-description.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-description.svelte
index a4612739..fc9852d4 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-description.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-description.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="dialog-description"
 	class={cn(
-		'text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',
+		'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-footer.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
index 28882b26..c2eab11c 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-footer.svelte
@@ -19,7 +19,7 @@
 	bind:this={ref}
 	data-slot="dialog-footer"
 	class={cn(
-		'-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end',
+		'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-header.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-header.svelte
index 3e2a2b2c..bfc8d40b 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-header.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-header.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="dialog-header"
-	class={cn('flex flex-col gap-2', className)}
+	class={cn('gap-2 flex flex-col', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
index 11ebfd7c..f8842463 100644
--- a/src/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
+++ b/src/frontend/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="dialog-overlay"
 	class={cn(
-		'fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs',
+		'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
index 8c038247..25f87fbd 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -23,14 +23,14 @@
 	bind:indeterminate
 	data-slot="dropdown-menu-checkbox-item"
 	class={cn(
-		"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		className
 	)}
 	{...restProps}
 >
 	{#snippet children({ checked, indeterminate })}
 		<span
-			class="pointer-events-none absolute right-2 flex items-center justify-center"
+			class="absolute right-2 flex items-center justify-center pointer-events-none"
 			data-slot="dropdown-menu-checkbox-item-indicator"
 		>
 			{#if indeterminate}
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
index d159a5c2..3bcc86b6 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -23,7 +23,7 @@
 		{sideOffset}
 		{align}
 		class={cn(
-			'z-50 w-(--bits-dropdown-menu-anchor-width) min-w-32 overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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',
+			'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-(--bits-dropdown-menu-anchor-width) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden',
 			className
 		)}
 		{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
index ccfd86be..2a4fdd7a 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -20,7 +20,7 @@
 	data-inset={inset}
 	data-variant={variant}
 	class={cn(
-		"group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
+		"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
index e45f53af..2a5dbe36 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -18,7 +18,7 @@
 	data-slot="dropdown-menu-label"
 	data-inset={inset}
 	class={cn(
-		'px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7 data-[inset]:pl-8',
+		'text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7 data-[inset]:pl-8',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
index 2fd82ef9..7dc90150 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -15,14 +15,14 @@
 	bind:ref
 	data-slot="dropdown-menu-radio-item"
 	class={cn(
-		"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		className
 	)}
 	{...restProps}
 >
 	{#snippet children({ checked })}
 		<span
-			class="pointer-events-none absolute right-2 flex items-center justify-center"
+			class="absolute right-2 flex items-center justify-center pointer-events-none"
 			data-slot="dropdown-menu-radio-item-indicator"
 		>
 			{#if checked}
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
index a076e43c..38dabc1b 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -12,6 +12,6 @@
 <DropdownMenuPrimitive.Separator
 	bind:ref
 	data-slot="dropdown-menu-separator"
-	class={cn('-mx-1 my-1 h-px bg-border', className)}
+	class={cn('bg-border -mx-1 my-1 h-px', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
index 501ea79d..706b7254 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="dropdown-menu-shortcut"
 	class={cn(
-		'ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground',
+		'text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
index 5e145d7d..bb1ef133 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="dropdown-menu-sub-content"
 	class={cn(
-		'w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-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',
+		'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100 w-auto',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
index 22713d21..5959a70b 100644
--- a/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ b/src/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -19,7 +19,7 @@
 	data-slot="dropdown-menu-sub-trigger"
 	data-inset={inset}
 	class={cn(
-		"flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/empty/empty-content.svelte b/src/frontend/src/lib/components/ui/empty/empty-content.svelte
index f98fef15..8ea9c738 100644
--- a/src/frontend/src/lib/components/ui/empty/empty-content.svelte
+++ b/src/frontend/src/lib/components/ui/empty/empty-content.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="empty-content"
 	class={cn(
-		'flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance',
+		'gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/empty/empty-description.svelte b/src/frontend/src/lib/components/ui/empty/empty-description.svelte
index 29f8fe47..1e012e54 100644
--- a/src/frontend/src/lib/components/ui/empty/empty-description.svelte
+++ b/src/frontend/src/lib/components/ui/empty/empty-description.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="empty-description"
 	class={cn(
-		'text-sm/relaxed text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',
+		'text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/empty/empty-header.svelte b/src/frontend/src/lib/components/ui/empty/empty-header.svelte
index 1bfef38b..0a1f1c09 100644
--- a/src/frontend/src/lib/components/ui/empty/empty-header.svelte
+++ b/src/frontend/src/lib/components/ui/empty/empty-header.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="empty-header"
-	class={cn('flex max-w-sm flex-col items-center gap-2', className)}
+	class={cn('gap-2 flex max-w-sm flex-col items-center', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/empty/empty.svelte b/src/frontend/src/lib/components/ui/empty/empty.svelte
index 16843e5a..15b61527 100644
--- a/src/frontend/src/lib/components/ui/empty/empty.svelte
+++ b/src/frontend/src/lib/components/ui/empty/empty.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="empty"
 	class={cn(
-		'flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance',
+		'gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/field/field-content.svelte b/src/frontend/src/lib/components/ui/field/field-content.svelte
index 19a8728d..7dcc4ad5 100644
--- a/src/frontend/src/lib/components/ui/field/field-content.svelte
+++ b/src/frontend/src/lib/components/ui/field/field-content.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="field-content"
-	class={cn('group/field-content flex flex-1 flex-col gap-0.5 leading-snug', className)}
+	class={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/field/field-description.svelte b/src/frontend/src/lib/components/ui/field/field-description.svelte
index 84e864c9..5feced7d 100644
--- a/src/frontend/src/lib/components/ui/field/field-description.svelte
+++ b/src/frontend/src/lib/components/ui/field/field-description.svelte
@@ -14,9 +14,9 @@
 	bind:this={ref}
 	data-slot="field-description"
 	class={cn(
-		'text-left text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5',
+		'text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance',
 		'last:mt-0 nth-last-2:-mt-1',
-		'[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',
+		'[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/field/field-error.svelte b/src/frontend/src/lib/components/ui/field/field-error.svelte
index 36fb75c1..c66e7082 100644
--- a/src/frontend/src/lib/components/ui/field/field-error.svelte
+++ b/src/frontend/src/lib/components/ui/field/field-error.svelte
@@ -38,7 +38,7 @@
 		bind:this={ref}
 		role="alert"
 		data-slot="field-error"
-		class={cn('text-sm font-normal text-destructive', className)}
+		class={cn('text-destructive text-sm font-normal', className)}
 		{...restProps}
 	>
 		{#if children}
diff --git a/src/frontend/src/lib/components/ui/field/field-group.svelte b/src/frontend/src/lib/components/ui/field/field-group.svelte
index cc35fb28..51fb72af 100644
--- a/src/frontend/src/lib/components/ui/field/field-group.svelte
+++ b/src/frontend/src/lib/components/ui/field/field-group.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="field-group"
 	class={cn(
-		'group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',
+		'gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/field/field-label.svelte b/src/frontend/src/lib/components/ui/field/field-label.svelte
index 075a61af..0c4758c4 100644
--- a/src/frontend/src/lib/components/ui/field/field-label.svelte
+++ b/src/frontend/src/lib/components/ui/field/field-label.svelte
@@ -15,7 +15,7 @@
 	bind:ref
 	data-slot="field-label"
 	class={cn(
-		'group/field-label peer/field-label flex w-fit gap-2 leading-snug leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10',
+		'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug',
 		'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',
 		className
 	)}
diff --git a/src/frontend/src/lib/components/ui/field/field-separator.svelte b/src/frontend/src/lib/components/ui/field/field-separator.svelte
index 5847eb9a..96165752 100644
--- a/src/frontend/src/lib/components/ui/field/field-separator.svelte
+++ b/src/frontend/src/lib/components/ui/field/field-separator.svelte
@@ -20,13 +20,13 @@
 	bind:this={ref}
 	data-slot="field-separator"
 	data-content={hasContent}
-	class={cn('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className)}
+	class={cn('-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative', className)}
 	{...restProps}
 >
 	<Separator class="absolute inset-0 top-1/2" />
 	{#if children}
 		<span
-			class="relative mx-auto block w-fit bg-background px-2 text-muted-foreground"
+			class="text-muted-foreground px-2 bg-background relative mx-auto block w-fit"
 			data-slot="field-separator-content"
 		>
 			{@render children()}
diff --git a/src/frontend/src/lib/components/ui/field/field-set.svelte b/src/frontend/src/lib/components/ui/field/field-set.svelte
index fcf7135e..c8e06a40 100644
--- a/src/frontend/src/lib/components/ui/field/field-set.svelte
+++ b/src/frontend/src/lib/components/ui/field/field-set.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="field-set"
 	class={cn(
-		'flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',
+		'gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/field/field-title.svelte b/src/frontend/src/lib/components/ui/field/field-title.svelte
index 0ec420cc..ebcf3f28 100644
--- a/src/frontend/src/lib/components/ui/field/field-title.svelte
+++ b/src/frontend/src/lib/components/ui/field/field-title.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="field-label"
 	class={cn(
-		'flex w-fit items-center gap-2 text-sm leading-snug leading-snug font-medium group-data-[disabled=true]/field:opacity-50',
+		'gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/form/form-description.svelte b/src/frontend/src/lib/components/ui/form/form-description.svelte
index 034270a1..fa6f8f8a 100644
--- a/src/frontend/src/lib/components/ui/form/form-description.svelte
+++ b/src/frontend/src/lib/components/ui/form/form-description.svelte
@@ -12,6 +12,6 @@
 <FormPrimitive.Description
 	bind:ref
 	data-slot="form-description"
-	class={cn('text-sm text-muted-foreground', className)}
+	class={cn('text-muted-foreground text-sm', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/form/form-field-errors.svelte b/src/frontend/src/lib/components/ui/form/form-field-errors.svelte
index 1baddf90..9150acfb 100644
--- a/src/frontend/src/lib/components/ui/form/form-field-errors.svelte
+++ b/src/frontend/src/lib/components/ui/form/form-field-errors.svelte
@@ -15,7 +15,7 @@
 
 <FormPrimitive.FieldErrors
 	bind:ref
-	class={cn('text-sm font-medium text-destructive', className)}
+	class={cn('text-destructive text-sm font-medium', className)}
 	{...restProps}
 >
 	{#snippet children({ errors, errorProps })}
diff --git a/src/frontend/src/lib/components/ui/form/form-legend.svelte b/src/frontend/src/lib/components/ui/form/form-legend.svelte
index 2778f9c7..bc912220 100644
--- a/src/frontend/src/lib/components/ui/form/form-legend.svelte
+++ b/src/frontend/src/lib/components/ui/form/form-legend.svelte
@@ -11,6 +11,6 @@
 
 <FormPrimitive.Legend
 	bind:ref
-	class={cn('text-sm leading-none font-medium data-[fs-error]:text-destructive', className)}
+	class={cn('data-[fs-error]:text-destructive text-sm leading-none font-medium', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/input/input.svelte b/src/frontend/src/lib/components/ui/input/input.svelte
index dc876618..3755bfde 100644
--- a/src/frontend/src/lib/components/ui/input/input.svelte
+++ b/src/frontend/src/lib/components/ui/input/input.svelte
@@ -25,7 +25,7 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			'h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',
+			'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
 			className
 		)}
 		type="file"
@@ -38,7 +38,7 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			'h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',
+			'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
 			className
 		)}
 		{type}
diff --git a/src/frontend/src/lib/components/ui/item/item-actions.svelte b/src/frontend/src/lib/components/ui/item/item-actions.svelte
index 699023b1..cd13a09d 100644
--- a/src/frontend/src/lib/components/ui/item/item-actions.svelte
+++ b/src/frontend/src/lib/components/ui/item/item-actions.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="item-actions"
-	class={cn('flex items-center gap-2', className)}
+	class={cn('gap-2 flex items-center', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/item/item-content.svelte b/src/frontend/src/lib/components/ui/item/item-content.svelte
index bf4f41eb..86c7f7d9 100644
--- a/src/frontend/src/lib/components/ui/item/item-content.svelte
+++ b/src/frontend/src/lib/components/ui/item/item-content.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="item-content"
 	class={cn(
-		'flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none',
+		'gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/item/item-description.svelte b/src/frontend/src/lib/components/ui/item/item-description.svelte
index 2f53bcf4..fd3a3051 100644
--- a/src/frontend/src/lib/components/ui/item/item-description.svelte
+++ b/src/frontend/src/lib/components/ui/item/item-description.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="item-description"
 	class={cn(
-		'line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',
+		'text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/item/item-footer.svelte b/src/frontend/src/lib/components/ui/item/item-footer.svelte
index 5be2f851..c92b1ed2 100644
--- a/src/frontend/src/lib/components/ui/item/item-footer.svelte
+++ b/src/frontend/src/lib/components/ui/item/item-footer.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="item-footer"
-	class={cn('flex basis-full items-center justify-between gap-2', className)}
+	class={cn('gap-2 flex basis-full items-center justify-between', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/item/item-group.svelte b/src/frontend/src/lib/components/ui/item/item-group.svelte
index fa61aa08..4fdcfc4f 100644
--- a/src/frontend/src/lib/components/ui/item/item-group.svelte
+++ b/src/frontend/src/lib/components/ui/item/item-group.svelte
@@ -15,7 +15,7 @@
 	role="list"
 	data-slot="item-group"
 	class={cn(
-		'group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2',
+		'gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/item/item-header.svelte b/src/frontend/src/lib/components/ui/item/item-header.svelte
index 36655782..89483ec9 100644
--- a/src/frontend/src/lib/components/ui/item/item-header.svelte
+++ b/src/frontend/src/lib/components/ui/item/item-header.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="item-header"
-	class={cn('flex basis-full items-center justify-between gap-2', className)}
+	class={cn('gap-2 flex basis-full items-center justify-between', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/item/item-title.svelte b/src/frontend/src/lib/components/ui/item/item-title.svelte
index ff215fcf..ca0b7d05 100644
--- a/src/frontend/src/lib/components/ui/item/item-title.svelte
+++ b/src/frontend/src/lib/components/ui/item/item-title.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="item-title"
 	class={cn(
-		'line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4',
+		'gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/label/label.svelte b/src/frontend/src/lib/components/ui/label/label.svelte
index 7fef72e9..85497a39 100644
--- a/src/frontend/src/lib/components/ui/label/label.svelte
+++ b/src/frontend/src/lib/components/ui/label/label.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="label"
 	class={cn(
-		'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',
+		'gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/pagination/pagination-content.svelte b/src/frontend/src/lib/components/ui/pagination/pagination-content.svelte
index 77ed6c48..482e9f28 100644
--- a/src/frontend/src/lib/components/ui/pagination/pagination-content.svelte
+++ b/src/frontend/src/lib/components/ui/pagination/pagination-content.svelte
@@ -13,7 +13,7 @@
 <ul
 	bind:this={ref}
 	data-slot="pagination-content"
-	class={cn('flex items-center gap-0.5', className)}
+	class={cn('gap-0.5 flex items-center', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/pagination/pagination-ellipsis.svelte b/src/frontend/src/lib/components/ui/pagination/pagination-ellipsis.svelte
index f28ec308..7432957a 100644
--- a/src/frontend/src/lib/components/ui/pagination/pagination-ellipsis.svelte
+++ b/src/frontend/src/lib/components/ui/pagination/pagination-ellipsis.svelte
@@ -15,7 +15,7 @@
 	aria-hidden="true"
 	data-slot="pagination-ellipsis"
 	class={cn(
-		"flex size-8 items-center items-center justify-center justify-center [&_svg:not([class*='size-'])]:size-4",
+		"size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center",
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/progress/progress.svelte b/src/frontend/src/lib/components/ui/progress/progress.svelte
index 0add3c94..9b3b6b62 100644
--- a/src/frontend/src/lib/components/ui/progress/progress.svelte
+++ b/src/frontend/src/lib/components/ui/progress/progress.svelte
@@ -15,7 +15,7 @@
 	bind:ref
 	data-slot="progress"
 	class={cn(
-		'relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted',
+		'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',
 		className
 	)}
 	{value}
@@ -24,7 +24,7 @@
 >
 	<div
 		data-slot="progress-indicator"
-		class="size-full flex-1 bg-primary transition-all"
+		class="bg-primary size-full flex-1 transition-all"
 		style="transform: translateX(-{100 - (100 * (value ?? 0)) / (max ?? 1)}%)"
 	></div>
 </ProgressPrimitive.Root>
diff --git a/src/frontend/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte b/src/frontend/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
index b77de20f..2dda6b26 100644
--- a/src/frontend/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
+++ b/src/frontend/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
@@ -17,7 +17,7 @@
 	data-orientation={orientation}
 	{orientation}
 	class={cn(
-		'flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',
+		'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',
 		className
 	)}
 	{...restProps}
@@ -25,6 +25,6 @@
 	{@render children?.()}
 	<ScrollAreaPrimitive.Thumb
 		data-slot="scroll-area-thumb"
-		class="relative flex-1 rounded-full bg-border"
+		class="rounded-full bg-border relative flex-1"
 	/>
 </ScrollAreaPrimitive.Scrollbar>
diff --git a/src/frontend/src/lib/components/ui/scroll-area/scroll-area.svelte b/src/frontend/src/lib/components/ui/scroll-area/scroll-area.svelte
index 24243966..72cb6a84 100644
--- a/src/frontend/src/lib/components/ui/scroll-area/scroll-area.svelte
+++ b/src/frontend/src/lib/components/ui/scroll-area/scroll-area.svelte
@@ -29,7 +29,7 @@
 	<ScrollAreaPrimitive.Viewport
 		bind:ref={viewportRef}
 		data-slot="scroll-area-viewport"
-		class="cn-scroll-area-viewport size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
+		class="cn-scroll-area-viewport focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
 	>
 		{@render children?.()}
 	</ScrollAreaPrimitive.Viewport>
diff --git a/src/frontend/src/lib/components/ui/select/select-content.svelte b/src/frontend/src/lib/components/ui/select/select-content.svelte
index 388255e9..c3182b7f 100644
--- a/src/frontend/src/lib/components/ui/select/select-content.svelte
+++ b/src/frontend/src/lib/components/ui/select/select-content.svelte
@@ -27,7 +27,7 @@
 		{preventScroll}
 		data-slot="select-content"
 		class={cn(
-			'relative isolate z-50 min-w-36 overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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',
+			'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 relative isolate z-50 overflow-x-hidden overflow-y-auto',
 			className
 		)}
 		{...restProps}
diff --git a/src/frontend/src/lib/components/ui/select/select-group-heading.svelte b/src/frontend/src/lib/components/ui/select/select-group-heading.svelte
index 3dc02825..3ff70030 100644
--- a/src/frontend/src/lib/components/ui/select/select-group-heading.svelte
+++ b/src/frontend/src/lib/components/ui/select/select-group-heading.svelte
@@ -14,7 +14,7 @@
 <SelectPrimitive.GroupHeading
 	bind:ref
 	data-slot="select-group-heading"
-	class={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}
+	class={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/select/select-item.svelte b/src/frontend/src/lib/components/ui/select/select-item.svelte
index 79af45bc..2d4073bb 100644
--- a/src/frontend/src/lib/components/ui/select/select-item.svelte
+++ b/src/frontend/src/lib/components/ui/select/select-item.svelte
@@ -18,7 +18,7 @@
 	{value}
 	data-slot="select-item"
 	class={cn(
-		"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:bg-accent focus:text-accent-foreground focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+		"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 focus:bg-accent data-highlighted:bg-accent data-highlighted:text-accent-foreground focus:text-accent-foreground relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/select/select-label.svelte b/src/frontend/src/lib/components/ui/select/select-label.svelte
index 1b8fba5c..a407ef65 100644
--- a/src/frontend/src/lib/components/ui/select/select-label.svelte
+++ b/src/frontend/src/lib/components/ui/select/select-label.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="select-label"
-	class={cn('px-1.5 py-1 text-xs text-muted-foreground', className)}
+	class={cn('text-muted-foreground px-1.5 py-1 text-xs', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte b/src/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte
index cba5a029..e09d2f8d 100644
--- a/src/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte
+++ b/src/frontend/src/lib/components/ui/select/select-scroll-down-button.svelte
@@ -14,7 +14,7 @@
 	bind:ref
 	data-slot="select-scroll-down-button"
 	class={cn(
-		"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+		"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full",
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/select/select-scroll-up-button.svelte b/src/frontend/src/lib/components/ui/select/select-scroll-up-button.svelte
index 3f5fa51b..37332138 100644
--- a/src/frontend/src/lib/components/ui/select/select-scroll-up-button.svelte
+++ b/src/frontend/src/lib/components/ui/select/select-scroll-up-button.svelte
@@ -14,7 +14,7 @@
 	bind:ref
 	data-slot="select-scroll-up-button"
 	class={cn(
-		"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+		"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full",
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/select/select-separator.svelte b/src/frontend/src/lib/components/ui/select/select-separator.svelte
index bfd1eb78..d1d38eea 100644
--- a/src/frontend/src/lib/components/ui/select/select-separator.svelte
+++ b/src/frontend/src/lib/components/ui/select/select-separator.svelte
@@ -13,6 +13,6 @@
 <Separator
 	bind:ref
 	data-slot="select-separator"
-	class={cn('pointer-events-none -mx-1 my-1 h-px bg-border', className)}
+	class={cn('bg-border -mx-1 my-1 h-px pointer-events-none', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/select/select-trigger.svelte b/src/frontend/src/lib/components/ui/select/select-trigger.svelte
index 1c4c3d81..fa4a133f 100644
--- a/src/frontend/src/lib/components/ui/select/select-trigger.svelte
+++ b/src/frontend/src/lib/components/ui/select/select-trigger.svelte
@@ -19,11 +19,11 @@
 	data-slot="select-trigger"
 	data-size={size}
 	class={cn(
-		"flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		"border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		className
 	)}
 	{...restProps}
 >
 	{@render children?.()}
-	<ChevronDownIcon class="pointer-events-none size-4 text-muted-foreground" />
+	<ChevronDownIcon class="text-muted-foreground size-4 pointer-events-none" />
 </SelectPrimitive.Trigger>
diff --git a/src/frontend/src/lib/components/ui/separator/separator.svelte b/src/frontend/src/lib/components/ui/separator/separator.svelte
index 40dcb92a..37da5e55 100644
--- a/src/frontend/src/lib/components/ui/separator/separator.svelte
+++ b/src/frontend/src/lib/components/ui/separator/separator.svelte
@@ -14,7 +14,7 @@
 	bind:ref
 	data-slot={dataSlot}
 	class={cn(
-		'shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',
+		'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',
 		// this is different in shadcn/ui but self-stretch breaks things for us
 		'data-[orientation=vertical]:h-full',
 		className
diff --git a/src/frontend/src/lib/components/ui/sheet/sheet-content.svelte b/src/frontend/src/lib/components/ui/sheet/sheet-content.svelte
index 5a3aae34..96b28b4c 100644
--- a/src/frontend/src/lib/components/ui/sheet/sheet-content.svelte
+++ b/src/frontend/src/lib/components/ui/sheet/sheet-content.svelte
@@ -35,7 +35,7 @@
 		data-slot="sheet-content"
 		data-side={side}
 		class={cn(
-			'fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',
+			'bg-popover text-popover-foreground fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10',
 			className
 		)}
 		{...restProps}
diff --git a/src/frontend/src/lib/components/ui/sheet/sheet-description.svelte b/src/frontend/src/lib/components/ui/sheet/sheet-description.svelte
index b6aae8e3..996c1026 100644
--- a/src/frontend/src/lib/components/ui/sheet/sheet-description.svelte
+++ b/src/frontend/src/lib/components/ui/sheet/sheet-description.svelte
@@ -12,6 +12,6 @@
 <SheetPrimitive.Description
 	bind:ref
 	data-slot="sheet-description"
-	class={cn('text-sm text-muted-foreground', className)}
+	class={cn('text-muted-foreground text-sm', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/sheet/sheet-footer.svelte b/src/frontend/src/lib/components/ui/sheet/sheet-footer.svelte
index aea83f78..c0a3cdba 100644
--- a/src/frontend/src/lib/components/ui/sheet/sheet-footer.svelte
+++ b/src/frontend/src/lib/components/ui/sheet/sheet-footer.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="sheet-footer"
-	class={cn('mt-auto flex flex-col gap-2 p-4', className)}
+	class={cn('gap-2 p-4 mt-auto flex flex-col', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/sheet/sheet-header.svelte b/src/frontend/src/lib/components/ui/sheet/sheet-header.svelte
index 233892b2..2b225912 100644
--- a/src/frontend/src/lib/components/ui/sheet/sheet-header.svelte
+++ b/src/frontend/src/lib/components/ui/sheet/sheet-header.svelte
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="sheet-header"
-	class={cn('flex flex-col gap-0.5 p-4', className)}
+	class={cn('gap-0.5 p-4 flex flex-col', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/sheet/sheet-overlay.svelte b/src/frontend/src/lib/components/ui/sheet/sheet-overlay.svelte
index f7eb4d8c..77aaddc1 100644
--- a/src/frontend/src/lib/components/ui/sheet/sheet-overlay.svelte
+++ b/src/frontend/src/lib/components/ui/sheet/sheet-overlay.svelte
@@ -12,6 +12,6 @@
 <SheetPrimitive.Overlay
 	bind:ref
 	data-slot="sheet-overlay"
-	class={cn('fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs', className)}
+	class={cn('bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/sheet/sheet-title.svelte b/src/frontend/src/lib/components/ui/sheet/sheet-title.svelte
index b140d196..4ea1e043 100644
--- a/src/frontend/src/lib/components/ui/sheet/sheet-title.svelte
+++ b/src/frontend/src/lib/components/ui/sheet/sheet-title.svelte
@@ -12,6 +12,6 @@
 <SheetPrimitive.Title
 	bind:ref
 	data-slot="sheet-title"
-	class={cn('text-base font-medium text-foreground', className)}
+	class={cn('text-foreground text-base font-medium', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-content.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-content.svelte
index 052ebd3e..ae3f8a73 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-content.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-content.svelte
@@ -15,7 +15,7 @@
 	data-slot="sidebar-content"
 	data-sidebar="content"
 	class={cn(
-		'no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden',
+		'no-scrollbar gap-0 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-footer.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-footer.svelte
index 24d67f66..1043e281 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-footer.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-footer.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="sidebar-footer"
 	data-sidebar="footer"
-	class={cn('flex flex-col gap-2 p-2', className)}
+	class={cn('gap-2 p-2 flex flex-col', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-group-content.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-group-content.svelte
index fafaceef..5aaa592b 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-group-content.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-group-content.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="sidebar-group-content"
 	data-sidebar="group-content"
-	class={cn('w-full text-sm', className)}
+	class={cn('text-sm w-full', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-group.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-group.svelte
index 897445de..5f097caa 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-group.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-group.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="sidebar-group"
 	data-sidebar="group"
-	class={cn('relative flex w-full min-w-0 flex-col p-2', className)}
+	class={cn('p-2 relative flex w-full min-w-0 flex-col', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-header.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-header.svelte
index a5464746..4eb8268f 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-header.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-header.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="sidebar-header"
 	data-sidebar="header"
-	class={cn('flex flex-col gap-2 p-2', className)}
+	class={cn('gap-2 p-2 flex flex-col', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-input.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-input.svelte
index 1a3610ba..9ed0aa89 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-input.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-input.svelte
@@ -16,6 +16,6 @@
 	bind:value
 	data-slot="sidebar-input"
 	data-sidebar="input"
-	class={cn('h-8 w-full bg-background shadow-none', className)}
+	class={cn('bg-background h-8 w-full shadow-none', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-inset.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-inset.svelte
index c6de9f4c..ad85c16e 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-inset.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-inset.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="sidebar-inset"
 	class={cn(
-		'relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',
+		'bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
index fac1f180..44e86d9f 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
@@ -15,7 +15,7 @@
 	data-slot="sidebar-menu-badge"
 	data-sidebar="menu-badge"
 	class={cn(
-		'pointer-events-none absolute right-1 flex flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1',
+		'text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
index 49a18f12..b65b3743 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
@@ -21,7 +21,7 @@
 	bind:this={ref}
 	data-slot="sidebar-menu-skeleton"
 	data-sidebar="menu-skeleton"
-	class={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}
+	class={cn('h-8 gap-2 rounded-md px-2 flex items-center', className)}
 	{...restProps}
 >
 	{#if showIcon}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
index d5e06541..28979b1a 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
@@ -15,7 +15,7 @@
 	data-slot="sidebar-menu-sub"
 	data-sidebar="menu-sub"
 	class={cn(
-		'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden',
+		'border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-menu.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-menu.svelte
index e1c5b603..393963ef 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-menu.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-menu.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="sidebar-menu"
 	data-sidebar="menu"
-	class={cn('flex w-full min-w-0 flex-col gap-0', className)}
+	class={cn('gap-0 flex w-full min-w-0 flex-col', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-provider.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-provider.svelte
index 2e615f4c..02f13073 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-provider.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-provider.svelte
@@ -42,7 +42,7 @@
 		data-slot="sidebar-wrapper"
 		style="--sidebar-width: {SIDEBAR_WIDTH}; --sidebar-width-icon: {SIDEBAR_WIDTH_ICON}; {style}"
 		class={cn(
-			'group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',
+			'group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full',
 			className
 		)}
 		bind:this={ref}
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-rail.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-rail.svelte
index c17e0130..776a5d8f 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-rail.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-rail.svelte
@@ -22,10 +22,10 @@
 	onclick={sidebar.toggle}
 	title="Toggle Sidebar"
 	class={cn(
-		'absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex',
+		'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',
 		'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',
 		'[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',
-		'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',
+		'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',
 		'[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
 		'[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
 		className
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar-separator.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar-separator.svelte
index 3af57280..2fbe5228 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar-separator.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar-separator.svelte
@@ -14,6 +14,6 @@
 	bind:ref
 	data-slot="sidebar-separator"
 	data-sidebar="separator"
-	class={cn('mx-2 w-auto bg-sidebar-border', className)}
+	class={cn('bg-sidebar-border mx-2 w-auto', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/sidebar/sidebar.svelte b/src/frontend/src/lib/components/ui/sidebar/sidebar.svelte
index 90d02b70..a7128808 100644
--- a/src/frontend/src/lib/components/ui/sidebar/sidebar.svelte
+++ b/src/frontend/src/lib/components/ui/sidebar/sidebar.svelte
@@ -25,7 +25,7 @@
 {#if collapsible === 'none'}
 	<div
 		class={cn(
-			'flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground',
+			'bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col',
 			className
 		)}
 		bind:this={ref}
@@ -41,7 +41,7 @@
 			data-slot="sidebar"
 			data-mobile="true"
 			class={cn(
-				'w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden',
+				'bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden',
 				className
 			)}
 			style="--sidebar-width: {SIDEBAR_WIDTH_MOBILE};"
@@ -59,7 +59,7 @@
 {:else}
 	<div
 		bind:this={ref}
-		class="group peer hidden text-sidebar-foreground md:block"
+		class="text-sidebar-foreground group peer hidden md:block"
 		data-state={sidebar.state}
 		data-collapsible={sidebar.state === 'collapsed' ? collapsible : ''}
 		data-variant={variant}
@@ -70,7 +70,7 @@
 		<div
 			data-slot="sidebar-gap"
 			class={cn(
-				'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',
+				'transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent',
 				'group-data-[collapsible=offcanvas]:w-0',
 				'group-data-[side=right]:rotate-180',
 				variant === 'floating' || variant === 'inset'
@@ -96,7 +96,7 @@
 			<div
 				data-sidebar="sidebar"
 				data-slot="sidebar-inner"
-				class="flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border"
+				class="bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col"
 			>
 				{@render children?.()}
 			</div>
diff --git a/src/frontend/src/lib/components/ui/skeleton/skeleton.svelte b/src/frontend/src/lib/components/ui/skeleton/skeleton.svelte
index e2b514b6..05850c4a 100644
--- a/src/frontend/src/lib/components/ui/skeleton/skeleton.svelte
+++ b/src/frontend/src/lib/components/ui/skeleton/skeleton.svelte
@@ -12,6 +12,6 @@
 <div
 	bind:this={ref}
 	data-slot="skeleton"
-	class={cn('animate-pulse rounded-md bg-muted', className)}
+	class={cn('bg-muted rounded-md animate-pulse', className)}
 	{...restProps}
 ></div>
diff --git a/src/frontend/src/lib/components/ui/switch/switch.svelte b/src/frontend/src/lib/components/ui/switch/switch.svelte
index 8fe2a1db..320b3ceb 100644
--- a/src/frontend/src/lib/components/ui/switch/switch.svelte
+++ b/src/frontend/src/lib/components/ui/switch/switch.svelte
@@ -19,13 +19,13 @@
 	data-slot="switch"
 	data-size={size}
 	class={cn(
-		'peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:data-unchecked:bg-input/80',
+		'data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50',
 		className
 	)}
 	{...restProps}
 >
 	<SwitchPrimitive.Thumb
 		data-slot="switch-thumb"
-		class="pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 rtl:data-[state=checked]:translate-x-[calc(-100%)] dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"
+		class="bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 pointer-events-none block ring-0 transition-transform rtl:data-[state=checked]:translate-x-[calc(-100%)]"
 	/>
 </SwitchPrimitive.Root>
diff --git a/src/frontend/src/lib/components/ui/table/table-caption.svelte b/src/frontend/src/lib/components/ui/table/table-caption.svelte
index 7ad3aeed..61ac4153 100644
--- a/src/frontend/src/lib/components/ui/table/table-caption.svelte
+++ b/src/frontend/src/lib/components/ui/table/table-caption.svelte
@@ -13,7 +13,7 @@
 <caption
 	bind:this={ref}
 	data-slot="table-caption"
-	class={cn('mt-4 text-sm text-muted-foreground', className)}
+	class={cn('text-muted-foreground mt-4 text-sm', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/frontend/src/lib/components/ui/table/table-footer.svelte b/src/frontend/src/lib/components/ui/table/table-footer.svelte
index 565b2441..53a9eb45 100644
--- a/src/frontend/src/lib/components/ui/table/table-footer.svelte
+++ b/src/frontend/src/lib/components/ui/table/table-footer.svelte
@@ -13,7 +13,7 @@
 <tfoot
 	bind:this={ref}
 	data-slot="table-footer"
-	class={cn('border-t bg-muted/50 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/src/frontend/src/lib/components/ui/table/table-head.svelte b/src/frontend/src/lib/components/ui/table/table-head.svelte
index 4d41f0b0..1ef7f1d9 100644
--- a/src/frontend/src/lib/components/ui/table/table-head.svelte
+++ b/src/frontend/src/lib/components/ui/table/table-head.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="table-head"
 	class={cn(
-		'h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0',
+		'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/table/table-row.svelte b/src/frontend/src/lib/components/ui/table/table-row.svelte
index 9270b1d6..d0d5fed1 100644
--- a/src/frontend/src/lib/components/ui/table/table-row.svelte
+++ b/src/frontend/src/lib/components/ui/table/table-row.svelte
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="table-row"
 	class={cn(
-		'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
+		'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/tabs/tabs-content.svelte b/src/frontend/src/lib/components/ui/tabs/tabs-content.svelte
index 2f30880d..b3f21369 100644
--- a/src/frontend/src/lib/components/ui/tabs/tabs-content.svelte
+++ b/src/frontend/src/lib/components/ui/tabs/tabs-content.svelte
@@ -12,6 +12,6 @@
 <TabsPrimitive.Content
 	bind:ref
 	data-slot="tabs-content"
-	class={cn('flex-1 text-sm outline-none', className)}
+	class={cn('text-sm flex-1 outline-none', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/tabs/tabs-trigger.svelte b/src/frontend/src/lib/components/ui/tabs/tabs-trigger.svelte
index beeea876..d24e2a83 100644
--- a/src/frontend/src/lib/components/ui/tabs/tabs-trigger.svelte
+++ b/src/frontend/src/lib/components/ui/tabs/tabs-trigger.svelte
@@ -13,10 +13,10 @@
 	bind:ref
 	data-slot="tabs-trigger"
 	class={cn(
-		"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent',
-		'data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground',
-		'after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',
+		'data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground',
+		'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',
 		className
 	)}
 	{...restProps}
diff --git a/src/frontend/src/lib/components/ui/tabs/tabs.svelte b/src/frontend/src/lib/components/ui/tabs/tabs.svelte
index 9a9b0ce9..4adebd07 100644
--- a/src/frontend/src/lib/components/ui/tabs/tabs.svelte
+++ b/src/frontend/src/lib/components/ui/tabs/tabs.svelte
@@ -14,6 +14,6 @@
 	bind:ref
 	bind:value
 	data-slot="tabs"
-	class={cn('group/tabs flex gap-2 data-[orientation=horizontal]:flex-col', className)}
+	class={cn('gap-2 group/tabs flex data-[orientation=horizontal]:flex-col', className)}
 	{...restProps}
 />
diff --git a/src/frontend/src/lib/components/ui/textarea/textarea.svelte b/src/frontend/src/lib/components/ui/textarea/textarea.svelte
index 05f2815c..00ad9f32 100644
--- a/src/frontend/src/lib/components/ui/textarea/textarea.svelte
+++ b/src/frontend/src/lib/components/ui/textarea/textarea.svelte
@@ -15,7 +15,7 @@
 	bind:this={ref}
 	data-slot={dataSlot}
 	class={cn(
-		'flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',
+		'border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50',
 		className
 	)}
 	bind:value
diff --git a/src/frontend/src/lib/components/ui/tooltip/tooltip-content.svelte b/src/frontend/src/lib/components/ui/tooltip/tooltip-content.svelte
index c4c43247..9908a410 100644
--- a/src/frontend/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ b/src/frontend/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -27,7 +27,7 @@
 		{sideOffset}
 		{side}
 		class={cn(
-			'z-50 inline-flex w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95',
+			'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-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 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm bg-foreground text-background z-50 w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin)',
 			className
 		)}
 		{...restProps}
@@ -37,7 +37,7 @@
 			{#snippet child({ props })}
 				<div
 					class={cn(
-						'z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground',
+						'size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground z-50',
 						'data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%+2px)]',
 						'data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%+1px)]',
 						'data-[side=right]:translate-x-[calc(50%+2px)] data-[side=right]:translate-y-1/2',