新規コンポーネント追加

手順

1. 配置: src/components/<Name>.tsx にファイルを作成。関数コンポーネントで、props は型付きで定義する。
2. スタイル: Tailwind のユーティリティクラスを使用する。
3. ストーリー: src/components/<Name>.stories.tsx を作成。Jotai を使う場合は Provider と createStore() でデコレータをかける。
4. 単体テスト: src/components/<Name>.test.tsx を作成。within(render(...).container) でクエリをスコープする。Jotai 利用時は Provider でラップする。
5. export: 必要に応じて src/components/index.ts などから re-export する。

ひな形

• コンポーネント: 関数、props 型、return で JSX。
• ストーリー: Meta<typeof Component>, StoryObj, Default ストーリーを 1 つ。
• テスト: describe, it, render + within(container) で 1 件以上。