fix: remove distracting tab switch animation

frontend/src/lib/components/ui/tabs/tabs-content.svelte

@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="tabs-content"
 	class={cn(
-		'data-[state=active]:animate-in data-[state=active]:fade-in-0 data-[state=active]:slide-in-from-bottom-1 flex-1 text-sm outline-none data-[state=active]:duration-200 motion-reduce:data-[state=active]:animate-none',
+		'flex-1 text-sm outline-none',
 		className
 	)}
 	{...restProps}

frontend/src/lib/components/ui/tabs/tabs-list.svelte

@@ -18,9 +18,10 @@
 </script>
 
 <script lang="ts">
+	import appConfigStore from '#lib/stores/application-configuration-store.ts';
+	import { cn } from '#lib/utils/style.js';
 	import { Tabs as TabsPrimitive } from 'bits-ui';
 	import { onMount } from 'svelte';
-	import { cn } from '#lib/utils/style.js';
 
 	let {
 		ref = $bindable(null),
@@ -109,7 +110,9 @@
 			aria-hidden="true"
 			data-slot="tabs-indicator"
 			class={cn(
-				'bg-foreground pointer-events-none absolute rounded-full opacity-0 transition-[transform,width,height,opacity] duration-300 ease-out motion-reduce:transition-none',
+				'bg-foreground pointer-events-none absolute rounded-full opacity-0',
+				!$appConfigStore?.disableAnimations &&
+					'transition-[transform,width,height,opacity] duration-300 ease-out motion-reduce:transition-none',
 				indicatorOrientation === 'horizontal' ? 'bottom-0 left-0 h-0.5' : 'top-0 right-0 w-0.5',
 				indicatorVisible && 'opacity-100'
 			)}