docs(storybook): simplify sidebar Story pages around the UI

Drop the category kicker from the 83 sidebar Stories (kicker is now optional;
hidden verification Stories keep it) and shorten or remove repeated, obvious
or internal page/section descriptions. Required specs, limits, virtual-data
and undecided-value notices stay. Story IDs, exports, fixtures, shared state
notes and package code are unchanged. Record: docs/reports/storybook-ui-simplification-2026-10-22.md

src/patterns/gnb.stories.tsx

@@ -46,7 +46,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@hm-design/ui"
-import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
+import { StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 
 // GNB is a composition pattern. Layout visual reference is the ui-viz GNB (green 70px bar, centered menu, Beige current item joined to
 // the content, White 2-depth panel, text-only profile); every part inside is an HM component. The menu data, the user and the current
@@ -433,13 +433,12 @@ export const All: Story = {
   render: () => (
     <StoryPage>
       <StoryPageHeader
-        kicker={STORY_KICKER.patterns}
         title="GNB"
-        description="서비스 최상단의 전역 내비게이션입니다. 1024px 이상은 Desktop 메뉴, 1023px 이하는 햄버거 → Sheet 메뉴를 사용합니다."
+        description="1024px 이상 Desktop 메뉴 · 1023px 이하 햄버거 → Sheet"
       />
       <StorySection
         title="Overview"
-        description="현재 위치(대시보드)는 Beige 면이 아래 콘텐츠와 오목하게 이어집니다. hover는 Black 10%. 프로젝트·관리는 hover/click으로 White 하위 패널이 열립니다."
+        description="현재 위치 Beige · hover Black 10% · 하위 패널은 hover / click"
       >
         <Page>
           <Bar />
@@ -447,7 +446,7 @@ export const All: Story = {
       </StorySection>
       <StorySection
         title="States · Navigation Menu Open"
-        description="프로젝트 메뉴가 열려 White 면으로 패널과 이어지고, 하위 현재 위치(진행 중 프로젝트)는 Beige로 표시됩니다. 긴 하위 이름은 Desktop 패널 폭을 확장하여 한 줄로 표시합니다."
+        description="하위 현재 위치 Beige · 긴 하위 이름은 패널 폭 확장"
       >
         <div style={{ minHeight: 360 }}>
           <Page label="프로젝트 > 진행 중 프로젝트">
@@ -457,7 +456,7 @@ export const All: Story = {
       </StorySection>
       <StorySection
         title="Variants · Long Labels"
-        description="긴 브랜드명·메뉴명·사용자명. 브랜드와 사용자 글자는 말줄임, 메뉴 항목은 줄바꿈 없이 유지되고 공간을 넘으면 메뉴 영역에서 잘립니다."
+        description="브랜드·사용자는 말줄임 · 메뉴는 줄바꿈 없이 영역에서 잘림"
       >
         <Page>
           <Bar items={longNavItems} person={longUser} eyebrow="한맥기술 인프라 통합 시스템" brand="스마트 시설물 통합 관리 시스템" />
@@ -465,7 +464,7 @@ export const All: Story = {
       </StorySection>
       <StorySection
         title="Variants · With Logo"
-        description="로고 asset이 있을 때만 왼쪽에 원본 비율로 놓입니다. 없으면 영역·간격 없이 글자만 둡니다(Overview). 표시 이미지는 배치 확인용 테스트 이미지이며 한맥 로고가 아닙니다."
+        description="로고는 있을 때만 원본 비율 · 테스트 이미지(한맥 로고 아님)"
       >
         <Page>
           <Bar logo={testLogo} />
@@ -473,7 +472,7 @@ export const All: Story = {
       </StorySection>
       <StorySection
         title="Variants · Utilities"
-        description="선택 사항. ui-viz의 GNB 오른쪽은 이름·역할만 둡니다. 검색·알림이 필요한 서비스는 HM ghost Button 아이콘을 GNBUtilities에 조합합니다(Tooltip, Badge, Popover, Command)."
+        description="선택 사항 · 검색·알림은 GNBUtilities에 ghost Button 아이콘 조합"
       >
         <Page>
           <Bar utilities />
@@ -481,15 +480,15 @@ export const All: Story = {
       </StorySection>
       <StorySection
         title="Usage · Sticky"
-        description="일반 GNB와 같은 외형으로 스크롤 영역 상단에 붙습니다. 본문 위에서 휠/터치로 스크롤하거나 영역에 포커스한 뒤 PageDown/End/Home 키로 확인합니다."
+        description="스크롤 영역 상단에 고정"
       >
         <StickyPage />
       </StorySection>
       <StorySection title="Usage · GNB Sidebar"
-        description="기존 Reference 전용 콘텐츠 LNB입니다. 본문과 같은 배경, 세로 구분선 하나, 아이콘 기본 생략·화살표 유지. 신규 AI GNB_ONLY 화면에는 Sidebar를 생성하지 않습니다.">
+        description="기존 Reference 전용 · 신규 AI GNB_ONLY 화면에는 Sidebar 생성 금지">
         <SidebarPage />
       </StorySection>
-      <StorySection title="Usage · Brown 콘텐츠 LNB" description="기존 Reference의 Brown 선택·Hover를 비교합니다. Green 선택색을 혼용하지 않습니다."><SidebarPage color="brown" /></StorySection>
+      <StorySection title="Usage · Brown 콘텐츠 LNB" description="Brown 선택·Hover · Green 선택색 혼용 금지"><SidebarPage color="brown" /></StorySection>
     </StoryPage>
   ),
 }