fix: Properly ellipsize long token names

[darkwing]

Description

Long token names were not being ellilpsized properly; this PR fixes that issue.

Related issues

Fixes:

Manual testing steps

1. Import token contract 0x1121AcC14c63f3C872BFcA497d10926A6098AAc5 on Mainnet
2. See super long token list item title
3. See it properly ellipsized
4. Hover over to see full name

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.

[bergeron]

lgtm. it could use more of the space, but it does ellipsis and show full text on hover

[metamaskbot]

Builds ready [ae74adc]

• 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, 6, 7
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1960 ± 119 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	323	2476	1772	533	256
		domContentLoaded	1647	2479	1927	240	115
		load	1657	2483	1960	249	119
		domInteractive	24	88	45	19	9
		backgroundConnect	8	74	38	24	11
		firstReactRender	57	168	108	31	15
		getState	5	56	16	16	8
		initialActions	0	1	0	0	0
		loadScripts	1186	1831	1417	202	97
		setupStore	5	61	16	17	8
		uiStartup	1838	2738	2182	261	125

Bundle size diffs

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