refactor: adjust profile bottom nav

[thnaylor]

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 Margin on profile sidebar bottom buttons  #7015
• 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?

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Ecosystem Telegram?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖 Generated by Copilot at c6744e0

Improved the UI and UX of the wallet asset menu component. Used nuxt-link for settings to optimize performance.

🤖 Generated by Copilot at c6744e0

Oh we're the crew of the nuxt-link ship, and we sail the web so fast
We tweak the icons and align the elements, to make the wallet asset menu last
Heave away, me hearties, heave away with glee
We'll raise the yardarm with our code, on the count of one, two, three

[kodabot]

SUCCESS @thnaylor PR for issue #7015 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	c6744e0
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64ed05e699d29c0008b451c1
😎 Deploy Preview	https://deploy-preview-7017--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 involves a refactor in the WalletAssetMenu.vue component in the ConnectWallet directory. The refactor comprises formatting changes, a change from direct hyperlink tag to Nuxt.js syntax for a single route to settings, and several icon size and positioning adjustments to enhance the user interface. The refactor impacts how the wallet asset menu, color mode toggle, language component and settings link are displayed. Overall, this is to improve the readability and layout of the profile sidebar.

[codeclimate]

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

[thnaylor]

Hi @exezbcz

Just want to clear some things before submitting...

1. Did you want to increase the padding above & below the buttons to 24px?
   

2. The closest natural size on font awesome is 24px (fa-2x) which is the same as the Figma design. is that okay?
   

[exezbcz]

@thnaylor good, thanks!

[yangwao]

pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 4.54 USD/DOT ~ 6.608 $DOT
🧗 123PCJXhjb15i6JwVVRGd7KvN2sSNZrtPjr5doJq9oWctoTt
🔗 0xedccfacee5e04cca6e5ccd1a476b6a09300289abebd407ba2a3031ff6d70a058

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

[yangwao]

pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 4.59 USD/DOT ~ 6.536 $DOT
🧗 123PCJXhjb15i6JwVVRGd7KvN2sSNZrtPjr5doJq9oWctoTt
🔗 0xfcfab801b6e91842e553f59fb40d5184352b826db281d970e929b2113a196a04

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