refactor: programmatic modal

[preschian]

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

Needs QA check

• @kodadot/qa-guild please review

Context

• Closes Programmatic Modal #6277

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

• My DOT address: Payout

[kodabot]

WARNING @preschian PR for issue #6277 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #6277

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	32c3ad9
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64db5dc29857080008dbf8e0
😎 Deploy Preview	https://deploy-preview-6714--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 includes several changes that primarily revolve around replacing instances of $buefy.modal.open with $neoModal.open and $neoModal.closeAll() across various Vue components. We can also see that an unnecessary import { BModalConfig } from 'buefy/types/components has been removed in multiple places. Furthermore, there is a creation of new file NeoModalExtend.vue and plugin.js under NeoModalExtend folder. Additionally, there are minor modifications to properties like changing of customClass to rootClass, and adding condition to close all the modals before opening a new one. In a nutshell, main purpose of these changes is to switch from using Buefy modal component to newly created NeoModalExtend component from Kodadot library, and to enhance the behaviors of modal opening and closing across the project.

[codeclimate]

Code Climate has analyzed commit 32c3ad9 and detected 1 issue on this pull request.

Here's the issue category breakdown:

Category	Count
Complexity	1

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

[roiLeo]

Nice! Even if we are going to rework this after migration.

Otherwise I can't open shopping cart & notification on mobile (maybe it isn't related with this PR, works on beta)

[prury]

So far:

Navbar ✔️

drop:
DropContainer - ✔️
TokenImportButton - could not find

unlockable:
UnlockableContainer.vue ✔️

Connect Wallet:
ConnectWalletModal.vue ✔️
useConnectWallet.ts ✔️

NotificationBox:
useNotificationBox.ts ✔️

ShoppingCart ✔️
ShoppingCartModal.vue ✔️

GalleryItem:
GalleryItemOffer.vue ✔️

Navbar:
NotificationBoxButton.vue ✔️
ProfileDropdown.vue ✔️
ShoppingCartButton.vue ✔️

redirect:
useRedirectModal.ts (how can i test this? is it a singular to kodadot link converter?)

RMRK/Gallery
EmotionList.vue (not being used, right?)
GalleryCard.vue ✔️

Shared:
ConnectWalletButton.vue ✔️

went trough the ones i could with the knowledge i have, lmk if missed something

[yangwao]

pay 100 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $100 @ 4.79 USD/DOT ~ 20.877 $DOT
🧗 1xjvRADwdJcnmUCLWerEHR4iGCT5EBTm4D4fzLLg4LcAC9p
🔗 0x5956899f54cc1ec1dae3ef1ada2fd096db173e30ab24bb2176b8992b4484ab8c

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