feat: Local settings

src/lib/components/AnimateScale.svelte

@@ -1,18 +1,22 @@
 <script lang="ts">
 	import classNames from 'classnames';
+	import { localSettings } from '../stores/localstorage.store';
 
 	export let hasFocus: boolean;
+	let enabled = true;
+	localSettings.subscribe((v) => (enabled = v.useCssTransitions));
 </script>
 
 <div
 	class={classNames(
-		'relative transition-all',
+		'relative',
 		{
 			'scale-105': hasFocus
+			// 'transition-all': enabled
 		},
 		$$restProps.class
 	)}
-	style="transition: transform 200ms;"
+	style={enabled ? 'transition: transform 200ms;' : ''}
 	{...$$restProps}
 >
 	<slot />