Implement Signup Form Connectivity using React Hook Form

[ianujvarshney]

Issue Description:

Currently, the signup form on our SnapShortURL website lacks functionality as it is not connected to any backend services or state management. To enhance user experience and ensure seamless form submission, we need to integrate the signup form with React Hook Form.

Issue Details:

• Current State: The signup form on our website is static and non-functional, leading to a suboptimal user experience.
• Proposed Solution: Implement connectivity with React Hook Form to enable dynamic form validation, error handling, and submission functionality.
• Expected Behavior: After implementation, users should be able to input their signup details, receive real-time validation feedback, and successfully submit the form.
• Technical Considerations: Utilize React Hook Form's built-in features for managing form state, handling form submission, and validating input fields.
• Impact: Enhancing the signup form with React Hook Form will improve usability, reduce friction in the signup process, and increase user satisfaction.
• Dependencies: Ensure compatibility with existing frontend and backend technologies used in our SnapShortURL project.
• Testing: Thoroughly test the implemented solution to verify its functionality across different devices, browsers, and user scenarios.

Additional Notes:

Integrating the signup form with React Hook Form aligns with our goal of adopting modern frontend development practices and delivering a seamless user experience on our website. This enhancement will contribute to improving overall user engagement and retention.