fix: page scroll over 3d models

[Jarsen136]

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

Needs QA check

• @kodadot/qa-guild please review

Context

• Closes page scroll over 3d models  #7442
• Requires deployment <snek/rubick/worker>

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

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Copilot Summary

🤖 Generated by Copilot at 2084f64

Added a new prop to MediaItem and its subcomponents to disable zoom and play actions on media items. This prop is used by the CarouselMedia component to show media items in the carousel without these actions.

🤖 Generated by Copilot at 2084f64

We're sailing on the web with our media galore
We've got MediaItem, NeoNftCard and more
But when we show them in the carousel, we don't want them to zoom or play
So we added disable-operation to keep them in their place

[netlify]

✅ Deploy Preview for nuxt-kodadot ready!

Name	Link
🔨 Latest commit	892a7c3
🔍 Latest deploy log	https://app.netlify.com/sites/nuxt-kodadot/deploys/651a74cd9611200008f37e6a
😎 Deploy Preview	https://deploy-preview-7452--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.

[kodabot]

SUCCESS @Jarsen136 PR for issue #7442 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[reviewpad]

AI-Generated Summary: This pull request is a bug fix for a page scroll issue in the context of 3D models. The changes involve several files, including CarouselMedia.vue, MediaItem.vue, ModelMedia.vue, and NeoNftCard.vue. The disable-operation attribute has been added to prevent unwanted interactions with the 3D models. Code modifications include updates to handle characteristics like disableOperation and disable-zoom. Furthermore, these changes also streamline the way 3D models are rendered and managed within the application's UI elements.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[yangwao]

pay 20 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $20 @ 4.14 USD/DOT ~ 4.831 $DOT
🧗 16SjUbGKSdjCdWTy3NNT3JxbRVGGqD4mwkHpc6BD9U2Rp29Z
🔗 0x7f962ec00cbd3b492830c05c2a398058a99996776edff635dfbd624e15698b79

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues