feat: install checkbox component

[yuki-92c]

Overview

• Add checkbox component in the components/ui folder based on the design on Figma.

Changes

• Install checkbox component from shadcn/ui
  • https://ui.shadcn.com/docs/components/checkbox
• Style the design

Review points

• The styling matches the Figma design

Screenshots or videos

• The images of Figma

  

• checkbox components

  

Notes

• need to check the margins in Figma because some are set to 8px or 9px, but there is no margin option for 9px. I suppose we'll have to adjust the settings in Figma

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