詳細ビュー (旧裏面) を作成 (#565)

# PRの概要

## 具体的な変更内容

<img width="353" alt="image"
src="https://github.com/user-attachments/assets/5bea3dd9-9fff-444b-9deb-1e209f0d8d45"
/>

<img width="353" alt="image"
src="https://github.com/user-attachments/assets/c9d8843b-2182-48d5-adf2-3c89a551cf0f"
/>


## 補足
> [!WARNING]
> 裏面の削除は未。

## レビューリクエストを出す前にチェック！

- [ ] 改めてセルフレビューしたか
- [ ] 手動での動作検証を行ったか
- [ ] server の機能追加ならば、テストを書いたか
  - 理由: 書いた | server の機能追加ではない
- [ ] 間違った使い方が存在するならば、それのドキュメントをコメントで書いたか
  - 理由: 書いた | 間違った使い方は存在しない
- [ ] わかりやすいPRになっているか

<!-- レビューリクエスト後は、Slackでもメンションしてお願いすることを推奨します。 -->

Author: nakaterm