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;

After

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

Screen Captures

screen-capture.webm

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