fix: update sidebar title padding and icon

[justskinny5]

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 Sidebar title padding and xmark #6535
• 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 Discord?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.
• sidebars'(notif, connect wallet, profile, cart) padding's vertical to 24px

• use this xmark - regular, sharp and make it 20px

Copilot Summary

🤖 Generated by Copilot at 9ee51c7

Updated the close icons and header spacing of ConnectWalletModal and ShoppingCartModal to improve consistency and usability. Refactored some common styles and components to avoid duplication.

🤖 Generated by Copilot at 9ee51c7

We are the masters of the modal
We wield the xmark as our blade
We crush the foes of py-5
We rule the realm of modal-card-head

[kodabot]

SUCCESS @justskinny5 PR for issue #6535 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	50c589d
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64e57a510fbc4f00088b88ba
😎 Deploy Preview	https://deploy-preview-6867--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 makes stylistic changes to several Vue.js components and a related SCSS file for better appearance. Specifically, the padding in header elements of the ConnectWalletModal.vue, NotificationBoxModal.vue, and ShoppingCartModal.vue files is slightly increased for better whitespace balance. Furthermore, it also modifies the icon used to represent the 'close' action in these same files, changing it from 'close' to 'xmark' for a better aesthetic fit. It also sets the size of these icons to 'medium'. An additional change involves adjusting the padding in the CSS class .modal-card-head in _connect-wallet.scss for better visual balance.

[preschian]

need @exezbcz approval
code lgtm

[exezbcz]

nice job, works for me

[prury]

will check again after request changes gets solved

[codeclimate]

Code Climate has analyzed commit 50c589d and detected 0 issues on this pull request.

View more on Code Climate.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[daiagi]

@prury
code lgtm - please test again

[yangwao]

pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 4.48 USD/DOT ~ 6.696 $DOT
🧗 129QwMHtmhf7qGF5EoMxVT7dosyb9SYZTkJTfQHYQ3kUQap4
🔗 0xa560b64a540a023bcff81431bb9bdd88d1019f5ab6d37966e6cfcf9cf24b1b29

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