fix: Address design review for NFT token send

[pedronfigueiredo]

Description

A few changes were made, namely:

• Leverage NftItem component to display a square thumbnail of the Nft image
• Update spending cap indicators to abbreviate long decimal numbers and show complete numbers on a tooltip
• Center align token name
• Add # to the token id
• Change background color for native token fallback thumbnail

Related issues

Fixes: #28370

Manual testing steps

1. Go to this page...

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.

[metamaskbot]

Builds ready [b246755]

• 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 (2089 ± 81 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1842	2483	2091	170	82
		domContentLoaded	1815	2421	2053	162	78
		load	1842	2488	2089	168	81
		domInteractive	15	238	61	47	23
		backgroundConnect	10	69	37	21	10
		firstReactRender	77	156	107	15	7
		getState	5	62	15	15	7
		initialActions	0	1	0	0	0
		loadScripts	1285	1817	1502	135	65
		setupStore	6	57	15	17	8
		uiStartup	2051	2737	2309	171	82

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

• background: 0 Bytes (0.00%)
• ui: 1.28 KiB (0.02%)
• common: 199 Bytes (0.00%)