Feat: Implement UI Library for Consistent Design and Theming

[tejasbenibagde]

Problem

The current React project is manually implementing UI components, which can lead to inconsistencies in design and increased development time. This approach makes it challenging to maintain a cohesive look and feel across the application.

Suggested Solution

I propose that we start using a UI library such as shadcn (or any other similar library). This would provide:

• Pre-built, customizable components that ensure a consistent UI.
• Easier implementation of theming options like dark mode and light mode.
• Improved development efficiency by reducing the need to create components from scratch.

Benefits

• Consistency: A UI library would help maintain a uniform design across the application.
• Theming: Implementing themes will be simplified, allowing for quick adjustments between dark and light modes.
• Efficiency: Faster development cycles by utilizing ready-to-use components.

Additional Context

Adopting a UI library aligns with best practices in modern web development and can significantly enhance the user experience. I believe this change will contribute positively to the project’s maintainability and scalability.

Related Issues

• (Link to any relevant issues if applicable)

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

[Avdhesh-Varshney]

Don't change the basic theme of the website.