feat(storybook): refine Manager LNB, HM Color and Patterns/Layout/LNB

- Manager LNB: 246px width, 16px brand title, 14px/700 menu and section
  titles, depth1 48px / depth2+ 42px rows, 24px section gap
- Foundation: rename Color to HM Color (Story ID foundation-color--all kept),
  remove Company Colors subtitle and the page-title bottom border
- Patterns/Layout/LNB: Storybook-only overrides in lnb.stories.css
  (240px column, 212px min width, 14px menu, 48/42px rows, profile text,
  group dividers); representative board dividers per section
- Sync story inventory and docs (brand-color-steps, lnb); shared package
  defaults and tokens are unchanged

src/foundation/color.stories.tsx

@@ -35,12 +35,13 @@ function ColorChip({ prefix, stage, values }: { prefix: PalettePrefix; stage: Co
 
 function ColorReferencePage() {
   const values = useResolvedProperties(colorProperties)
-  return <ReferencePage title="Color" intro="한맥 브랜드 컬러">
+  return <ReferencePage title="HM Color">
     {palettes.map(palette => <ReferenceSection key={palette.name} title={palette.name} note="">
       <div className="hm-brand-color-row">{stages.map(stage => <ColorChip key={stage} prefix={palette.prefix} stage={stage} values={values} />)}</div>
     </ReferenceSection>)}
   </ReferencePage>
 }
-const meta = { title: "Foundation/Color", parameters: { layout: "fullscreen" } } satisfies Meta
+// The sidebar name is "HM Color"; `id` keeps the existing Story ID (foundation-color--all) stable.
+const meta = { title: "Foundation/HM Color", id: "foundation-color", parameters: { layout: "fullscreen" } } satisfies Meta
 export default meta
-export const All: StoryObj<typeof meta> = { name: "Color", render: () => <ColorReferencePage /> }
+export const All: StoryObj<typeof meta> = { name: "HM Color", render: () => <ColorReferencePage /> }

src/foundation/company-colors.stories.tsx

@@ -14,7 +14,7 @@ function CompanyColorChip({ label, hex, main }: { label: string; hex: string; ma
 }
 
 function CompanyColorsPage() {
-  return <ReferencePage title="Company Colors" intro="계열사 브랜드 컬러">
+  return <ReferencePage title="Company Colors">
     {companies.map(company => <ReferenceSection key={company.companyId} title={company.companyName} note="">
       <div className="hm-brand-color-row" data-company-id={company.companyId}>
         <CompanyColorChip label="메인" hex={company.primary} main />