Integrate Tailwind CSS for Consistent and Scalable UI Development

[Aditya-132]

Description:
Consider integrating Tailwind CSS (or similar utility-first framework) to simplify UI development, ensure design consistency, and enable faster prototyping. This will improve maintainability and support features like dark mode more efficiently.

[LinuxSuRen]

This is a great idea. Before you get started, please think about how to implement it step by step. Please avoid a super big PR with a lot of changes.

[Aditya-132]

Step 1) Install and add Tailwind
step 2) create entry for Tailwind through main.css/base.css
step 3)make changes in separate files so we dont get merge conflicts and not very big PR
will be using separate PRs for each component or page instead of making all changes in one PR

[LinuxSuRen]

Sounds great. Good job.