Update token cell to show inline stale balance warning

[Gudahtt]

The token cell how shows a warning inline for the case where the token balance failed to update. It displays a warning icon next to the balance, with a tooltip that contains the same contents as was shown on the token list previously.

This was roughly modelled after the "Wallet home (full-screen)" Figma design. It doesn't match exactly yet though of course, as that design includes moving the token list into a tab. The rest of the design will come in follow-up PRs.

[metamaskbot]

Builds ready [b422f36]

• builds: chrome, firefox, opera
• bundle viz: background, ui, inpage, contentscript, ui-libs, bg-libs, phishing-detect
• dep viz: background
• all artifacts

Page Load Metrics (608 ± 40 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Notification	firstPaint	33	85	45	14	7
		domContentLoaded	364	749	607	85	41
		load	365	751	608	84	40
		domInteractive	363	749	606	85	41

[Gudahtt]

Screenshots:

Old design:

New design:

New design with tooltip:

[whymarrh]

The token cell how shows a warning inline for the case where the token balance failed to update.

Is this "where any token balance failed to update"? Is this a list-global error rendered alongside each token balance?

[danjm]

code looks good to me

[Gudahtt]

Is this "where any token balance failed to update"? Is this a list-global error rendered alongside each token balance?

Yes, that is correct. The token tracker doesn't currently distinguish which token failed when a failure does occur. That would be nice though. It's something we should consider in future API changes to the token tracker.

[whymarrh]

LGTM!