Fix Design Flaw: CSS Removal and Refactor in Tailwind CSS

[Ktbch]

This PR addresses a design flaw in the React app by editing and refactoring the Tailwind CSS. The changes include:

Removal of redundant or unused CSS styles.
Refactoring of existing CSS for improved maintainability and readability.
Ensuring consistency and adherence to design guidelines.
These changes aim to enhance the overall design and functionality of the application.

Pull Request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no API changes)
• Build-related changes
• Documentation content changes
• Tests
• Other (please describe):

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this introduce a breaking change?

• Yes
• No

Other information

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[thrownullexception]

These changes were already merged at #78, So closing this PR