fix(useRedirectModal): Switch button items and activity at collection view opens new page and cart button on explorer too

[hassnian]

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

The event listener inside useRedirectModal was affecting the entire website and not just the items inside the target node in this case the .content-markdown

• Closes Switch button items and activity at collection view opens new page and cart button on explorer too #6817
• Requires deployment <snek/rubick/worker>

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

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

CleanShot.2023-08-20.at.09.29.57.mp4

Copilot Summary

🤖 Generated by Copilot at 7afa09a

Improved the useRedirectModal function to use element references and added a link confirmation feature to the Markdown component.

🤖 Generated by Copilot at 7afa09a

Sing, O Muse, of the skillful refactorer
Who made the code more swift and error-free
By using ref and useRedirectModal
To handle links with grace and clarity

[kodabot]

SUCCESS @hassnian PR for issue #6817 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	0045a72
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64e198c5fbc149000899e190
😎 Deploy Preview	https://deploy-preview-6826--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 addresses an issue where an event listener was affecting all links across the application. The proposed changes alter the way the 'useRedirectModal' function is being utilized. Instead of targeting a string, it now takes in a reference to an HTML element. These modifications have mainly been implemented in two files: 'useRedirectModal.ts' in the components/redirect directory, and 'Markdown.vue' in the components/shared directory. This approach aims to increase the function's specificity and reduce the likelihood of unintentional event triggering.

[preschian]

otherwise lgtm

[codeclimate]

Code Climate has analyzed commit 0045a72 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

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 4.5 USD/DOT ~ 11.111 $DOT
🧗 16faLfsywwNATaEfbH2ah75dn6ZmctQWpMS5G4KFhbmj5hnD
🔗 0x6cd2a86a0cdfa93c7da308b651b08091749f600823443ced2cff9d81be007195

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