Added email validation to ForgotPasswordForm

[gaurav-473]

Description

Added Email validation in forgot password form.

Related Issue

Closes PWA-191.

Verification Steps

Steps to reproduce the behavior:
Go to pwa-studio home page
Click on navigation
Go for Sign in and then click on forgot password link
Forgot password form email field has only required validation

Expected behavior

Forgot password form email field must have email as well as required field validation

[PWAStudioBot]

	Messages
📖	Access a deployed version of this PR here. Make sure to wait for the "pwa-pull-request-deploy" job to complete.
📖	DangerCI Failures related to missing labels/description/linked issues/etc will persist until the next push or next nightly build run (assuming they are fixed).
📖	Associated JIRA tickets: PWA-191.

Generated by 🚫 dangerJS against b7188c7

[revanth0212]

Some tests have failed. Please check.

[sirugh]

Please fix all the danger warnings.

[gaurav-473]

Please fix all the danger warnings.

ok I will fix warnings..

[sirugh]

I fixed the issue, which was a bad import, but this does now apply the email validation to the form.

Stale review.

[dpatil-magento]

@gauravagarwal1001 Observation - Enter some string and hit submit >> Error will display >> Now make it valid email and hit submit again.
Actual - Error disappeared but email has not been submitted yet. User has to hit Submit again.
Expected - Error should disappear and form should also be submitted at same time.

[revanth0212]

@gauravagarwal1001 Observation - Enter some string and hit submit >> Error will display >> Now make it valid email and hit submit again.
Actual - Error disappeared but email has not been submitted yet. User has to hit Submit again.
Expected - Error should disappear and form should also be submitted at same time.

Fixed.

[dpatil-magento]

QA Pass. @sirugh Need your thumbs up again.

[sirugh]

Good job, team!

[sirugh]

Before @dpatil-magento merges maybe @revanth0212 can explain why we had to remove this. I feel like the validation should happen on blur and before submit, but it seems like it wasn't happening correctly.

[revanth0212]

The issue with validateOnBlur is that it only validates on blur. So once you enter a new valid email address and click on the submit button, the validation is not done yet and the click won't be registered because clicking button === losing focus for the email field but the validation result will only propagate in the next render. That is the reason why @dpatil-magento had to click twice.