Improve Horizontal Scrollbar Visibility & Usability in Code Blocks (Chromium Fix)

[roudra323]

Description:

🔧 Improve Horizontal Scrollbar Visibility & Usability in Code Blocks (Chromium Fix)

Description:

This PR enhances the horizontal scrollbar in code blocks, making it more visible and user-friendly in Chromium-based browsers. Previously, the scrollbar blended into the code block, making it difficult to use. Additionally, the border-radius issue on one side has been corrected.

📌 Note: This issue was specific to Chromium-based browsers (e.g., Chrome, Edge, Brave, etc.). In Firefox, the scrollbar worked fine both before and after this fix.

Changes:

• Improved scrollbar visibility in Chromium browsers.
• Introduced a subtle contrast between the scrollbar track and thumb.
• Applied a border to the scrollbar thumb for better distinction.
• Ensured smoother UI with rounded corners and hover effects.

Before & After (Chromium Browsers):

Before :

After:

Testing:

• Chrome/Edge/Brave: Issue reproduced before the fix, resolved after the fix.
• Firefox: No change in behavior, worked fine before and after.