[Feature] Add confirm password field to the registration flow

[prajapati-pankaj-31]

Summary

The current registration form only includes a single password field. Adding a Confirm Password input will improve user experience and prevent accidental password mismatches during account creation.

Screenshot

Current registration page (only a single password field is available):

Proposed Changes

Frontend

• Add a Confirm Password input below the existing password field.
• Add a show/hide toggle similar to the main password field.
• Display real-time feedback:
  • ✅ Passwords match
  • ❌ Passwords do not match
• Prevent form submission if the passwords differ.
• Disable the Create Account button while validation fails.

Backend

• Accept confirmPassword in the registration request.
• Validate that password === confirmPassword.
• Return a clear error message when validation fails.

Benefits

• Improves user experience by reducing registration mistakes.
• Adds an additional layer of validation beyond the client side.
• Aligns with common authentication practices used in modern applications.

Acceptance Criteria

• Add confirmPassword state in Register.tsx.
• Add a Confirm Password input field with a visibility toggle.
• Show real-time password match status.
• Prevent form submission when passwords do not match.
• Add backend validation for password confirmation.
• Display user-friendly error messages.
• Update tests and documentation if applicable.

[github-actions]

👋 Thanks for opening your first issue!
Please make sure to follow the contribution guidelines.

[prajapati-pankaj-31]

Hi @imanchalsingh,

I would like to work on this issue as part of SSOC. I have reviewed the current registration flow and can implement the Confirm Password feature along with proper client-side and server-side validation.

Kindly assign this issue to me.

Thank you!