style(storybook): refine manager sidebar, LNB inset and shared story frame

- Manager sidebar labels and sort order for the grouped pages; LNB 1-depth
  text start 12px (token, baseline and LNB doc updated)
- Shared story frame: drop the divider under section titles, side margin
  max 60px -> 30px; Foundation color/typography spacing
- Pseudo-state mirroring also pins :focus-visible via data-sb-focus while
  keeping the previous clones for compound rules (Slider Focus + Drag)

src/components/table.stories.tsx

@@ -145,7 +145,7 @@ export default meta
 type Story = StoryObj<typeof meta>
 
 // Representative-page layout (Storybook presentation only): equal columns on PC (iframe width 1000px and up), fewer below that
-// (400px minimum). Each specimen sits in its own single-column StateBoard (min larger than any column), so every subtitle and divider
+// (400px minimum). Each specimen sits in its own single-column StateBoard (min larger than any column), so every subtitle
 // has the width of its column; a section with fewer specimens than columns leaves the remaining columns empty.
 // The default 520px Table minimum would make the 445px columns scroll sideways, so Basic, Selected row and Long text reset the
 // documented `--hm-table-min-width` token for their own cell (same as the Tabs usage panel): the table then follows its column