fix: add ellipsis for permit fiat values

[OGPoyraz]

Description

This PR goal is to add ellipsis to the fiat value if it's more than 15 character in permit simulations.

Related issues

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

Follow-up Cherry-picked PR:
#26515

Manual testing steps

1. Go to cowswap
2. Swap a token with gas-free approve for another token
3. Notice the permit signature screen

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.

[vinistevam]

Great PR @OGPoyraz ! Just a small lint error (jsdocs) failing the pipeline.

[greptile-apps]

PR Summary

This PR introduces ellipsis for fiat values exceeding 15 characters in permit simulations to enhance UI readability.

• ui/helpers/utils/util.js: Added skipCharacterInEnd parameter to shortenString function for flexible string shortening.
• ui/helpers/utils/util.test.js: Added test case for shortenString with skipCharacterInEnd option.
• ui/hooks/useFiatFormatter.ts: Introduced shorten option to handle long fiat values.
• ui/pages/confirmations/components/confirm/info/typed-sign/permit-simulation/permit-simulation.tsx: Updated PermitSimulation component to truncate long fiat values.
• ui/pages/confirmations/components/simulation-details/fiat-display.tsx: Added shorten prop to IndividualFiatDisplay for improved fiat value display.

_{6 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings}

[greptile-apps]

PR Summary

(updates since last review)

This PR introduces ellipsis for fiat values exceeding 15 characters in permit simulations to enhance UI readability.

• ui/helpers/utils/util.js: Added skipCharacterInEnd parameter to shortenString function for flexible string shortening.
• ui/pages/confirmations/components/simulation-details/amount-pill.tsx: Updated shortenAssetId function call to include skipCharacterInEnd property.
• ui/pages/confirmations/components/confirm/info/typed-sign/permit-simulation/permit-simulation.tsx: Updated PermitSimulation component to truncate long fiat values using the new shorten prop in IndividualFiatDisplay.

_{2 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings}

[sonarqubecloud]

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

[metamaskbot]

Builds ready [d4d259e]

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

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	62	216	99	35	17
		domContentLoaded	9	65	21	12	6
		load	38	1963	251	553	266
		domInteractive	9	65	21	12	6

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

• background: 0 Bytes (0.00%)
• ui: 699 Bytes (0.01%)
• common: 70 Bytes (0.00%)

[codecov]

Codecov Report

Attention: Patch coverage is 96.96970% with 1 line in your changes missing coverage. Please review.

Project coverage is 69.68%. Comparing base (e3691c0) to head (d4d259e).
Report is 16 commits behind head on develop.

Files	Patch %	Lines
...typed-sign/permit-simulation/permit-simulation.tsx	50.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #26001      +/-   ##
===========================================
+ Coverage    69.67%   69.68%   +0.01%     
===========================================
  Files         1401     1404       +3     
  Lines        49628    49706      +78     
  Branches     13713    13736      +23     
===========================================
+ Hits         34577    34637      +60     
- Misses       15051    15069      +18     

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

[digiwand]

Follow-up PR adds tooltip when ellipsis is shown and updates calculation with decimals
#26523

[digiwand]

Cherry-pick PR into 12.1.0 #26515