🚀 Feature: Improve Viewport Handling and Scrollbar Styling

[PentesterPriyanshu]

🔖 Feature description

hi current implementation lacks support for varying viewport height units across different browsers. This can lead to inconsistent UI behavior, particularly in dark mode. Additionally, scrollbar styling does not account for Firefox compatibility.

Proposed Changes:

Add fallback for vh where dvh is unsupported.
Adjust dark mode scrollbar thumb hover color for better contrast.
Implement Firefox-compatible scrollbar styling using scrollbar-color and scrollbar-width.

🎤 Why is this feature needed ?

Reason: These changes aim to enhance user experience by ensuring consistent behavior across all browsers and improving visual accessibility in dark mode.

✌️ How do you aim to achieve this?

Implement viewport height fallback, enhance dark mode scrollbar contrast, and ensure Firefox-compatible scrollbar styling for improved accessibility and consistency.

🔄️ Additional Information

No breaking changes anticipated; this will enhance cross-browser support and usability.

👀 Have you spent some time to check if this feature request has been raised before?

• I checked and didn't find similar issue

Are you willing to submit PR?

Yes I am willing to submit a PR!