FriendsタブとChatタブのUIを修正

メインの変更点

AppBarをposition:stickyからfixedにし、tabsの領域をposition: absoluteを用いることで固定。これによって、スクロール問題は解決した。(動作を確認してみてほしい)
- stickyとfixedどちらがいいのか...
- fixedの方がスクロールは楽だった
AlertとModal(Cardを表示するやつ)をcontextとして、Globalに利用可能にした。
HumanListItemで、friendsとchatのUIは統一
Chat.tsxでsetActiveRoomを定義していて、activeRoomがtrue(すなわち誰かが選択された時)に画面全体にRoomWindowを表示して、falseというかnull(誰も選択されていない時)には、RoomListが画面全体に表示されている。
- コンポーネントの出し入れでRoomWindowとRoomListの移動を表現しているからこんな感じの実装になっているが、これでいいのか？
LastMessageを取得して、ListItemに表示するようにした。(Lineみたいな感じでね)
- solve #190

ut-code / CourseMate