feat: replace clsx with cn util

src/widgets/Footer/ui/Footer.svelte

@@ -4,9 +4,9 @@
     Visible only on desktop screens.
 -->
 <script lang="ts">
+import { cn } from '$shared/lib';
 import type { ResponsiveManager } from '$shared/lib/helpers';
 import { FooterLink } from '$shared/ui';
-import clsx from 'clsx';
 import { getContext } from 'svelte';
 
 const responsive = getContext<ResponsiveManager>('responsive');
@@ -15,14 +15,14 @@ const currentYear = new Date().getFullYear();
 </script>
 
 <footer
-    class={clsx(
+    class={cn(
         'fixed z-10 flex flex-row items-end gap-1 pointer-events-none',
         isVertical ? 'bottom-5 right-5 [writing-mode:vertical-rl] rotate-180' : ' bottom-2 left-1/2 -translate-x-1/2',
     )}
 >
     <!-- Project Name (Horizontal) -->
     <div
-        class={clsx(
+        class={cn(
             'pointer-events-auto items-center gap-2 bg-surface/80 dark:bg-dark-bg/80 backdrop-blur-sm px-3 py-1 border border-subtle',
             isVertical ? 'flex' : 'hidden',
         )}
@@ -40,7 +40,7 @@ const currentYear = new Date().getFullYear();
             href="https://allmy.work/"
             target="_blank"
             rel="noopener noreferrer"
-            class={clsx('border border-subtle', isVertical ? 'text-2xs' : 'text-4xs')}
+            class={cn('border border-subtle', isVertical ? 'text-2xs' : 'text-4xs')}
         />
     </div>
 </footer>