feat: Storybook でダークテーマを切り替え可能にする

[version-1]

Storybook でダークテーマを切り替え可能にする

Summary

Storybook の任意の Story で、ライトとダークの両パレットを切り替えて確認できるようにします。

主な変更点:

• Theme ツールバーにライト / ダークの選択肢を追加
• 選択したテーマを Storybook プレビューの data-theme 属性へ反映
• テーマ確認手順を英語・日本語の UI デザイン文書に追記

チケットへのリンク

• Tasq issue Document create issue dependencies #217

やったこと

• Storybook decorator で既存のグローバル CSS トークンをライト / ダークに切り替えるようにした。
• decorator の解除時に既存の data-theme 値を復元するようにした。
• 実装と同じテーマ確認方法をデザインシステム文書へ記載した。

動作確認

• npm run typecheck
• npm exec -- storybook build --output-dir ../../../.tmp/storybook-static
• npm run storybook で任意の Story を開き、Theme ツールバーから Light / Dark を切り替える

レビュー & 動作確認 チェックリスト

• テーマ適用範囲 - Story canvas 全体が選択したテーマの CSS トークンを使用すること
• 切替の往復 - Light と Dark を往復しても表示状態が残らないこと
• 既存 decorator - MemoryRouter を必要とする Story が引き続き表示できること

推奨テスト計画:

1. npm run storybook を実行する。
2. 任意の Story を開き、Theme ツールバーで Dark を選択する。
3. Light に戻し、背景・テキスト・境界線がライトパレットに戻ることを確認する。

その他気になることや相談ごと

なし。