Improve design of How to Use section

[martinyis]

Description
The How to Use section in our application could use some design improvements. The component responsible for rendering this section is called Steps.jsx and can be found in the UI folder.

Task
We are looking for someone who can come up with creative ideas on how to make the How to Use section look better. You are free to modify the Steps.jsx component in any way you see fit.

Goals
Improve the overall design of the How to Use section.
Make the section visually appealing and easy to follow.
Enhance the user experience by providing clear instructions.
Acceptance Criteria
The modified Steps.jsx component should be visually appealing and easy to follow.
The modified component should be compatible with the existing codebase.
The modified component should enhance the user experience by providing clear instructions.
Additional Information
If you have any questions or need further clarification, please do not hesitate to ask. Thank you for your contribution!

[rudhamoy]

I would love to take this , please assign it to me.
Thanks.

[martinyis]

I would love to take this , please assign it to me. Thanks.

Go ahead, and make sure you follow the overall design of the page :)

[Sky-De]

Sure
Pls merge this
Open another issue for refactor how to use section
Cuz now i have idea to do same with 1/3 code of this branch

[martinyis]

Sure Pls merge this Open another issue for refactor how to use section Cuz now i have idea to do same with 1/3 code of this branch

You just need to commit to the old branch. Your pull request is already open.