feat: show default petnames for watched NFTs

[matthewwalsh0]

Description

The petnames component displays default names in scenarios where the address can be partially trusted despite no petname being saved.

This is currently the case for MetaMask contracts and ERC-20 tokens from the static token list or those recognised by the remote token API.

This PR also shows default names and icons for any watched NFT contracts from any of the user's accounts on the current chain.

Related issues

Fixes: #2245

Manual testing steps

1. Watch an NFT.
2. Create a transaction targeting the same NFT contract.
3. Verify the default petname matches the contract.
4. Verify the correct icon is visible if the NFT is known by OpenSea.

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've clearly explained what problem this PR is solving and how it is solved.
• I've linked related issues
• I've included manual testing steps
• I've included screenshots/recordings if applicable
• 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.
• I’ve properly set the pull request status:
  • In case it's not yet "ready for review", I've set it to "draft".
  • In case it's "ready for review", I've changed it from "draft" to "non-draft".

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.

[metamaskbot]

Builds ready [0dc6096]

• 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, 2, 3, 4, 5, 6
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1011 ± 408 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	69	395	137	71	34
		domContentLoaded	11	83	35	23	11
		load	56	1896	1011	849	408
		domInteractive	11	83	35	23	11

Bundle size diffs

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

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 68.76%. Comparing base (5a5805f) to head (54bd93d).

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #23438      +/-   ##
===========================================
+ Coverage    68.73%   68.76%   +0.03%     
===========================================
  Files         1124     1125       +1     
  Lines        43617    43655      +38     
  Branches     11674    11683       +9     
===========================================
+ Hits         29976    30015      +39     
+ Misses       13641    13640       -1     

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

[metamaskbot]

Builds ready [54bd93d]

• 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, 2, 3, 4, 5, 6
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (869 ± 468 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	65	249	133	56	27
		domContentLoaded	10	92	35	27	13
		load	56	2694	869	974	468
		domInteractive	10	92	35	26	13

Bundle size diffs

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

[sleepytanya]

The default petname matches the contract:

The correct icon is visible for the NFT is known by OpenSea: