FEATURE : Migrate CSS Styles to Tailwind CSS

[prajwaln07]

Feature Request: Convert Existing CSS to Tailwind CSS

Is your feature request related to a problem? Please describe.
Currently, the project uses standard CSS for styling, which can lead to inconsistency and make it more challenging to maintain. I'm always frustrated when I need to adjust styles across multiple files or components, as it takes more time and effort to ensure uniformity. Additionally, it increases the overall file size, making the project less optimized.

Describe the solution you'd like
I propose migrating the existing CSS styles to Tailwind CSS, a utility-first CSS framework. By using Tailwind CSS, we can:

• Enhance the maintainability and readability of the codebase by utilizing utility classes directly in the JSX/TSX files.
• Reduce the size of the final CSS output through Tailwind’s built-in purging mechanism, which removes unused styles.
• Achieve faster styling iterations and a more consistent look and feel across the application.

Checklist

• I am contributing under GSSoC-ext
• I am contributing under Hacktoberfest
• I follow the contribution guidelines