Feat: Create green background drawer component

[ShoeheyOt]

Overview

Create green bg drawer component for Container delete/rename and Member delete drawer. This branch/PR is originally for creating green backgrounded drawer component, but as our(including designers) direction has been changed not to use drawers for now, so newly created files in this PR (51f2f9f) are deleted. Instead, thanks to @uskayyyyy 's contribution, we have created files which each developer can refer to for future implementation, please also take a look for detail (https://github.com/genesis-tech-tribe/nishiki-frontend/pull/186#issuecomment-1894923681)

Changes

• Copy from Drawer.tsx basically

  What I changed from it

• style (bg-color, height, font-color)
• add logic to be able to pass text alternative of delete Icon(only interface, no functional difference)

Screen Captures

*The below captures are not implemented, but leave them here for reference

~~

drawer_sample.webm

References

• https://tailwindcss.com/

Notes

• The future work will be #188

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

[nick-y-ito]

@ShoeheyOt Since I merged PR #186, could you organize files (removing unnecessary files) and briefly re-summarize this PR in the description area? After that, I would like you to re-request PR reviews to all of us.

I appreciate it :)

[ShoeheyOt]

@uskayyyyy @kanta1207 @kotaaaa HI, All, I updated description and deleted unnecessary files, please take a look when you have time. Thanks :)

[ShoeheyOt]

@uskayyyyy @kanta1207 Thank you for the review and comments, I fixed what @uskayyyyy pointed out, please check!

Thanks!