feat: Improve spacing between stat cards on homepage UI

[Sumit-programmer-787]

feat: Improve spacing between stat cards on homepage UI
#close issue #1897

Changes Made

• Added proper spacing between stat cards using CSS gap property
• Implemented responsive spacing for different screen sizes
• Enhanced visual hierarchy and readability of statistics section
• Added smooth hover effects for better user experience

Technical Details

• Used gap: 40px for desktop spacing
• Added responsive media queries for tablets and mobile
• Implemented glass-morphism effect for card design
• Added smooth transitions for hover animations

Screenshots

Desktop (After)

Mobile (After)

Testing

• ✅ Verified spacing on desktop (≥ 1200px)
• ✅ Verified spacing on tablets (768px - 992px)
• ✅ Verified spacing on mobile (< 576px)
• ✅ Checked hover animations
• ✅ Tested cross-browser compatibility

Checklist

• [] My code follows the project's style guidelines
• [] I have performed a self-review of my code
• [] I have commented my code where necessary
• [] My changes generate no new warnings
• [] I have added tests if applicable

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	75f5124
🔍 Latest deploy log	https://app.netlify.com/projects/taupe-cendol-f7e2bb/deploys/69554287f484350008a32939
😎 Deploy Preview	https://deploy-preview-1897--taupe-cendol-f7e2bb.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 project configuration.

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[Sumit-programmer-787]

I have done the spacing between cards on the homepage UI properly.