fix: reduce network requests on explore/items

[preschian]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

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

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Simplify queries on view pages #7464
• switch prefetch network to distance
• fix unused request from useNftMimeType()
• fix getNftMetadata() for ahk/ahp
• fix several console warnings on explore/items

Did your issue had any of the "$" label on it?

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

before	after
Fetch/XHR: 644	Fetch/XHR: 16
Img: 302	Img: 56

• Fetch/XHR is without sw (-is:service-worker-initiated -is:service-worker-intercepted)
• Img is without 302 (-status-code:302)

before (nuxt)	after

Copilot Summary

🤖 Generated by Copilot at f0f251e

This pull request improves the NFT gallery UI and functionality by using new components from the @kodadot1/brick UI library, adding support for animation files in NFT metadata, and refactoring some composables and components. It also applies some code style preferences and fixes to various files.

🤖 Generated by Copilot at f0f251e

NeoNftCard shines
With new props and animation
Skeleton in winter

[kodabot]

WARNING @preschian PR for issue #7464 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #7464

[netlify]

✅ Deploy Preview for nuxt-kodadot ready!

Name	Link
🔨 Latest commit	75bbf48
🔍 Latest deploy log	https://app.netlify.com/sites/nuxt-kodadot/deploys/651d36f18cd3c00008c050de
😎 Deploy Preview	https://deploy-preview-7481--nuxt-kodadot.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 configuration.

[reviewpad]

AI-Generated Summary: This pull request involves updates across various files, mainly focusing on refactoring bits of Vue components and TypeScript type definitions.

Significant updates include:

ItemsGrid.vue:

• Changes to various conditions in the dynamic grid sections, modifying when certain elements are displayed.
• Import of NeoNftCardSkeleton was added and NeoNftCard was removed.
• updatePotentialNftsForListingCart function is now called asynchronously.

ItemsGridImage.vue:

• Changes to ensure alt text is included for image accessibility.
• The useNftCardIcon function now waits for promise resolution.

scheme.ts:

• Added new properties animationUrl and mimeType to the NFTMetadata interface.
• Slightly modified the argument lists of several functions.

useListInfiniteScroll.ts:

• Changes provide additional parameters to the useInfiniteScroll function.

useNft.ts:

• Modifications made to the useNftMimeType function.
• Removed the immediately invoked watch function on nft.value.
• Extensive changes to getNftMetadata function.

NeoButton.vue & NeoDropdown.vue:

• Updates were made to allow these components to accept a wider range of types for certain props.

NeoNftCard.vue:

• Minor syntax adjustments within the component's script setup and replaces use of ref for keeping track of variants with direct boolean checks in two computed properties.

In addition to these, there have been several minor syntax adjustments in various files for improved readability and the NeoNftCardSkeleton component has been created.

Overall, this pull request improves the readability and performance of the application.

[daiagi]

why all the commas?,

[preschian]

why all the commas?,

my node modules still in this state #7477 when creating new branch

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[preschian]

@yangwao, no payout for this PR? 🙈