Feature: Delete container UI in group single page

[ShoeheyOt]

Overview

Implement the delete container dialog

Changes

• move delete button DropdownMenuButton to different component named DeleteContainerDialogTriggerButton this is same structure as Group dropdown menu.

Review points

• as I talked with @nick-y-ito , we don't need

  const handleCancel = () => {
  closeParentOnCancel && onParentClose?.();
  };

  for deleteing Group/Container, so I deleted this from DeleteGroupDialogContent.tsx. I would like you to review if it is OK, I checked by myself and it is correctly working, but to make sure.

• I changed some code in some file which is not target scope of this PR, please ignore that part, I left some comment ,which you can ignore

Screen Captures

DeleteContainer_UI.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:

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