Refactor: Restructure component layers for meatball button on GroupSinglePage

Overview

This PR simplifies the component nesting of the meatball button on GroupSinglePage, fixes the issue where spaces can't be entered in the renaming input, and ensures the dropdown menu disappears after the drawer/dialog opens.

Changes

Instead of nesting RenameGroupDrawer and DeleteGroupDialog in the Meatball DropdowonMene, I aligned the component hierarchy of them to the same level.

Review points

Any mistakes?

Screen Captures

It looks working with a cursor control.

https://github.com/nishiki-tech/nishiki-frontend/assets/99148565/aa33dbda-f8fa-4daf-bf60-8e3bb79cef7f

It also looks working perfectly with keyboard navigation.

https://github.com/nishiki-tech/nishiki-frontend/assets/99148565/9ad9e182-3206-40d3-b270-5d3a62a5438b

Notes

Assignee Checklist:

[x] The naming convention of the PR title is correct (See the comment at the top of this template)
[x] The base branch is correct (See: Types of Branches)
[x] The branch name follows the Branch Naming Conventions
[x] The correct assignees and reviewers have been designated for this PR
[x] The coding style follows the Coding Style Guide
[x] All the related issues are associated with this PR
[x] All criteria in the associated issues are met (please tick the checkboxes)
[x] My changes do not generate new warnings or errors (especially in the console)

Reviewer Checklist:

[ ] Double-check the "Assignee Checklist"
[ ] The code follows the generic best practices and our Coding Style Guide
[ ] The code is well-commented and easy to understand
[ ] The UI changes accurately reflect the provided design

nishiki-tech / nishiki-frontend

Refactor: Restructure component layers for meatball button on GroupSinglePage #351