Feat : Create DropdownMenu shared UI component

[kanta1207]

Overview

• This PR is to create DropdownMenu component based on shadcnUI dropdown menu component, resolving the issue #192

Changes

• Add DropdownMenu component.
• Add menu-kebab icon.
• Add DropdownMenuUsageExample, implement modified GroupCard in there

-

Review points

• Is DropdownComponent properly implemented?
• Is new GroupCard with kebab icon button properly implemented?

Screen Captures

https://github.com/genesis-tech-tribe/nishiki-frontend/assets/99339182/d0fe3d67-c180-411b-8703-2b46800ef4d7

References

• shadcnUI dropdown menu comp
• RadixUI dropdown menu comp

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)
• [ ] 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

[kanta1207]

@uskayyyyy Thank you for concise review as always! I solved the problems you mentioned, and reacted with 🚀 on your comments.

Please kindly take a look at the replies I left and also the comment I left on src/components/ui/DropdownMenuUsageExample.tsx file, and appreciated if you can share your thoughts on them 🙏

[kanta1207]

@uskayyyyy I updated the things listed below!

• Improve Card styling in src/components/ui/DropdownMenuUsageExample.tsx
• Fix the styling of group card in src/features/groups/components/GroupCardList/GroupCard.tsx
• Fix the styling of container card in src/features/groups/components/ContainerList.tsx
• Fix the styling of food card in src/features/foods/components/FoodList.tsx
• Fix the styling of food category select card in src/features/foods/components/Form/CategorySelect.tsx
• Fix the styling of member card in src/components/page/MembersPage.tsx

File changes got bigger, so please take your time and review them again anytime you can!

[kanta1207]

Also, the following checks of the checklist seem to be missed...

• The naming convention of the PR title is correct (See the comment at the top of this template)
• All the related issues are associated with this PR

I associated the issue, and sorry about the branch naming convention ... I'll try not to make the same mistake in the next working branch

[kanta1207]

@nick-y-ito Thank you for helping me out, again! I resolved the points you mentioned in the latest commits, and tick the checkboxes in the issue! Please take a relook, and kindly share any concern 🙏