fix: Errors in /collection/:id

[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 Errors in /collection/:id #6067
• 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

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

• My DOT 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 09e2b93

This pull request improves the error handling and rendering of the CollectionCard and NeoNftCard components. It adds checks for null or undefined props and handles them gracefully.

🤖 Generated by Copilot at 09e2b93

No more errors in the collection card
We check the prop before we render hard
NeoNftCard is ready for any fight
We handle null and undefined with might

[kodabot]

SUCCESS @Jarsen136 PR for issue #6067 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	09e2b93
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/646c3f68628de00008d3c412
😎 Deploy Preview	https://deploy-preview-6076--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.

[codeclimate]

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

View more on Code Climate.

[reviewpad]

AI-Generated Summary: This pull request fixes errors in the /collection/:id route by updating two Vue components, CollectionCard.vue and NeoNftCard.vue. Changes include adding optional chaining for the collection and nft property checks and adjusting the interfaces and default props to make certain properties optional. Total changes include 8 insertions and 8 deletions across the two components.

[roiLeo]

✅ code lgtm

[yangwao]

pay 30 usd

[yangwao]

pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 5 USD/DOT ~ 6 $DOT
🧗 16SjUbGKSdjCdWTy3NNT3JxbRVGGqD4mwkHpc6BD9U2Rp29Z
🔗 0x600183e53c3a58aaaf9f926df1565ed41c77ae231d76ae3711d1e6063b8d38b8

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