Fix #19764 - Move Token Options Menu

[darkwing]

Explanation

• Fixes UX: Multichain: Update the design of the token's three-dot menu #19764
  In this PR, I:

1. Make the token's three-dot menu smaller
2. Move it next to the breadcrumbs
3. Remove the "Account Details" option from the token detail menu

Screenshots/Screencaps

Manual Testing Steps

1. Click into any token -- see the three-dot menu
2. Click the menu to see it working

Pre-merge author checklist

• I've clearly explained:
  • What problem this PR is solving
  • How this problem was solved
  • How reviewers can test my changes
• Sufficient automated test coverage has been added

Pre-merge reviewer checklist

• Manual testing (e.g. pull and build branch, run in browser, test code being changed)
• PR is linked to the appropriate GitHub issue
• IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

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

[NidhiKJha]

The implementation looks great to me. Just a question, since the list item only has one item for the token, should we change the menu item to a button? cc @SaraCheikh

Screen.Recording.2023-06-27.at.11.51.06.AM.mov

[SaraCheikh]

@NidhiKJha, we considered that option but we decided to keep the menu icon because in the non native tokens we would need to display more menu items: hide token and token details.

[codecov]

Codecov Report

Merging #19765 (ef45b01) into develop (b36487a) will increase coverage by 0.02%.
The diff coverage is n/a.

@@             Coverage Diff             @@
##           develop   #19765      +/-   ##
===========================================
+ Coverage    69.83%   69.85%   +0.02%     
===========================================
  Files          981      981              
  Lines        36939    36930       -9     
  Branches      9913     9913              
===========================================
  Hits         25795    25795              
+ Misses       11144    11135       -9     

Impacted Files	Coverage Δ
ui/components/multichain/app-header/app-header.js	50.44% <ø> (ø)
ui/pages/asset/components/asset-navigation.js	100.00% <ø> (ø)
ui/pages/asset/components/asset-options.js	6.67% <ø> (+0.42%)	⬆️
ui/pages/asset/components/native-asset.js	6.25% <ø> (+0.99%)	⬆️
ui/pages/asset/components/token-asset.js	5.00% <ø> (+0.45%)	⬆️

... and 1 file with indirect coverage changes

[metamaskbot]

Builds ready [ef45b01]

• builds: chrome, firefox
• builds (beta): chrome
• builds (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, 2, 3, 4, 5
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • inpage: inpage
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1511 ± 27 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	105	178	121	16	8
		domContentLoaded	1431	1645	1510	55	27
		load	1431	1645	1511	55	27
		domInteractive	1431	1645	1510	55	27

Bundle size diffs

• background: 0 bytes
• ui: -544 bytes
• common: 0 bytes