fix:ui spacing and dark mode badge design

[aayush105]

Title: Improve UI Spacing and Dark Mode Badge Design

Summary

This PR refines the UI by adjusting spacing and enhancing the appearance of badges for dark mode. It addresses visual consistency by minimizing unnecessary gaps, aligning sections, and improving badge readability in dark mode.

Changes Made

1. Removed Unnecessary Spacing: Reduced excess spacing between sections for a cleaner, more compact layout.
2. Dark Mode Badge Updates:
   • Modified badge text color for better contrast in dark mode.
   • Adjusted badge background color to ensure readability in both light and dark modes.
3. Fixed Section Gaps: Updated gapping between sections to improve consistency.

Preview (Before and After)

Before:

After:

[netlify[bot]]

✅ Deploy Preview for gnomenepal ready!

Name	Link
🔨 Latest commit	1d5f17312f18524cf7ac0f83252ec7588005a945
🔍 Latest deploy log	https://app.netlify.com/sites/gnomenepal/deploys/671cc717e7670b0008be0a03
😎 Deploy Preview	https://deploy-preview-52--gnomenepal.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.

[utsavdotdev]

Hi @aayush105, thanks for raising the PR! It would be best if you first created an issue before raising the PR, as this is the standard process for contributions. No worries! Could you also resolve the alignment issue on larger screens, as shown in the image below?

[aayush105]

Hi @aayush105, thanks for raising the PR! It would be best if you first created an issue before raising the PR, as this is the standard process for contributions. No worries! Could you also resolve the alignment issue on larger screens, as shown in the image below?

Sure, I will fix all the issue and let you know. @utsavdotdev

[utsavdotdev]

Ok

[aayush105]

Ok

Can you review it? I have made the changes @utsavdotdev

[utsavdotdev]

Great work @aayush105 , and Congratulation on your first contribution in GNOME Nepal

[aayush105]

Great work @aayush105 , and Congratulation on your first contribution in GNOME Nepal

Thank you broda @utsavdotdev