Multi-step form with Formik, TailwindCSS and NextJS

What are you most proud of, and what would you do differently next time?

I was able to create a perfectly responsive page and to make the form consistent with the data.

What challenges did you encounter, and how did you overcome them?

The biggest challenge was having to use a button to control the form that was not inside the scope of the form itself. I used the useRef hook to control the form but it was not as straightforward as using Formik.

What specific areas of your project would you like help with?

I tried the make every component as reusable as possible. However, I'm afraid I might have repeated some code for the sake of simplifying things. For example, the sidebar for desktop and the topbar for mobile are very similar. How could I have make this better?