feat: add EarnTokenSelector component for stablecoin lending

[amitabh94]

Description

This PR introduces a new EarnTokenSelector component to enhance the Input screen for stablecoin lending. The component provides a more intuitive way to select and view earning opportunities, displaying token information, APR, and balance in a unified interface.

This PR also adds the token selector on the Input screen behind the stablecoin feature flag.

Related issues

Fixes: STAKE-899

Manual testing steps

1. Turn on the stablecoin lending feature flag in .js.env
2. Click on earn button in the wallet actions
3. Select a token
4. You should be redirected to the input screen with a new token selector component
5. Select any other token from token selector and you should see the details for that token

Screenshots/Recordings

Simulator.Screen.Recording.-.iPhone.16.Pro.-.2025-02-19.at.01.56.36.mp4

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.

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 189e633
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/e5cf154d-5561-4d4b-a80b-91727dfb369e

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 47561de
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/254caac6-db07-4b54-ace5-513cb1b62fd0

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: f1a548e
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/dd68b4ca-04c6-4c6d-a90e-8c58c162db44

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

[Matt561]

LGTM!

Please hold off on merging this until after #13594 has been merged. It's a release blocker and I think this may conflict with it since there are changes to the StakeInputView.

---

Update: #13594 has been merged into main.

[Matt561]

LGTM!

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud