feat: Disable video controls on explore cards

[hassnian]

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

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Disable video controls on explore cards  #8022

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

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI;

Copilot Summary

🤖 Generated by Copilot at 7549d0c

This pull request adds a new prop hideVideoControls to several components related to NFT media previews. This prop allows hiding the video controls for NFT videos, improving the user experience and the gallery design.

🤖 Generated by Copilot at 7549d0c

Oh we are the coders of the NFT sea
And we like to make our previews tidy
We added a prop to hideVideoControls
So pull up the sail and let the wind roll

[kodabot]

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

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	c014a19
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65533f1146eb7e000828b5fa
😎 Deploy Preview	https://deploy-preview-8055--koda-canary.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 applies a patch that focuses on disabling video controls in the explore page of a web application. It affects four Vue files within the ItemsGrid and NeoNftCard components. The main change includes the addition of the 'hideVideoControls' attribute in various sections of these files. Additionally, it modifies the NeoNftCard.vue to take mediaHideVideoControls as a prop to handle the visibility of video controls.

[preschian]

oh, one thing, need to adjust autoplay if control disabled https://github.com/kodadot/nft-gallery/blame/71dcdfe71a1bab227d460626b1cebc58f1feeb94/libs/ui/src/components/MediaItem/type/VideoMedia.vue#L9

related: #7747

[codeclimate]

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

View more on Code Climate.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[prury]

If its intended that the only place we have video controls is inside gallery item, then it works
the only collection bugging me is this one: https://deploy-preview-8055--koda-canary.netlify.app/ahk/gallery/249-5 , but i guess its a problem with the collection itself and not with PR

I'm assembling a list of testing resources:
#7826 (comment)

[yangwao]

Thanks!
pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 5.45 USD/DOT ~ 5.505 $DOT
🧗 13QUj3pZyFNfYj4AM336hRdyLQbevj5H3sR4PKmLEXLdwZhh
🔗 0x78d0abf138f41773b43be6ca5301699b4c8a74471f4fd8a46ab9bd213fc3a554

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