[Frontend] Migrate Vault Stake and Withdraw pages to Tailwind

[djeck1432]

🚨 Attention: Please read the guidelines before applying; otherwise, you will be ignored. 🚫📋

Guidelines

1. Telegram: Please join our Telegram group to keep in touch.
2. Read the guideline: Please read this guideline thoroughly before starting.

Tasks

1. Set Up Tailwind for the Target Components

   • Migrate (Withdraw) /withdraw and Stake(/stake) ( pages to Tailwind.
   • Ensure all existing styling in this parts is translated or replaced with Tailwind utility classes.

2. Maintain Current Layout & Responsiveness

   • Ensure responsive and visually consistent after migrating to Tailwind.
   • Make sure both desktop and mobile version looks just like in Figma and in previous version of application.

3. Preserve Components

   • Do not modify or migrate Button and Sidebar components, because it will be done as a part of another task.
   • Continue using Button and Sidebar components as it is without altering its internal styles.

4. Clean Up

   • Remove any redundant CSS related to these components, if it becomes unnecessary post-Tailwind migration.
   • Avoid touching other components, pages or global styles that are not part of this ticket.

[Yunusabdul38]

Could I grab this task?
I like pineapple
TG: yunusabdul38
ETA 5h

[Pvsaint]

Can I try solving this issue?

[gabito1451]

i will migrate withdraw and stake pages to tailwind while maintaining layout and responsiveness. i will keep the Button and Sidebar components unchanged, and remove redundant CSS without affecting other styles.

i like pineapple

telegram:@gabbie 306

ETA:12HRS

[kayceeDev]

my name is Leonard, I am a frontend developer and I like pineapple.
I will efficiently migrate the existing styles of the stake and withdraw pages to tailwind styles.
With also the use of tailwind I will make sure these pages remain responsive across all devices.

My TG handle is @iam_bodo

ETA: 8hrs

[chiscookeke11]

Hi, I am Chinedu a frontend developer and i like pineapple. I would love to work on this task to contribute on your project.

How to resolve the issue; since the jsx structure has been set up, migrating it to tailwind to css wont be a hassle, I will carefully go through the css and assigned the tailwind classes to the elements. Then i can also create cutom styles in the tailwind.config.js file, ETA: 12hrs

telegram handle: Okeke Chinedu