fix: handle long nft ids in simulation amount pill

[OGPoyraz]

Description

This PR aims to fix styling AmountPill component used in the SimulationDetails. When there is a long NFT id given it overflows and shrinks the AssetPill. If there is a long id given, now we want to shorten it.

Also the fixes the tooltip text which is currently overflowing the container.

Related issues

Fixes: #24178

Manual testing steps

1. Any transaction with long NFT id. (Any https://app.ens.domains/ will trigger a long NFT Id)

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.

[OGPoyraz]

Unfortunately Tooltip ignores style property hence this is the only proper solution that I find.

[codecov]

Codecov Report

Attention: Patch coverage is 60.00000% with 8 lines in your changes missing coverage. Please review.

Project coverage is 64.87%. Comparing base (038f3d6) to head (f9fd048).
Report is 2 commits behind head on develop.

Files	Patch %	Lines
ui/helpers/utils/util.js	42.86%	8 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #25252      +/-   ##
===========================================
- Coverage    64.89%   64.87%   -0.02%     
===========================================
  Files         1382     1382              
  Lines        54770    54795      +25     
  Branches     14372    14381       +9     
===========================================
+ Hits         35539    35547       +8     
- Misses       19231    19248      +17     

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

[metamaskbot]

Builds ready [bb43054]

• 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, 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 (135 ± 185 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	62	114	81	12	6
		domContentLoaded	9	12	10	1	1
		load	40	1815	135	385	185
		domInteractive	9	12	10	1	1

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 0 Bytes (0.00%)
• ui: 199 Bytes (0.00%)
• common: 12 Bytes (0.00%)

[metamaskbot]

Builds ready [f9fd048]

• 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, 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 (55 ± 7 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	69	120	86	14	7
		domContentLoaded	9	20	11	2	1
		load	42	103	55	15	7
		domInteractive	9	20	11	2	1

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 0 Bytes (0.00%)
• ui: 245 Bytes (0.00%)
• common: 317 Bytes (0.00%)

[jpuri]

🚀