feat: create dialog component based on shadcn

[nick-y-ito]

Overview

This pull request introduces the Dialog component based on shadcn/ui.

How I installed and customized

1. Ran npx shadcn-ui@latest add dialog, and a pre-made dialog component was generated.
2. Adjusted the styles using Tailwind CSS classes.
3. Configured some animations in the tailwind.config.ts and adjusted the animations of the dialog as well.
4. Added the Body part to the dialog component.

Note

• I created the example component as well. Please utilize it for your review. It is planned to be deleted once the first dialog is implemented.

https://github.com/genesis-tech-tribe/nishiki-frontend/assets/99148565/b961bbd8-52a7-4583-8341-ff03af43f1ca

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
nishiki-frontend	❌ Failed (Inspect)			Dec 11, 2023 6:18am

[nick-y-ito]

@kotaaaa Thank you for your review and the earlier discussion. I fixed them, so please review them again.