fix: switch network

[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 check

• @prury please review

Context

• Closes Can't change network after accessing gallery item #6472

Copilot Summary

🤖 Generated by Copilot at 1f3588d

This pull request improves the navbar component and its related components and tests. It adds a data-cy attribute for Cypress testing, modifies the pagination props, makes some props optional, refactors some props, removes a redundant attribute, and changes the prefix fallback logic. It also adds a new test file for the prefix switching feature.

🤖 Generated by Copilot at 1f3588d

Navbar component
Enhanced with props and tests
Autumn of refactor

[kodabot]

SUCCESS @preschian PR for issue #6472 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	1f3588d
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64c0de2b116523000890be9c
😎 Deploy Preview	https://deploy-preview-6473--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.

[codeclimate]

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

View more on Code Climate.

[reviewpad]

AI-Generated Summary: This pull request includes modifications to various Vue.js components, a change in usePrefix.ts, and a new Cypress test file prefix.cy.ts related to network switching. Briefly, the changes are:

1. In several Vue.js components, the pull request modifies the props types or default values for improved flexibility and error handling, for instance, making certain props optional or adjusting their default values.

2. In the usePrefix.ts, the order of prefix selection has been altered.

3. A new Cypress testing file (prefix.cy.ts) has been introduced to provide end-to-end testing for the network switching feature.

4. Certain elements have been assigned data-cy attributes, usually used as selectors in Cypress for more targeted testing.

5. There are also minor amendments, such as changes to the fields accessed in some components, for instance, in NeoNftCard.vue where name is accessed as nft.name.

Overall, these changes aim to improve code functioning, test coverage, and simplicity.

[prury]

@preschian thanks for writing a cypress test for it!

[Jarsen136]

code lgtm