Description

This pull request adds three new stories for the recovery phrase components used in the onboarding process. The stories included are for the ConfirmRecoveryPhrase, RecoveryPhraseChips, and ReviewRecoveryPhrase components. These stories will help in visually testing and verifying the behavior of these components during the onboarding process.

Related issues

Fixes: N/A

Manual testing steps

1. Open Storybook.
2. Navigate to the ConfirmRecoveryPhrase story.
3. Verify the component displays and behaves correctly.
4. Navigate to the RecoveryPhraseChips story.
5. Check that the component is rendered correctly and functions as expected.
6. Navigate to the ReviewRecoveryPhrase story.
7. Ensure the component is displayed accurately and operates as intended.

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've completed the PR template to the best of my ability.
• I’ve included tests if applicable.
• I’ve documented my code using JSDoc format if applicable.
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g., pulled and built the branch, run the app, tested the code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and/or screenshots.