docs: Storybook·문서 사이트 URL 갱신 및 상호 링크 추가 (#326)

* docs: readme storybook 배지 링크를 신규 호스트로 갱신

storybook.sipe.team → side.storybook.sipe.team.
딥링크 쿼리(?path=/docs/what-is-side--docs)는 docs/introduction.mdx가
.storybook/main.ts의 stories glob에 잡히므로 신규 호스트에서도 유효.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VJ1F1UFQPbTjtFdYxT8QoD

* docs: 문서 사이트 canonical url을 side.sipe.team으로 정정

docusaurus의 url은 canonical·sitemap·og 절대경로 생성 기준이라
조직 홈(sipe.team)으로 남아 있으면 SEO 메타가 잘못된 주소를 가리킨다.
footer의 sipe.team 링크는 의도된 조직 홈 링크이므로 유지.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VJ1F1UFQPbTjtFdYxT8QoD

* docs: readme에 문서 사이트 배지 추가

readme에서 side.sipe.team으로 가는 진입점이 없었다.
기존 배지 행 패턴을 그대로 따라 storybook 배지 옆에 배치.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VJ1F1UFQPbTjtFdYxT8QoD

* docs: 문서 사이트 navbar·footer에 storybook 링크 추가

문서 사이트에서 컴포넌트 플레이그라운드로 이동할 경로가 없었다.
navbar는 github 앞, footer는 목록 첫 항목에 배치.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VJ1F1UFQPbTjtFdYxT8QoD

* docs: storybook introduction에 문서 사이트 링크 추가

storybook에서 side.sipe.team으로 가는 경로가 없었다.
로고의 brandUrl은 조직 홈(sipe.team)을 가리키는 의도된 링크라 유지하고,
introduction 본문에 안내 문구를 추가.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VJ1F1UFQPbTjtFdYxT8QoD

* fix(docs): storybook 배지 딥링크의 story id 교정

what-is-side--docs → intro-what-is-side--docs.

story id는 파일 경로가 아니라 <Meta title>에서 파생된다.
docs/introduction.mdx의 title이 "INTRO/What is Side?"이므로
카테고리 접두사 intro-가 붙는다. 빌드 산출물 storybook-static/index.json 확인:

  id='intro-what-is-side--docs'  title='INTRO/What is Side?'  type=docs

호스트 변경 이전부터 깨져 있던 경로였다.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VJ1F1UFQPbTjtFdYxT8QoD

* fix(docs): readme storybook 배지 버전을 실제 버전으로 갱신

8.4.7 → 10.0.0. 두 메이저 뒤처져 있었다.

pnpm-workspace.yaml의 catalog 선언(storybook: ^10.0.0)을 기준으로 삼았다.
Vitest 배지가 catalog ^2.1.8을 그대로 반영하는 것과 같은 방식이라,
버전 출처가 저장소 안 한 곳으로 모인다. 설치 실측치는 10.3.5.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VJ1F1UFQPbTjtFdYxT8QoD

* fix(docs): codecov 배지가 가리키던 존재하지 않는 브랜치 교정

branch/changeset-release%2Fmain → branch/main.

changeset-release/main은 릴리스 중에만 잠시 생기는 changesets 임시
브랜치라 원격에 존재하지 않는다(git ls-remote 빈 결과). 커버리지 배지
기준으로 부적절해 기본 브랜치로 교체했다. main 기준 실측 98%.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VJ1F1UFQPbTjtFdYxT8QoD

---------

Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: Yeom-JinHo

README.md

@@ -1,7 +1,7 @@
 ![](./public/og-image.png)
 
 # Sipe Design System 
-[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/sipe-team/side/blob/main/LICENSE) ![Tool Manager](https://img.shields.io/badge/mise-latest-purple?logo=mise) ![Package Manager](https://img.shields.io/badge/pnpm-10.33.0-orange?logo=pnpm) [![Storybook](https://img.shields.io/badge/Storybook-8.4.7-ff4785?logo=storybook)](https://storybook.sipe.team/?path=/docs/what-is-side--docs) ![Tests](https://img.shields.io/badge/Vitest-2.1.8-green?logo=vitest) [![codecov](https://codecov.io/gh/sipe-team/side/branch/changeset-release%2Fmain/graph/badge.svg?token=1TNLVUFPXC)](https://codecov.io/gh/sipe-team/side) <img alt="Github Stars" src="https://badgen.net/github/stars/sipe-team/side" /> 
+[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/sipe-team/side/blob/main/LICENSE) ![Tool Manager](https://img.shields.io/badge/mise-latest-purple?logo=mise) ![Package Manager](https://img.shields.io/badge/pnpm-10.33.0-orange?logo=pnpm) [![Storybook](https://img.shields.io/badge/Storybook-10.0.0-ff4785?logo=storybook)](https://side.storybook.sipe.team/?path=/docs/intro-what-is-side--docs) [![Docs](https://img.shields.io/badge/Docs-side.sipe.team-3ECC5F?logo=docusaurus)](https://side.sipe.team/) ![Tests](https://img.shields.io/badge/Vitest-2.1.8-green?logo=vitest) [![codecov](https://codecov.io/gh/sipe-team/side/branch/main/graph/badge.svg?token=1TNLVUFPXC)](https://codecov.io/gh/sipe-team/side) <img alt="Github Stars" src="https://badgen.net/github/stars/sipe-team/side" /> 
 
 Sipe Design System is a monorepo-based component library built to modernize and standardize the official Sipe website. Drawing inspiration from our existing design patterns, we're creating a robust, type-safe, and accessible component system that can be used across all Sipe projects.
 

docs/introduction.mdx

@@ -17,6 +17,13 @@ import { Typography } from '../packages/typography/src';
     </Typography>
   </div>
 
+  <div style={{ marginBottom: '32px' }}>
+    <Typography size={16}>
+      Looking for installation guides and the full component reference? Visit{' '}
+      <a href="https://side.sipe.team" style={{ color: '#00BFFF' }}>side.sipe.team</a>.
+    </Typography>
+  </div>
+
   <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '32px' }}>
     <img 
       src="./og-image.png"

www/docusaurus.config.ts

@@ -27,7 +27,7 @@ export default {
   title: 'Side',
   tagline: 'Sipe Design System',
   favicon: 'img/favicon.ico',
-  url: 'https://sipe.team',
+  url: 'https://side.sipe.team',
   baseUrl: '/',
   organizationName: 'sipe-team',
   projectName: 'side',
@@ -105,6 +105,11 @@ export default {
           sidebarId: 'components',
           position: 'left',
         },
+        {
+          href: 'https://side.storybook.sipe.team',
+          label: 'Storybook',
+          position: 'right',
+        },
         {
           href: 'https://github.com/sipe-team/side',
           label: 'GitHub',
@@ -114,6 +119,7 @@ export default {
     },
     footer: {
       links: [
+        { label: 'Storybook', href: 'https://side.storybook.sipe.team' },
         { label: 'GitHub', href: 'https://github.com/sipe-team/side' },
         { label: 'sipe.team', href: 'https://sipe.team' },
       ],