refactor(storybook): simplify component and preview examples

Drop page / section descriptions, state notes and repeated captions from
the representative Stories of 44 components, the Patterns, Center
Graphic and OrgChart pages. Value readouts, spec lists and captions hide
only on the representative page; hidden verification Stories keep them.
Tabs Default API and the Filter Bar draft / applied counts move to the
hidden DefaultApi and DraftApplied Stories; Center Overview is hidden
with its direct URL kept. Story IDs are unchanged.

Align the component, pattern and OrgChart docs with the pages, point the
quality reference check at the DraftApplied Story, and make the P8
styles check expect no section header on the preview-only Expanded page.

src/components/label.stories.tsx

@@ -27,18 +27,13 @@ export const All: Story = {
   parameters: { layout: "fullscreen", controls: { disable: true } },
   render: () => (
     <StoryPage>
-      <StoryPageHeader
-        title="Label"
-        description="Field Label 14/20/500 · htmlFor 연결 시 클릭으로 focus 이동"
-      />
+      <StoryPageHeader title="Label" />
       <StorySection title="Overview">
         <StateBoard
           states={[
             {
               id: "default",
-              label: "Default · htmlFor",
-              noteAfter: true,
-              note: "라벨을 클릭하면 연결된 입력으로 focus가 이동합니다.",
+              label: "Default",
               children: (
                 <div className="grid max-w-sm gap-2">
                   <Label htmlFor="label-default">Project name</Label>
@@ -54,9 +49,7 @@ export const All: Story = {
           states={[
             {
               id: "disabled",
-              label: "Disabled (peer-disabled, shadcn 기본)",
-              noteAfter: true,
-              note: "Disabled 연동은 ui_viz Label에 정의가 없어 shadcn 기본(peer-disabled)을 유지합니다.",
+              label: "Disabled",
               children: (
                 <div className="grid max-w-sm gap-2">
                   <Input id="label-disabled" size="medium" disabled defaultValue="Unavailable" className="peer order-2" />
@@ -69,7 +62,7 @@ export const All: Story = {
           ]}
         />
       </StorySection>
-      <StorySection title="Usage" description="Required 별표는 소비 조합">
+      <StorySection title="Usage">
         <div className="mb-4 grid max-w-sm gap-2">
           <Label htmlFor="label-select">부서 선택</Label>
           <Select><SelectTrigger id="label-select" size="medium"><SelectValue placeholder="부서를 선택하세요" /></SelectTrigger>
@@ -80,7 +73,7 @@ export const All: Story = {
           states={[
             {
               id: "required",
-              label: "Required (소비 조합)",
+              label: "Required",
               children: (
                 <div className="grid max-w-sm gap-2">
                   <Label htmlFor="label-required">