feat(deposit): MVP - deposit feature email authentication UX

[georgeweiler]

Description

This PR creates the routing and basic MVP login flow UX for the deposit feature. User can click the deposit button to enter the deposit experience, enter an email and an OTP code.

API calls are mocked.

Progress bar is going to be added in another PR.

Simulator.Screen.Recording.-.iPhone.16.Pro.-.2025-05-23.at.11.37.59.mp4

Related issues

Fixes:

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile 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. pull and build branch, run the app, test 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.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	npm/​react-native-confirmation-code-field@​7.6.1

View full report

[AxelGes]

The header looks slightly different from the one in the designs. I assume this is partly because the designs reflect changes to the Component Library that haven't taken effect yet. However, the "x" button should still be in place for it to match the design structure.

This PR:

Design:

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 85.71429% with 12 lines in your changes missing coverage. Please review.

Project coverage is 69.34%. Comparing base (e095d11) to head (88316b1).
Report is 18 commits behind head on main.

Files with missing lines	Patch %	Lines
...pp/components/UI/Deposit/Views/OtpCode/OtpCode.tsx	84.00%	1 Missing and 3 partials ⚠️
app/components/UI/Navbar/index.js	42.85%	4 Missing ⚠️
app/components/UI/Deposit/hooks/useDepositSdk.ts	85.71%	2 Missing ⚠️
...ponents/UI/Deposit/Views/EnterEmail/EnterEmail.tsx	94.11%	1 Missing ⚠️
app/components/UI/Deposit/routes/index.tsx	50.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #15568      +/-   ##
==========================================
+ Coverage   69.25%   69.34%   +0.08%     
==========================================
  Files        2434     2462      +28     
  Lines       52417    52695     +278     
  Branches     7930     7978      +48     
==========================================
+ Hits        36304    36542     +238     
- Misses      13786    13807      +21     
- Partials     2327     2346      +19     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
5 New issues
0 Accepted issues

Measures
0 Security Hotspots
85.1% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud