feat: create UI components drawer

[HrRn]

Overview

• Add the drawer component based on the design from Figma.

Changes

• Add drawer component from shadcn/ui
• style the design

Screenshots or videos

Notes

• We need to add --color-primary-lightest in tailwind.config.ts.
• To maintain the layout, we need to add asChild to DrawerClose.

Assignee Checklist:

• [x] The base branch is correct (no accidental merges)
• [x] The branch name follows our branch naming rules
• [x] The PR title follows our PR title rules
• [x] My code follows our coding style
• [x] I have commented on my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings or errors in the console

Reviewer Checklist:

• [x] Code readability and simplicity
• [x] Follows best practices and coding standards
• [x] Understandable and maintainable code

[HrRn]

Could you merge the latest develop into this branch to apply the correct font sizes?

Thank you for your review. I updated to the latest version of the files.