Feature/issue#1 ✨ Bottom bar 実装

[tora-muscle]

🎫 課題へのリンク

• issue #3

✨ やったこと

• コンポーネント関係

  • color setの設定
  • extension colorを作成し、Color.~~で使えるようにした（誤表記を防ぐ目的）

• ボトムバー実装関係

  • model、tabItems + ForEach文で責務分離をし、保守性を高めた
  • ボトムバーを個別に実装し、今後の開発で再利用できるようにした
  • デザイン整備
  • TabViewのモック化

🚩 やらないこと

• 当初の予定通り、角丸のカード、色での実装
  • Swift UIの仕様上、タブバーの形を任意に変更することが難しく、かつ、色の選択肢がUIcolorのみと狭かった
• タブアイコン下の文字列表記
  • シンプルなデザインにしたかったので却下
• Tag()、@State private var selectedIndex = 0での初期表示画面設定
  • Plan Do画面実装時に作業予定

👍 できるようになること（ユーザ目線）

• ボトムバーにより、Act、Plan Do、Check画面に自由に遷移できるようになった。
• 表示中の画面アイコンがアクセントカラーで緑色になるのでどの画面にいるか分かりやすくなった。

👎 できなくなること（ユーザ目線）

• なし

✅ 動作確認

検証環境：iOS16.2 iPhone 14 Pro（simulator）

🔀 マージ条件

• [ ] セルフレビューに通過すること

👀 その他

• figma のボトムバーデザイン書き換えなきゃ。。。

close #3