メッセージ作成画面を実装

## 以下を確認
- [x] 「友人を選択」をクリックすると友人のアイコンが表示される
- [x] 友人が選択されると「メッセージの相手を選択して下さい」の箇所にアイコンが並ぶ
- [x] 既に選択されている友人は、ポップオーバーのアイコンが青線で囲われる
- [x] 既に選択されている友人を追加しようとしても追加できない
- [x] 選択されている友人のアイコンの×ボタンを押すと、一覧から削除され選択状態も解除される
- [x] メッセージの作成が行える