fix: wrap long asset names

[bergarces]

Description

Very long asset titles overflow is not working, and it is hiding the token value.

Related issues

Fixes:

Manual testing steps

Option 1:

1. Open an account with a token with a very long name (like the one in the description)
2. Token name should not push token value out of bounds, but cut the overflow with three dots

Option 2:

1. Open an account with any token and expand view
2. Open chrome dev tools (F12) so that they open on the right hand side
3. Make chrome dev tool window large enough so that the token name cuts the overflow with three dots

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.

[bergarces]

The class multichain-token-list-item__tooltip does not seem to exist.
Also, tooltipInnerClassName does not look like a property of Tooltip.

[Prithpal-Sooriya]

nice find!

[bergarces]

Same as mm-text--ellipsis.

[sahar-fehri]

Nice fix! On the UI it looks like if we shorten it a bit more it would look better, the dots seem to be too close to the value

[metamaskbot]

Builds ready [e7f4699]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all CircleCI artifacts
• bundle viz:

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

UI Startup Metrics (1251 ± 67 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1251	1110	1487	67	1288	1382
			load	1095	957	1289	65	1156	995
			domContentLoaded	1088	945	1277	65	1158	991
			domInteractive	17	13	65	7	16	30
			firstPaint	779	138	1286	421	214	963
			backgroundConnect	11	7	28	4	9	10
			firstReactRender	20	15	71	7	20	34
			getState	13	5	39	8	7	9
			initialActions	0	0	1	0	0	1
			loadScripts	834	692	1014	64	867	953
			setupStore	8	5	27	3	7	8
	Webpack	Home	uiStartup	2198	1776	2717	177	2301	2562
			load	1717	1281	2161	156	1780	1995
			domContentLoaded	1711	1276	2153	154	1775	1980
			domInteractive	18	13	66	13	14	55
			firstPaint	163	66	418	66	272	93
			backgroundConnect	32	10	256	27	35	55
			firstReactRender	185	55	379	108	57	73
			getState	18	4	424	45	6	9
			initialActions	3	1	7	1	4	5
			loadScripts	1702	1269	2131	151	1767	1955
			setupStore	25	7	406	50	32	8
Firefox	Browserify	Home	uiStartup	1407	1205	1900	152	1465	1780
			load	1258	1068	1740	146	1326	1596
			domContentLoaded	1258	1068	1740	146	1324	1596
			domInteractive	102	41	191	26	90	96
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	26	17	69	9	27	46
			firstReactRender	24	19	56	5	24	33
			getState	9	4	45	7	8	9
			initialActions	0	0	1	0	0	1
			loadScripts	1234	1048	1723	145	1299	1570
			setupStore	7	4	40	5	6	7
	Webpack	Home	uiStartup	1549	1341	1931	143	1631	1836
			load	1336	1162	1738	133	1417	1592
			domContentLoaded	1336	1161	1737	133	1417	1592
			domInteractive	99	37	228	28	90	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	25	18	46	6	26	41
			firstReactRender	36	28	53	6	40	49
			getState	14	4	286	35	7	8
			initialActions	0	0	1	0	1	1
			loadScripts	1314	1143	1717	132	1395	1570
			setupStore	9	5	38	6	8	8

Bundle size diffs

• background: 0 Bytes (0%)
• ui: -14 Bytes (0%)
• common: 0 Bytes (0%)