Implement "Forgot Password" Functionality

[AjithAkuthota23]

We need to add the "Forgot Password" functionality to the application. This feature should allow users to reset their password in case they forget it. Below are the key requirements and tasks for this implementation:

Acceptance criteria:

• UI Component:
  • Clicking the "Forgot Password" link should open a form where users enter their email to receive a reset link.

Figma Design: https://www.figma.com/design/d2Sezz6VNO6hbnobggGTRq/Forgot-Password-Page?node-id=0-1&t=53YxTrSKyXJP3ALG-1

• Backend Logic:

  • Create a route to handle the password reset request (e.g., /forgot-password).
  • Validate the email input to ensure it exists in the database.
  • Generate a secure, time-limited reset token.
  • Send an email to the user with the reset link containing the token.

• Email System:

  • Use a reliable email service (e.g., SendGrid, Nodemailer) to send the reset link.
  • Ensure the reset link is in the format /reset-password?token=.

• Reset Password Page:

  • Create a page where users can set a new password using the reset token.
  • Validate the token on the server to ensure it is valid and not expired.
  • Allow users to submit a new password and confirm it.
  • Show proper messages that password change is successful

Figma Design: https://www.figma.com/design/ulbE7ij6TJuekULrBsHgzq/Reset-password?node-id=0-1&t=wZTmUAzwQma4iiF7-1

• Password Reset Logic:

  • Upon receiving the new password, update the user’s password securely (e.g., use Bcrypt hashing).
  • Invalidate the reset token after use.

• Testing:

  • Ensure automated tests cover the following:
  • UI interactions for the forgot password flow.
  • Backend validation and error handling (invalid email, expired token, etc.).
  • Successful password reset scenario.