feat(SearchBar): component redesign

src/shared/ui/SearchBar/SearchBar.stories.svelte

@@ -9,8 +9,7 @@ const { Story } = defineMeta({
     parameters: {
         docs: {
             description: {
-                component:
-                    'Search input with popover dropdown for results/suggestions. Features keyboard navigation (ArrowDown/Up/Enter) and auto-focus prevention on popover open. The input field serves as the popover trigger.',
+                component: 'Wrapper around Input with a search icon',
             },
             story: { inline: false }, // Render stories in iframe for state isolation
         },
@@ -40,6 +39,6 @@ let defaultSearchValue = $state('');
     }}
 >
     {#snippet template(args)}
-        <SearchBar bind:value={defaultSearchValue} placeholder="Type here..." {...args} />
+        <SearchBar variant="filled" {...args} />
     {/snippet}
 </Story>