chore: Updated Wallet homepage to use custom tabs and enable page-level scroll behavior

[brianacnguyen]

Description

Changelog

CHANGELOG entry: Improved Wallet Homepage with left-aligned tabs and smoother full-page scrolling.

CHANGELOG entry:

Related issues

Fixes: https://consensyssoftware.atlassian.net/jira/software/c/projects/DSYS/boards/1888?assignee=62afb43d33a882e2be47c36f&quickFilter=2109&selectedIssue=DSYS-143

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

After

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2025-09-04.at.18.38.11.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 passed on Bitrise! ✅✅✅

Commit hash: a557452
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/827cb275-55cd-4b55-b96d-2c76f2b09596

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

[codecov-commenter]

Codecov Report

❌ Patch coverage is 62.85714% with 13 lines in your changes missing coverage. Please review.
✅ Project coverage is 76.15%. Comparing base (e624efc) to head (09a8048).
⚠️ Report is 53 commits behind head on main.

Files with missing lines	Patch %	Lines
app/components/Views/Wallet/index.tsx	50.00%	3 Missing and 5 partials ⚠️
...library/components-temp/Tabs/TabsList/TabsList.tsx	61.53%	3 Missing and 2 partials ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #19141      +/-   ##
==========================================
+ Coverage   76.03%   76.15%   +0.12%     
==========================================
  Files        3201     3227      +26     
  Lines       75664    76591     +927     
  Branches    13441    13670     +229     
==========================================
+ Hits        57532    58329     +797     
- Misses      14409    14497      +88     
- Partials     3723     3765      +42     

☔ 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
3 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud