feat/グループ一覧ページのレイアウトを Figma に揃える

[anko9801]

User description

fix: #164

---

PR Type

enhancement

---

Description

• グループ一覧ページのレイアウトをFigmaに合わせて大幅に改善しました。
• グリッドレイアウトを導入し、グループ情報（名前、詳細、予算）を見やすく表示します。
• 管理者向けの「グループの新規作成」ボタンの位置を調整しました。

---

Changes walkthrough 📝

	Relevant files
Enhancement	GroupsPage.vue グループ一覧ページのレイアウトとスタイルの改善                                                                    src/pages/GroupsPage.vue グループ一覧ページのレイアウトをFigmaに合わせて調整 グリッドレイアウトを使用してグループ情報を表示 管理者向けの新規作成ボタンの位置を変更 +18/-16

---

💡 PR-Agent usage:
Comment /help on the PR to get a list of all available PR-Agent tools and their descriptions

[github-actions]

PR Reviewer Guide 🔍

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ No key issues to review

[reiroop]

画面比率をスマホくらいにすると右側が画面外に出てしまうので、その対応またはissueに起こすのをお願いしたいです。

[reiroop]

他はいいと思います！綺麗に描かれていてありがたいです