fix: move porfolio button next to price amount

[jonybur]

Description

Moves the portfolio button so that it's next to the token price amount.

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/3201

Manual testing steps

1. Go to the portfolio page
2. Check that the Portfolio button is present next to the price amount of token
3. Click it to test it works fine

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension 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.

[EtherWizard33]

LGTM

[hesterbruikman]

@jonybur so sorry, we have a new change request while you still have this PR open; We'd also want to change the order of the buttons. I'll be able to confirm this most likely tomorrow. The order would be:

Buy/Sell
Swap
Bridge
Send
Receive

cc @mmragkandala

[mmragkandala]

I've also updated the designs in figma with this new ordering

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarCloud

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 70.14%. Comparing base (dcea6ce) to head (b6fdfce).
Report is 20 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #26867      +/-   ##
===========================================
+ Coverage    70.12%   70.14%   +0.01%     
===========================================
  Files         1422     1424       +2     
  Lines        49526    49572      +46     
  Branches     13863    13868       +5     
===========================================
+ Hits         34730    34769      +39     
- Misses       14796    14803       +7     

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

[metamaskbot]

Builds ready [b6fdfce]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5
  • common: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1816 ± 94 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	330	2285	1751	377	181
		domContentLoaded	1567	2246	1780	176	85
		load	1576	2283	1816	196	94
		domInteractive	18	71	34	14	7

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 97 Bytes (0.00%)
• common: 0 Bytes (0.00%)

[EtherWizard33]

LGTM