docs(storybook): preview-first Expanded OrgChart and leaner Tabs / Button pages

- Expanded OrgChart: the chart moves right under the page title; data, layout
  and interaction settings stay below it. Setting notes, section descriptions,
  hidden legends and the Drag & Drop ON/OFF text are removed; the example
  counts stay only as a hidden data hook for the OrgChart browser checks, and
  the pending note shows only while the employee count differs.
- Tabs: drop the text-only Do / Don't section (rules live in tabs.md §16).
- Button: the representative page hides the Brand / Standard state notes
  (story-only showNote); the hidden States Stories keep them.
- Report: the follow-up simplification and its verification.

src/components/button.stories.tsx

@@ -118,7 +118,8 @@ function SizesBoard() {
   )
 }
 
-function BrandStates() {
+// `showNote={false}` keeps the representative page UI-only; the verification Stories keep the state notes.
+function BrandStates({ showNote = true }: { showNote?: boolean }) {
   const [count, setCount] = useState(0)
   return (
     <div className={stack}>
@@ -132,9 +133,11 @@ function BrandStates() {
         </Button>
       </div>
       <output aria-live="polite">Activated: {count}</output>
-      <p className={note}>
-        Hover와 Pressed는 Storybook이 고정한 상태입니다. Interact 위에서 실제 Hover·Pressed·포인터 이탈을 확인합니다. Disabled는 실행되지 않습니다.
-      </p>
+      {showNote ? (
+        <p className={note}>
+          Hover와 Pressed는 Storybook이 고정한 상태입니다. Interact 위에서 실제 Hover·Pressed·포인터 이탈을 확인합니다. Disabled는 실행되지 않습니다.
+        </p>
+      ) : null}
     </div>
   )
 }
@@ -182,14 +185,16 @@ function StandardStateTable({ appearance, title }: { appearance: "solid" | "outl
   )
 }
 
-function StandardStatesBoard() {
+function StandardStatesBoard({ showNote = true }: { showNote?: boolean }) {
   return (
     <div className={stack}>
       <StandardStateTable appearance="solid" title="Standard Solid" />
       <StandardStateTable appearance="outline" title="Standard Outline" />
-      <p className={note}>
-        Standard Solid의 Hover·Pressed는 역할 면 위에 Black 20%를 합성합니다(Pressed = Hover). Green·Brown Outline은 Hover에서 역할색 면 + White 라벨, Pressed에서 White 면 + Black 20%입니다. Red Outline은 Hover·Pressed 모두 Red 8% 면이며 Red 라벨·보더를 유지합니다. Disabled는 Default 모양 그대로 opacity 60%이고 상태 면을 적용하지 않습니다. Default 열의 버튼으로 실제 포인터 상태도 확인할 수 있습니다. Brand 상태는 Brand States에서 확인합니다.
-      </p>
+      {showNote ? (
+        <p className={note}>
+          Standard Solid의 Hover·Pressed는 역할 면 위에 Black 20%를 합성합니다(Pressed = Hover). Green·Brown Outline은 Hover에서 역할색 면 + White 라벨, Pressed에서 White 면 + Black 20%입니다. Red Outline은 Hover·Pressed 모두 Red 8% 면이며 Red 라벨·보더를 유지합니다. Disabled는 Default 모양 그대로 opacity 60%이고 상태 면을 적용하지 않습니다. Default 열의 버튼으로 실제 포인터 상태도 확인할 수 있습니다. Brand 상태는 Brand States에서 확인합니다.
+        </p>
+      ) : null}
     </div>
   )
 }
@@ -236,8 +241,8 @@ export const All: Story = {
         <StateBoard
           min={1200}
           states={[
-            { id: "brand-states", label: "Brand", children: <BrandStates /> },
-            { id: "standard-states", label: "Standard Solid · Standard Outline", children: <StandardStatesBoard /> },
+            { id: "brand-states", label: "Brand", children: <BrandStates showNote={false} /> },
+            { id: "standard-states", label: "Standard Solid · Standard Outline", children: <StandardStatesBoard showNote={false} /> },
           ]}
         />
       </StorySection>

src/components/tabs.stories.tsx

@@ -185,9 +185,6 @@ export const All: Story = {
           { id: "usage-page", label: "페이지 직접 배치 · Primary", noteAfter: true, note: "Layout content 배경 사용 · 추가 흰색 박스 없음", children: <SurfaceUsage /> },
         ]} />
       </StorySection>
-      <StorySection title="Do / Don't" description="Card Token을 화면 전체 간격에 쓰지 않음">
-        <p className="text-sm text-muted-foreground">Do: Card 또는 Layout이 외곽 여백을 소유하고 내부 Input·Table·Alert의 고유 스타일을 유지합니다. Don't: 패널 박스 제거를 모든 border 제거로 해석하거나, 그라데이션 alpha 조정을 탭 전체 opacity 변경으로 구현하지 않습니다. 실제 패널 계산값·키보드 동작·모바일 넘침을 확인합니다.</p>
-      </StorySection>
     </StoryPage>
   ),
 }