Feature/issue#1 ✨ BottomBar 実装完了

[tora-muscle]

🎫 課題へのリンク

• issue #3

✨ やったこと

• デザインの修正

  • 画面横幅いっぱいに表示
  • アイコンの大きさを 30*30px に修正
  • アイコンを等間隔に配置
  • figma に合わせてカラーリング変更

• アニメーション追加

  • タブ遷移にアニメーションを追加
  • アイコン選択時にアイコンを大きくする

🚩 やらないこと

• タブアイコン下の文字列表記
  • シンプルなデザインにしたかったので却下
• Tag()、@State private var selectedIndex = 0での初期表示画面設定
  • Plan Do画面実装時に作業予定

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

• アイコンが大きくなり、画面選択がしやすくなった
• アニメーション追加により、画面遷移がカクカクしなくなり、ビジュアル面での完成度が上がった
• 選択時アイコン拡大により、今いる画面がどれかより分かりやすくなった。

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

• なし

✅ 動作確認

検証環境：iOS16.2 iPhone 14 Pro（simulator）| iPad Pro (12.9 -inch)(6th generation)

画面遷移(iPhone 14 Pro)	大画面での表示(iPad Pro)

🔀 マージ条件

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

👀 その他

• figma 更新済み

closes #3

[tora-muscle]

✅ 動作確認

iOS16.1 iPhone12Pro

https://user-images.githubusercontent.com/111550856/218388957-a0cf2ede-5798-4f67-a468-0d8c3071fee2.MP4

👀 備考

• [ ] 「アイコン初回タップ時にバネのようなアニメーションになる」が発生しているのでissueを立てる

追記 : issue作成済み　#11