chore(storybook): refine navigation and foundation labels

- Rename Foundation/Typography to 폰트 and SW/Footer to SW/하단 명령어바 in
  the sidebar order; Story IDs are kept (foundation-typography, sw-footer).
- Hanmac Color: label Light 4 as "보더 하이라이트용" and add a divider between
  Light 4 and Light 3.
- Hide Patterns/Layout/Page Header from the sidebar with the verification tag
  (Story IDs and direct URLs are unchanged).
- Remove the Variants section from the representative LNB page; With Logo and
  Long Labels remain as verification Stories.

src/foundation/typography.stories.tsx

@@ -43,7 +43,7 @@ function SpecimenTable({ rows }: { rows: readonly TypographyReference[] }) {
 
 function TypographyReferencePage() {
   const values = useResolvedProperties(typographyProperties)
-  return <ReferencePage title="Typography">
+  return <ReferencePage title="폰트">
     <ReferenceSection title="Font Family">
       <p className="hm-typo-family"><span>Noto Sans KR → 맑은 고딕 → 시스템 sans-serif</span><code className="hm-foundation-note">--hm-font-family-base: {values["--hm-font-family-base"]}</code></p>
     </ReferenceSection>
@@ -59,6 +59,7 @@ function TypographyReferencePage() {
     </ReferenceSection>
   </ReferencePage>
 }
-const meta = { title: "Foundation/Typography", parameters: { layout: "fullscreen" } } satisfies Meta
+// The sidebar name is "폰트"; `id` keeps the existing Story ID (foundation-typography--all) stable.
+const meta = { title: "Foundation/폰트", id: "foundation-typography", parameters: { layout: "fullscreen" } } satisfies Meta
 export default meta
-export const All: StoryObj<typeof meta> = { name: "Typography", render: () => <TypographyReferencePage /> }
+export const All: StoryObj<typeof meta> = { name: "폰트", render: () => <TypographyReferencePage /> }