feat(Input): move extended left padding into SearchBar classes

src/shared/ui/Input/Input.svelte

@@ -44,7 +44,7 @@ let {
         'placeholder:font-mono',
         'placeholder:text-xs sm:placeholder:text-sm',
         'placeholder:tracking-wide',
-        'pl-11 sm:pl-14 pr-4 sm:pr-6',
+        'pl-4 sm:pl-6 pr-4 sm:pr-6',
         'rounded-xl',
         'transition-all duration-200',
         'font-medium',

src/shared/ui/SearchBar/SearchBar.svelte

@@ -1,5 +1,6 @@
 <!-- Component: SearchBar -->
 <script lang="ts">
+import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import { Input } from '$shared/ui';
 import AsteriskIcon from '@lucide/svelte/icons/asterisk';
 
@@ -34,5 +35,5 @@ let {
     <div class="absolute left-4 sm:left-5 top-1/2 -translate-y-1/2 pointer-events-none z-10">
         <AsteriskIcon class="size-3 sm:size-4 stroke-gray-400 stroke-[1.5]" />
     </div>
-    <Input {id} class={className} bind:value={value} placeholder={placeholder} />
+    <Input {id} class={cn('pl-11 sm:pl-14', className)} bind:value={value} placeholder={placeholder} />
 </div>