feat: Add tokens full page

[brianacnguyen]

Description

This PR implements a full-screen Tokens view accessible from the wallet's Tokens tab, providing users with an expanded view of their token portfolio. The feature includes a "View all tokens" button that appears when the token list is truncated, allowing users to navigate to a dedicated full-screen tokens page with enhanced navigation and layout.

Key improvements:

• Enhanced User Experience: Users can now access a full-screen tokens view for better visibility and interaction
• Improved Navigation: Seamless navigation between the tab view and full-screen view
• Better Layout: Full-screen view utilizes the entire screen real estate for token management
• Consistent UI: Maintains existing functionality while providing expanded access

Changelog

CHANGELOG entry: Added full-screen Tokens view accessible via "View all tokens" button in wallet

Related issues

Fixes: https://consensyssoftware.atlassian.net/jira/software/c/projects/DSYS/boards/1888?selectedIssue=DSYS-245

Manual testing steps

Feature: Tokens Full Page

  Scenario: User can access full-screen tokens view
    Given the user is on the Wallet page
    And the Tokens tab is selected
    And there are more tokens than the display limit

    When the user clicks on "View all tokens" button
    Then they should be navigated to the Tokens Full View page
    And the page should display all tokens in a full-screen layout
    And the back button should return them to the wallet

  Scenario: User can navigate back from full-screen view
    Given the user is on the Tokens Full View page

    When the user clicks the back button
    Then they should return to the Wallet page
    And the Tokens tab should remain selected

  Scenario: Full-screen view maintains existing functionality
    Given the user is on the Tokens Full View page

    When the user interacts with tokens (refresh, filter, sort)
    Then all existing token functionality should work as expected
    And the UI should be consistent with the tab view

Screenshots/Recordings

Before

After

Tokens Full View

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2025-10-24.at.09.18.25.mp4

Tokens Tab still functional

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2025-10-24.at.09.19.46.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.

---

Note

Adds a full-screen Tokens view accessible via a new "View all tokens" button and route, with layout/refactors to token list, control bar, and Add Asset header plus tests and i18n.

• Wallet UI:
  • Full-screen Tokens view: New Views/TokensFullView with header/back; wired into MainNavigator and Routes.WALLET.TOKENS_FULL_VIEW.
  • Token list UX: TokenList gains maxItems, optional flashListProps, and a "wallet.view_all_tokens" button that navigates to TokensFullView.
  • Tokens layout: UI/Tokens supports isFullView (padding/safe area), passes flashListProps, and uses design-system Box/Tailwind; progressive loading unchanged.
• Controls/Styling:
  • TokenListControlBar and shared BaseControlBar accept optional style prop for outer wrapper spacing.
  • Minor bottom sheet wrapper cleanup in token filter/sort sheets.
• Add Asset:
  • Replaces navbar options with BottomSheetHeader (back button/title) in Views/AddAsset.
• Navigation:
  • Registers TokensFullView and moves AddAsset stack entry; updates snapshots.
• Tests/I18n:
  • New TokensFullView.test.tsx; updates to Tokens and AddAsset tests/snapshots.
  • Adds wallet.view_all_tokens string in en.json.

^{Written by Cursor Bugbot for commit 9ccc10f. This will update automatically on new commits. Configure here.}

[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.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

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

See analysis details on SonarQube Cloud

[Prithpal-Sooriya]

Could we give the back button a test-id, would make it easier to test here.

await useEvent.press(getByTestId('back-button'))
expect(mockGoBack).toHaveBeenCalled()

[brianacnguyen]

Will address these in a follow up PR