Refactor: Remove tailwind anti-pattern in /start.tsx route

[5hraddha]

Describe the bug

The /start.tsx route is having the hardcoded pixels/percentage values - a tailwind anti-pattern. It will be great to refactor it with suitable Tailwind classes instead. To find the anti-pattern we can use this regex ^.*?-\[[^\d]*(\d+)[^\d]*\].*$

This issue is related with #1522 and #2053.

Proposed Solution

Refactor the code with suitable Tailwind classes.

Steps to reproduce

1. Go to /start.tsx route.
2. Perform a find using regex ^.*?-\[[^\d]*(\d+)[^\d]*\].*$.

Browsers

Chrome

Additional context (Is this in dev or production?)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

Contributing Docs

• I agree to follow this project's Contribution Docs

[github-actions]

Thanks for the issue, our team will look into it as soon as possible! If you would like to work on this issue, please wait for us to decide if it's ready. The issue will be ready to work on once we remove the "needs triage" label.

To claim an issue that does not have the "needs triage" label, please leave a comment that says ".take". If you have any questions, please reach out to us on Discord or follow up on the issue itself.

For full info on how to contribute, please check out our contributors guide.

[ThePiyushAggarwal]

.take