feat(responsiveManager): add a manager to monitor responsive state and give access to responsive state flags

src/features/SetupFont/ui/SetupFontMenu.svelte

@@ -3,8 +3,32 @@
     Contains controls for setting up font properties.
 -->
 <script lang="ts">
+import type { ResponsiveManager } from '$shared/lib';
 import { ComboControl } from '$shared/ui';
+import { getContext } from 'svelte';
 import { controlManager } from '../model';
+const responsive = getContext<ResponsiveManager>('responsive');
+
+$effect(() => {
+    if (!responsive) {
+        return;
+    }
+
+    switch (true) {
+        case responsive.isMobile:
+            controlManager.multiplier = 0.5;
+            break;
+        case responsive.isTablet:
+            controlManager.multiplier = 0.75;
+            break;
+        case responsive.isDesktop:
+            controlManager.multiplier = 1;
+            break;
+        default:
+            controlManager.multiplier = 1;
+            break;
+    }
+});
 </script>
 
 <div class="py-2 px-10 flex flex-row items-center gap-2">