chore: Reorganize PortfolioBalance

[gambinish]

Description

Step 2 of token sorting is to move PortfolioBalance above the TabView. This PR introduces this UI change to move the PortfolioBalance above the TabView, since it can happen separately from the Token sorting task in order to keep PRs small and easy to review / get past CI.

No functional changes. I did bump the font variant per the design spec to TextVariant.DisplayMD

Related issues

Design: https://www.figma.com/design/aMYisczaJyEsYl1TYdcPUL/Portfolio-View?node-id=5008-57060&node-type=frame&t=DkOQgh3ZMZfzy6C4-0

Manual testing steps

Screenshots/Recordings

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: c570c2c
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/9a70c843-2fd2-4d27-86a1-1b4982a05dd9

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

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (chore/componetize-tokens-screen@31fad19). Learn more about missing BASE report.

Additional details and impacted files

@@                        Coverage Diff                         @@
##             chore/componetize-tokens-screen   #11520   +/-   ##
==================================================================
  Coverage                                   ?   53.87%           
==================================================================
  Files                                      ?     1648           
  Lines                                      ?    38241           
  Branches                                   ?     4639           
==================================================================
  Hits                                       ?    20601           
  Misses                                     ?    16227           
  Partials                                   ?     1413           

Flag	Coverage Δ
	53.87% <100.00%> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

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

[Daniel-Cross]

Looks good!

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: 96436be
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/47596b54-61c6-4655-90ae-bc0d264a3e3f

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

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: da5862d
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/50bd8ceb-5e73-44dd-b998-57a6bbadc9bb

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarCloud