fix: update storybook to support NFT images

[Prithpal-Sooriya]

Description

Storybook was not rendering NFT component images. This was because it was not mocking the state.metamask.openSeaEnabled selector that is used for handling and rendering NFT images.

This updates the test-data redux mocks so that we have openSeaEnabled set to true.

Related issues

Fixes:

Manual testing steps

Visit these storybooks. Are the NFT images loading?

• http://localhost:6006/?path=/docs/components-multichain-nftitem--docs
• http://localhost:6006/?path=/docs/components-multichain-notification-notificationdetail-notificationdetailnft--docs
• http://localhost:6006/?path=/story/components-multichain-notification-notificationlistitem-notificationlistitem--nft-sent-notification

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.

[matteoscurati]

GO!

[metamaskbot]

Builds ready [ded4c16]

• 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
  • common: 0, 1, 10, 11, 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 (2142 ± 366 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	350	5387	2062	851	409
		domContentLoaded	1772	5347	2113	751	360
		load	1776	5417	2142	762	366
		domInteractive	18	347	66	67	32
		backgroundConnect	8	149	32	32	15
		firstReactRender	48	121	90	20	10
		getState	5	61	15	17	8
		initialActions	0	0	0	0	0
		loadScripts	1293	4478	1592	669	321
		setupStore	11	83	36	27	13
		uiStartup	1947	5633	2361	767	368

Bundle size diffs

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

[Jonathansoufer]

Approved!