feat: Integrate NFT api to display image & names in simulations includes erc721s

[OGPoyraz]

Description

This PR integrates NFT api to display name and image of collection for nfts within simulations include ERC721 nfts.

Related issues

Fixes:

Manual testing steps

1. Go to Opensea, try to buy https://opensea.io/assets/ethereum/0xd4307e0acd12cf46fd6cf93bc264f5d5d1598792/41757 (you don't need to buy) - this is ERC721
2. See collection name and image in simulations

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile 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]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 3493505
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/1efd9dcb-27e5-468e-b0b6-21287f1c30d2

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[sleepytanya]

Bitrise buildshttps://app.bitrise.io/app/be69d4368ee7e86d/pipelines/8d445077-9d44-4c22-b759-7dba6b39f8ea?tab=artifacts

NFT name and image within simulations for ERC721 NFTs are successfully displayed on Android and iOS devices.

iOS:

Android:

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 26e42ea
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/a2be44df-43fb-4bec-a398-b6fa5ad5c34d

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 96.77419% with 1 line in your changes missing coverage. Please review.

Project coverage is 55.79%. Comparing base (080a77b) to head (26e42ea).
Report is 2 commits behind head on main.

Files with missing lines	Patch %	Lines
...nts/hooks/DisplayName/useNftCollectionsMetadata.ts	95.00%	0 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #12160      +/-   ##
==========================================
+ Coverage   55.76%   55.79%   +0.03%     
==========================================
  Files        1785     1786       +1     
  Lines       40325    40352      +27     
  Branches     5045     5051       +6     
==========================================
+ Hits        22486    22514      +28     
+ Misses      16292    16290       -2     
- Partials     1547     1548       +1     

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

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: 6e5ce92
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/d71b3538-2f09-4f1e-8bc4-5cd6051956c8

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: e742c68
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/6b9e848f-c482-47ba-bf48-bc3c4b32cc88

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: 19c9a7a
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/1e6db795-df5b-4f10-9a04-a5e562f84768

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
97.2% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud