feat(Drawer): add default padding classes for content snippet

src/widgets/ComparisonSlider/ui/ComparisonSlider/components/Controls.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 import type { ResponsiveManager } from '$shared/lib';
+import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import {
     Drawer,
     IconButton,
@@ -36,18 +37,18 @@ const responsive = getContext<ResponsiveManager>('responsive');
             </IconButton>
         {/snippet}
 
-        {#snippet content({ isOpen })}
-            <div class="px-2 py-4">
+        {#snippet content({ isOpen, className })}
+            <div class={cn(className, 'flex flex-col gap-6')}>
                 <SelectComparedFonts {sliderPos} />
+                <TypographyControls
+                    {sliderPos}
+                    {isDragging}
+                    isActive={isOpen}
+                    bind:wrapper={typographyControls}
+                    containerWidth={container?.clientWidth}
+                    staticPosition
+                />
             </div>
-            <TypographyControls
-                {sliderPos}
-                {isDragging}
-                isActive={isOpen}
-                bind:wrapper={typographyControls}
-                containerWidth={container?.clientWidth}
-                staticPosition
-            />
         {/snippet}
     </Drawer>
 {:else}

src/widgets/ComparisonSlider/ui/ComparisonSlider/components/TypographyControls.svelte

@@ -116,7 +116,7 @@ $effect(() => {
     out:fade={{ duration: 300, delay: 300 }}
 >
     {#if staticPosition}
-        <div class="flex flex-col gap-6 px-2 py-4">
+        <div class="flex flex-col gap-6">
             <Input
                 class="p-6"
                 bind:value={comparisonStore.text}