feat(TypographyMenu): rewrite from hidden class to if based rendering

src/features/SetupFont/ui/TypographyMenu.svelte

@@ -10,6 +10,7 @@ import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import { ComboControl } from '$shared/ui';
 import Settings2Icon from '@lucide/svelte/icons/settings-2';
 import { getContext } from 'svelte';
+import { cubicOut } from 'svelte/easing';
 import { fly } from 'svelte/transition';
 import {
     MULTIPLIER_L,
@@ -47,10 +48,10 @@ $effect(() => {
     }
 });
 </script>
-
+{#if !hidden}
     <div
-    class={cn('w-full md:w-auto', hidden && 'hidden', className)}
-    in:fly={{ y: 100, duration: 400 }}
+        class={cn('w-full md:w-auto', className)}
+        transition:fly={{ y: 100, duration: 200, easing: cubicOut }}
     >
         <div
             class={cn(
@@ -91,3 +92,4 @@ $effect(() => {
             {/each}
         </div>
     </div>
+{/if}