fixed horizontal scroll bar in file case/fir section

[divyagsharma2006-blip]

Description

Added visible horizontal scroll bar to the Case Type selector in the File Case/FIR page.

Previously, the case type cards (Civil, Criminal, Family, Property, Commercial) were scrollable but the scrollbar was hidden (scrollbarWidth: 'none'), making it difficult for users to discover that more options exist beyond the visible area.

This PR makes the scrollbar visible and adds a scroll hint to improve user experience.

Closes: #(issue-number)

Changes Made

• ✅ Removed scrollbarWidth: 'none' and msOverflowStyle: 'none' from case type container
• ✅ Added scrollbarWidth: 'thin' for Firefox browsers
• ✅ Added custom WebKit scrollbar styling (Chrome, Safari, Edge)
• ✅ Added scroll hint text with chevron icons: "Scroll to see more case types"
• ✅ Added cursor: 'grab' for better UX
• ✅ Added WebkitOverflowScrolling: 'touch' for smooth mobile scrolling
• ✅ Improved card hover effects and transitions

Files Modified

• frontend/nyaysetu-frontend/src/pages/litigant/FileUnifiedPage.jsx

Before vs After

Before

After

Type of Change

• Bug fix
• New feature (UI/UX improvement)
• Breaking change
• Documentation update

Testing Performed

• Tested on Chrome browser
• Tested horizontal scrolling with mouse wheel
• Tested horizontal scrolling with drag/drag gesture
• Verified scrollbar appears only when needed (overflow)
• Verified scrollbar styling matches theme colors
• Tested responsive behavior on different screen sizes

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

Additional Notes

This change only affects the UI and does not impact backend functionality. The horizontal scroll container maintains all existing functionality while improving discoverability.

Related Issue

Closes: #418

[vercel]

Someone is attempting to deploy a commit to the CodeBlooded's projects Team on Vercel.

A member of the Team first needs to authorize it.