Description

In order to modernize our component library and ensure a consistent, maintainable UI across the site, we need to install and configure ShadCN/UI in our Next.js codebase. This will replace many of our custom-made CSS and will be needed to be configured very carefully to not change the current CSS.

Tasks

1. Install ShadCN/UI Package

• Add @shadcn/ui (and its peer dependencies) to package.json
• Verify that the package versions are compatible with our Next.js and Tailwind versions.

2. Configure Tailwind for ShadCN/UI

• Update tailwind.config.js:
• Update globals.css (it will automatically change):

Are you working on this?

Yes