feat: move class prop to wrapper

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

@@ -72,10 +72,11 @@ $effect(() => {
 
 {#if !hidden}
     {#if responsive.isMobileOrTablet}
+        <div class={className}>
             <Popover.Root bind:open>
                 <Popover.Trigger>
                     {#snippet child({ props })}
-                    <Button class={className} variant="primary" {...props}>
+                        <Button variant="primary" {...props}>
                             {#snippet icon()}
                                 <Settings2Icon class="size-4" />
                             {/snippet}
@@ -140,6 +141,7 @@ $effect(() => {
                     </Popover.Content>
                 </Popover.Portal>
             </Popover.Root>
+        </div>
     {:else}
         <div
             class={cn('w-full md:w-auto', className)}

src/widgets/ComparisonView/ui/Search/Search.svelte

@@ -4,8 +4,18 @@
     Updates the global filterManager query to filter the font list.
 -->
 <script lang="ts">
-import { filterManager } from '$features/GetFonts';
+import { fontStore } from '$entities/Font';
+import {
+    filterManager,
+    mapManagerToParams,
+} from '$features/GetFonts';
 import { SearchBar } from '$shared/ui';
+import { untrack } from 'svelte';
+
+$effect(() => {
+    const params = mapManagerToParams(filterManager);
+    untrack(() => fontStore.setParams(params));
+});
 </script>
 
 <div class="p-6 border-b border-black/5">