ダークモード機能を追加してトグルスイッチで切り替えるようにする

概要

ユーザーがダークモードとライトモードを切り替えられる機能を実装する。

要件

• トグルスイッチでダークモード/ライトモードを切り替え可能にする
• ユーザーの選択を保存し、次回訪問時にも設定を維持する
• すべてのページでダークモードに対応したスタイルを適用する

実装内容

1. トグルスイッチUIコンポーネントの作成
2. ダークモード用のCSSテーマの実装
3. ローカルストレージまたはユーザー設定への保存機能
4. システムのカラースキーム設定の検出（オプション）

受け入れ基準

• トグルスイッチが適切な位置に配置されている
• ダークモード/ライトモードの切り替えがスムーズに動作する
• ユーザーの選択が保存され、ページリロード後も維持される
• すべてのページでダークモードが正しく表示される
• アクセシビリティ要件を満たしている