Refactor the existing CSS into Tailwind CSS

[sambitsingha]

Issue Description

The current codebase contains the css files which seem unorganize , which might be difficult for future developers. So , I suggest a change in the css structure by refactoring all of them in Tailwind CSS classes, which would be very efficient

Steps to Reproduce

1. Find out and seperate the css files which are dedicated to particular pages.
2. Install Tailwind CSS plugin into the project.
3. Refactor each page one by one , leaving only one css file named as index.css ( which will contain only the global css applicable to the entire site )

Expected Behavior

No , specific behavioral change in the website as the codebase will be structured. But the css loading will be much more faster.

I would like to work on this issue unnder GSSoC'24

[github-actions]

Welcome to Capabilix repository.🎊 Thank you so much for taking the time to point this out.