feat: add Storybook component explorer

src/lib/ui/stories/DashboardHeader.stories.svelte

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import { defineMeta } from "@storybook/addon-svelte-csf";
+  import DashboardHeader from "../components/DashboardHeader.svelte";
+  import { moduleBlocks } from "./story-data";
+
+  const { Story } = defineMeta({
+    title: "Composition/DashboardHeader",
+    component: DashboardHeader,
+    tags: ["autodocs"],
+  });
+</script>
+
+<Story
+  name="Title Subtitle Module"
+  args={{
+    eyebrow: "Command Surface",
+    title: "Operations Console",
+    subtitle: "Capacity and queue health",
+    module: moduleBlocks.compact,
+  }}
+/>
+<Story
+  name="Long Title"
+  args={{
+    eyebrow: "Preview Surface",
+    title: "Long Generic Dashboard Title That Must Wrap",
+    subtitle: "Secondary status text wraps independently",
+    module: moduleBlocks.long,
+  }}
+/>
+<Story name="No Module" args={{ title: "Standalone Console", subtitle: "Header without side module" }} />