feat: create UI components card

Overview

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

Changes

Install toast component from shadcn/ui (https://ui.shadcn.com/docs/components/toast)
style the design

Screenshots or videos

The images of toast in Figma

toast component

Notes

After discussing with a team member, it was decided that the toast component will only be used in one place this time, so we won't use toast ({ variant: "destructive" }) to display error message. If we need to use the toast component elsewhere in the future, we will refactor.

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

Tascurator / tascurator-frontend