Refactor: restructure component layers for kebab button on groupcard

[ShoeheyOt]

Overview

This PR is for refactoring, changing structure

Changes

The below 2 diagrams are comparison of how I changed component structure.
Before

graph TD;
GroupCard --> GroupCardContent;
GroupCardContent --> RenameGroupForm & Card;
Card --> GroupCardDropdownMenuTriggerButton;
GroupCardDropdownMenuTriggerButton --> DropdownMenu;
DropdownMenu --> GroupCardDropdownMenuContent;
GroupCardDropdownMenuContent --> DropdownMenuContent;
DropdownMenuContent --> DeleteGroupDialogTriggerButton;
DeleteGroupDialogTriggerButton --> DialogRoot;
DialogRoot --> DeleteGroupDialogContent;

Loading

After

graph TD;
GroupCard --> GroupCardContent;
GroupCardContent --> RenameGroupForm & Card;
Card --> GroupCardDropdownMenu;
GroupCardDropdownMenu --> DropdownMenu & DialogRoot;
DropdownMenu --> GroupCardDropdownMenuContent;
DialogRoot --> DeleteGroupDialogContent

Loading

Screen Captures

screen-capture.webm

Assignee Checklist:

• The naming convention of the PR title is correct (See the comment at the top of this template)
• The base branch is correct (See: Types of Branches)
• The branch name follows the Branch Naming Conventions
• The correct assignees and reviewers have been designated for this PR
• The coding style follows the Coding Style Guide
• All the related issues are associated with this PR
• All criteria in the associated issues are met (please tick the checkboxes)
• 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

[nick-y-ito]

@ShoeheyOt
Thank you for your work and for clarifying the structure with Mermaid. And, I am sorry for my late review.

I suppose some tiny adjustments might be needed. Please take a look at the comments.

[nick-y-ito]

• The ID (identifier) of ...
• The number of ...

[nick-y-ito]

asChild should be added so we can remove the unnecessary div and manipulate it only with the keyboard.

Do you mind fixing the ones on the profile page as well?

[ShoeheyOt]

@nick-y-ito Thank you for your review! as we dicussed in person, I leave fixing ones on the profile page and make an another issue.

[nick-y-ito]

Thank you for adding this!

[nick-y-ito]

@ShoeheyOt
Thank you for updating! LGTM :)