fix: resolve scroll hijacking at carousel section

[Shriii19]

Description

Fixed scroll hijacking issue where vertical scrolling was intercepted by the carousel section, forcing users to scroll horizontally through images before continuing down the page.

Changes Made

• Added pointer-events CSS property to .hero section to allow vertical scroll passthrough
• Implemented hover detection on carousel element
• Added wheel event handler that only enables horizontal carousel scrolling when mouse is hovering over the carousel
• Vertical scrolling now works seamlessly past the carousel section

Issue Fixed

Closes #1831

Testing

• ✅ Vertical scrolling works normally when not hovering over carousel
• ✅ Horizontal carousel navigation works when hovering and scrolling
• ✅ No unexpected scroll behavior

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• Improved user experience

[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! 😊

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	f18b2a2
🔍 Latest deploy log	https://app.netlify.com/projects/taupe-cendol-f7e2bb/deploys/6952bf6331c1bf000842e291
😎 Deploy Preview	https://deploy-preview-1895--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.