マイページ：メニューを表示させるコンポーネントを作成する

[Kaito1290]

概要 :bulb:

• マイページのメニューを表示させるため、MenuBoxコンポーネントを作成しました。
• マイページのPageコンポーネントを作成しました。
• メニューのアイコンはmaterial iconsから良さげなやつ見繕ってきました。

観点 :eye:

マイページ作成(src/app/mypage/page.tsx)

• ページコンポーネントを作成しました。
• Figmaのデザインに合わせてスタイルを作成しました。

MenuBoxコンポーネント作成(src/components/mypage/MenuBox/MenuBox.test.tsx)

• サーバコンポーネントです。
• propsでメニューの「タイトル」、「サブタイトル」、「アイコン」を取得してレンダリングします。
• 単体テスト作成して動作確認しました。

メニューのタイトルを改行させて表示させる方法が分からなかったため、タイトル用のpropsを2つ作っていますが、自分的には気持ち悪い実装だと思っています。 タイトルのpropsを1つだけにして、改行する方法がわかる方いましたら教えてください！

セキュリティ :key:

ソースコードに対して、以下のチェックを実施する。

• [ ] 特定の個人・団体名などを使用していないか
• [ ] 接続情報など秘密情報が含まれていないか
• [ ] ログに個人情報等が含まれていないか
• [ ] ドメインは example.com を使用しているか

テスト :test_tube:

• MenuBoxコンポーネントに対するテストを作成(src/components/mypage/MenuBox/MenuBox.test.tsx)

関連する Issue :memo:

補足情報 :notes:

コミットメッセージのprefix付けるの忘れてすいません！

PRチェックリスト

PRチェックリストWiki

[shotaniguchi]

LGTMです。

[y4edd]

お疲れ様です。 LGTM