@W-16795956 - Implement "Check Email" page

[yunakim714]

Description

In the passwordless login flow, a passwordless token is sent to the shopper over email. Once this email is sent, users will be redirected to a "Check Your Email" page.

⚠️This PR only implements the UI⚠️

Figma prototype here

Types of Changes

• [ ] Bug fix (non-breaking change that fixes an issue)
• [x] New feature (non-breaking change that adds functionality)
• [ ] Documentation update
• [ ] Breaking change (could cause existing functionality to not work as expected)
• [ ] Other changes (non-breaking changes that does not fit any of the above)

Breaking changes include:

• Removing a public function or component or prop
• Adding a required argument to a function
• Changing the data type of a function parameter or return value
• Adding a new peer dependency to package.json

Changes

• Add new PasswordlessEmailConfirmation component that includes a Resend Link button
  • app/component/email-confirmation

How to Test-Drive This PR

• Checkout this branch and start retail app locally

To see the Check Email modal:

• Click on the Login person icon on the top right
• Enter an email
• Click the Continue Securely button
• Verify that you see the Check Email modal with a close icon (⚠️Verify that you cannot click the link if there is no email inputted⚠️)

To see the Check Email page:

• Navigate to the Login page by going to localhost:3000/login
• Enter an email
• Click the Continue Securely button
• Verify that you see the Check Email page (⚠️Verify that you cannot click the link if there is no email inputted⚠️)

Checklists

General

• [x] Changes are covered by test cases
• [ ] CHANGELOG.md updated with a short description of changes (not required for documentation updates)

Accessibility Compliance

You must check off all items in one of the follow two lists:

• [ ] There are no changes to UI

or...

• [x] Changes were tested with a Screen Reader (iOS VoiceOver or Android Talkback) and had no issues
• [ ] Changes comply with WCAG 2.0 guidelines levels A and AA
• [x] Changes to common UI patterns and interactions comply with WAI-ARIA best practices

Localization

• [ ] Changes include a UI text update in the Retail React App (which requires translation)