chore: purge shadcn from codebase. Replace with bits-ui components and other tools

src/features/SetupFont/ui/TypographyMenu/TypographyMenu.svelte

@@ -12,7 +12,6 @@ import {
     MULTIPLIER_S,
 } from '$entities/Font';
 import type { ResponsiveManager } from '$shared/lib';
-import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import {
     ComboControl,
     ControlGroup,
@@ -21,6 +20,7 @@ import {
 import Settings2Icon from '@lucide/svelte/icons/settings-2';
 import XIcon from '@lucide/svelte/icons/x';
 import { Popover } from 'bits-ui';
+import clsx from 'clsx';
 import { getContext } from 'svelte';
 import { cubicOut } from 'svelte/easing';
 import { fly } from 'svelte/transition';
@@ -74,7 +74,7 @@ $effect(() => {
                 {#snippet child({ props })}
                     <button
                         {...props}
-                        class={cn(
+                        class={clsx(
                             'inline-flex items-center justify-center',
                             'size-8 p-0',
                             'border border-transparent rounded-none',
@@ -95,7 +95,7 @@ $effect(() => {
                     side="top"
                     align="start"
                     sideOffset={8}
-                    class={cn(
+                    class={clsx(
                         'z-50 w-72',
                         'bg-surface dark:bg-dark-card',
                         'border border-subtle',
@@ -149,11 +149,11 @@ $effect(() => {
         </Popover.Root>
     {:else}
         <div
-            class={cn('w-full md:w-auto', className)}
+            class={clsx('w-full md:w-auto', className)}
             transition:fly={{ y: 100, duration: 200, easing: cubicOut }}
         >
             <div
-                class={cn(
+                class={clsx(
                     'flex items-center gap-1 md:gap-2 p-1.5 md:p-2',
                     'bg-surface/95 dark:bg-dark-bg/95 backdrop-blur-xl',
                     'border border-subtle',