chore: basic storybook coverage for shared/ui components

src/shared/ui/VirtualList/VirtualList.stories.svelte

@@ -0,0 +1,26 @@
+<script module>
+import { defineMeta } from '@storybook/addon-svelte-csf';
+import VirtualList from './VirtualList.svelte';
+
+const { Story } = defineMeta({
+    title: 'Shared/VirtualList',
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            story: { inline: false }, // Render stories in iframe for state isolation
+        },
+    },
+});
+</script>
+
+<script lang="ts">
+const items = Array.from({ length: 10000 }, (_, i) => `${i + 1}) I will not waste chalk.`);
+</script>
+
+<Story name="Default">
+    <VirtualList items={items} itemHeight={40}>
+        {#snippet children({ item })}
+            <div class="p-2 m-0.5 rounded-sm hover:bg-accent">{item}</div>
+        {/snippet}
+    </VirtualList>
+</Story>