fix(sw): align header logo styles and refine viewer UI

src/components/tabs.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react-vite"
-import { useId, useState, type ComponentProps } from "react"
+import { useId, useState, type ComponentProps, type CSSProperties } from "react"
 import {
   Card, CardContent, CardHeader, CardTitle, Input, Label, Textarea,
   Table, TableBody, TableCell, TableHead, TableHeader, TableRow,
@@ -85,7 +85,10 @@ function SurfaceUsage({ inCard = false }: { inCard?: boolean }) {
           </div>
         </div>
       </TabsContent>
-      <TabsContent value="schedule" className="px-0 py-6">
+      {/* 2026-10-23: this panel can be narrower than the Table default 520px minimum (--hm-table-min-width), which made the
+          table container scroll. The documented token is reset for this panel only: the table follows the panel width
+          and long cell text wraps (Table overflow-wrap). */}
+      <TabsContent value="schedule" className="px-0 py-6" style={{ "--hm-table-min-width": "0px" } as CSSProperties}>
         <Table aria-label="프로젝트 산출물 일정">
           <TableHeader><TableRow><TableHead scope="col">산출물</TableHead><TableHead scope="col">마감일</TableHead></TableRow></TableHeader>
           <TableBody><TableRow><TableCell>화면 설계서</TableCell><TableCell>10월 14일</TableCell></TableRow></TableBody>