fix: Loading preview for NFTs in search doesnt work

[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
• Feature
• Refactoring

Context

• Closes Loading preview for NFTs in search doesn't work #5740
• Requires deployment <snek/rubick/worker>

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

Optional

• I've tested it at </ksm/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.

Copilot Summary

🤖 Generated by Copilot at 6ee4e97

Refactor and improve image handling in SearchSuggestion component. Use sanitizeIpfsUrl function to support different media types and fallbacks, and simplify component props and data.

🤖 Generated by Copilot at 6ee4e97

To display images from IPFS
The code needed some fixes
It used sanitizeIpfsUrl
To handle media well
And simplified the component's prefixes

[kodabot]

SUCCESS @Jarsen136 PR for issue #5740 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	6ee4e97
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64415989f0c6dc0008a27254
😎 Deploy Preview	https://deploy-preview-5742--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 settings.

[reviewpad]

AI-Generated Summary: This pull request addresses the issue of loading previews for NFTs in search not working. It makes changes to the SearchSuggestion.vue file, updating the image handling and URL sanitization methods. Specifically, it replaces the getSanitizer function with sanitizeIpfsUrl, and modifies the handling of images, animation URLs, and media URIs.

[codeclimate]

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

View more on Code Climate.

[yangwao]

perfect it works!

pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 32.86 USD/KSM ~ 0.913 $KSM
🧗 Caiv9TbPz68q5dC8EcHu5xKYPRnremimGzqmEejDFNpWWLG
🔗 0xc444301cc111fecf903277f9d248a649c8199597b4e82b4a5fa4f25beb332868

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

[yangwao]

oh if we can get square for NFTs like in

• feat: square icons in search result item #5738

I've forgot about to add that to issue :|