What feature would you like to see?

Feature Request: Switch to ShadCN and TailwindCSS

Description

Currently, we build all components and styles from scratch. Switching to ShadCN for UI components and TailwindCSS for styling will improve accessibility, reusability, and maintainability.

Motivation

• Accessibility: ShadCN provides accessible components out of the box, which can avoid issues like [Bug] - Language selector dropdown not working as expected in Safari #76 .
• Reusability: Ready-to-use, customizable components streamline development.
• Maintainability: TailwindCSS reduces CSS bloat and simplifies style management.
• Consistency: Ensures a unified look and feel across the app.

Benefits

• Improved accessibility
• Faster development
• Cleaner, maintainable code
• Better scalability

Implementation

1. Add TailwindCSS.
2. Migrate components to ShadCN.
3. Incrementally refactor styles and components.

Additional Context

ShadCN and TailwindCSS align with modern best practices, enhancing our development process.