feat: load rmrk2 image on gallery item

[preschian]

Thank you for your contribution to the KodaDot NFT gallery.

👇 _ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Load image rmrk2 that doesn't have mediaUri #5183

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </bsx/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Had issue bounty label?

• Fill up your KSM address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

[netlify]

✅ Deploy Preview for koda-nuxt ready!

Name	Link
🔨 Latest commit	f6919b9
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/6419aae53ea22c00075f43f5
😎 Deploy Preview	https://deploy-preview-5279--koda-nuxt.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[vikiival]

I want to avoid naming anything RMRK

[marcelosousa]

/reviewpad summarize

[reviewpad]

This pull request includes multiple changes across different files. In the types.ts file, an import statement for RMRK2Resources from useNft.ts is added, as well as updates to the BaseTokenType interface to include a newly added property secondFile, and additions to the CarouselNFT interface to extend the RMRK2Resources interface. Another modified file is the scheme.ts file, which imports RMRK2Resources from the useNft module and adds it to the NFTMetadata and NFT interfaces, while also changing the attributes property of the Metadata interface to be optional. In addition, the queryPrefix value is dynamically determined based on the URL prefix value in the useGalleryItem.ts file. There are also a few changes in the CarouselMedia.vue file such as changes to the poster and src props and the use of the sanitizeIpfsUrl function. Finally, there are new GraphQL queries for retrieving a NFT entity and a collection entity by their IDs.

[vikiival]

@preschian can we please proceed? 🥺

[preschian]

@preschian can we please proceed? 🥺

sure, will fix the review 🙏

[codeclimate]

Code Climate has analyzed commit f6919b9 and detected 0 issues on this pull request.

View more on Code Climate.