fix: use same logic in details page to show IPFS images

[Prithpal-Sooriya]

Description

IPFS images in the grid view were not correctly identified and therefore were not fetched/displayed.

This copies the logic in the details page to ensure that we correctly show IPFS NFTs.

Related issues

Fixes: #30063

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.

[Prithpal-Sooriya]

This logic now matches the NFT Details page.

NOTE - we should probably refactor and reuse this logic. But for easier cherry-picks, we can keep it here.

[Prithpal-Sooriya]

The main fix was this isIpfsURL condition, as it seemed that the GridView before treated the IPFS url as a normal URL and attempted to fetch and display it.

Now the logic matches the details page, this has been resolved.

[metamaskbot]

Builds ready [7b67c11]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

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

Page Load Metrics (1625 ± 43 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	329	1873	1559	297	142
		domContentLoaded	1477	1807	1602	87	42
		load	1486	1822	1625	90	43
		domInteractive	24	88	38	21	10
		backgroundConnect	10	80	29	23	11
		firstReactRender	15	84	45	26	12
		getState	5	47	12	12	6
		initialActions	0	1	0	0	0
		loadScripts	1057	1334	1151	73	35
		setupStore	8	61	17	17	8
		uiStartup	1703	2285	1855	142	68

Bundle size diffs

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