Multi Step Form

Building this, I found the following aspects challenging:

• State Management: Managing state across components.
• Conditional Rendering: Rendering components based on the current step.
• Form Validation: Checking inputs and displaying errors.
• Responsive Design: Adapting to different screen sizes.
• TypeScript Errors: Dealing with type issues.

I am particularly unsure about how I managed state within the components. While I implemented a single-page rendering approach, I am open to suggestions on whether there might be more effective ways to handle state, especially when it comes to sharing data between components. Additionally, I am open to improving the form validation logic and exploring best practices for conditional rendering based on the form's current step. Thank you !