Lakshya/f24/forgot password flow

[laks0407]

f24/forgot-password-flow

Forgot Password Flow (Frontend)

Implementation description

• Created frontend for Forgot Password page with custom breakpoints for different views
  (mobile, tablet, laptop, & monitor).

• The page will take a humane society email only, and if an invalid email is input, an error message will be shown.

• If a valid email is inputted and a password reset HAS NOT already been sent, a success message will be shown.

• If a valid email is inputted and a password reset HAS been sent, a warning message will be shown, which will disappear automatically after 60 seconds. The email will also be removed from localStorage after 60 seconds.

Steps to test

1. Route to local/forgotPassword
2. Test 1: Input a random invalid email
3. Test 2: Input a valid email that follows %@humanesociety.org
4. Test 3 : Input that same email again and try to send another request

What should reviewers focus on?

• Any functionality that's missing (for ex: a UI timer to show when a user can send a request to the same email again was in the works but it's a little complex so I tabled it for now to get the frontend out)

Checklist

• My PR name is descriptive and in imperative tense
• My commit messages are descriptive and in imperative tense. My commits are atomic and trivial commits are squashed or fixup'd into non-trivial commits
• I have run the appropriate linter(s)
• I have requested a review from the PL, as well as other devs who have background knowledge on this PR or who will be building on top of this PR

[jerry-cheng5]

Very solid!

just some minor details to fix.

[jerry-cheng5]

Looks good! feel free to merge