オブジェクト志向的なトイレ設計ダッシュボード

オブジェクト志向UIの原則に基づいて、トイレ設計ダッシュボードを再設計しました。コンポーネントの再利用性と一貫性を重視し、データとアクションを明確に分離しています。

オブジェクト志向UIの特徴

このデザインでは以下のオブジェクト志向UIの原則を適用しています：

1. コンポーネント化 - 再利用可能なコンポーネント（ToiletTypeCard、CalculationItem、PlanThumbnail）を作成し、一貫性のあるUIを実現
2. データとアクションの分離 - 各オブジェクト（トイレタイプ、計算履歴、プラン）が明確に分離され、それぞれに関連するアクションが紐づけられています
3. 視覚的階層 - カード、セクション、タブなどを使用して情報を論理的に整理し、ユーザーが直感的に理解できるようにしています
4. 状態の可視化 - 計算の状態（計算中、完了）をバッジで明示的に表示
5. 一貫したナビゲーション - サイドバーとタブによる一貫したナビゲーション構造

このデザインは、元のワイヤーフレームの機能を保持しながら、より整理された、オブジェクト中心のアプローチを採用しています。

ホーム画面にプロジェクト一覧を追加します。既存のデザインに合わせて、プロジェクト情報を表示するセクションを作成します。

プロジェクト一覧セクションを追加しました。このセクションでは以下の特徴があります：

1. プロジェクト情報の視覚化 - 各プロジェクトの名前、日付、種類、トイレ数、ステータスなどの重要情報を一目で確認できます
2. ステータス表示 - プロジェクトの状態（進行中、計画中、完了）をバッジで視覚的に区別しています
3. インタラクティブな要素 - 各プロジェクト項目にはホバー効果があり、右側の矢印ボタンでプロジェクト詳細に移動できます
4. 一貫したデザイン - 既存のUIコンポーネントと同じデザイン言語を使用し、全体の一貫性を保っています
5. 拡張性 - ProjectItemコンポーネントを再利用することで、さまざまなプロジェクト情報を表示できます

このプロジェクト一覧は、ユーザーが現在進行中のプロジェクトや過去のプロジェクトを簡単に確認し、アクセスできるようにします。「すべてのプロジェクトを見る」ボタンで、より詳細なプロジェクト管理画面に移動することも可能です。