UI overhaul

Make the webpage visually appealing and easier to use
https://support.google.com/businesssitebuilder/answer/1657560?hl=en

- [ ] remove duplication of lesson/unit numbers
- [ ] remove duplication of unit title
- [ ] make chat boxes edgeless
- [ ] add stylistic visual elements
- [ ] shift menus/icons/boxes ect.

まずウェブページのエントリーポイントを見つけ、レッスンとユニットの番号やタイトル、チャットボックス、メニュー、アイコン、ボックスが現在どのように表示されているかを確認します。issue にはファイルやテストの指定がありません。記載された重複と視覚的な変更に対応し、ページが使いやすくなれば完了です。

索引モデルが issue の本文から書いたものです。