Replaced css files with tailwind classes

[Sourabh782]

Description

A clear and concise description of what the PR does.

• This PR does the following:
  • Adds ...
  • Fixes ...
  • Updates ...

Related Issues

Link any related issues using the format Fixes #issue_number. This helps to automatically close related issues when the PR is merged.

• Placeholder: "Fixes #628 "

Changes

List the detailed changes made in this PR.

• Added a new feature to ...
• Refactored the ... codebase and removed css files and replaced them with tailwind classes
• Fixed a bug in ...

Testing Instructions

Detailed instructions on how to test the changes. Include any setup needed and specific test cases.

1. Pull this branch.
2. Run npm install to install dependencies.
3. Run npm test to execute the test suite.
4. Verify that ...

Screenshots (if applicable)

Add any screenshots that help explain or visualize the changes.

Additional Context

Any additional context or information that reviewers should be aware of.

• This PR is based on the following...

Checklist

Make sure to check off all the items before submitting. Mark with [x] if done.

• [X] I have performed a self-review of my code
• [X] I have commented my code, particularly in hard-to-understand areas
• [X] My changes generate no new warnings
• [X] I am working on this issue under GSSOC

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[Sourabh782]

@Trisha-tech can you check this ?

[Sourabh782]

@shaurya35 can you check it?

[Sourabh782]

Thanks @mridulsaggi for merging it, but can you check the level assigned to the issue?