Description of problem:

The left sidebar currently supports scrolling, but the scrollbar is not visible to the user, which can lead to confusion—especially when there are many items in the menu list.

Additionally, the "Administration" and "Settings" actions at the bottom should remain sticky, ensuring they are always accessible regardless of the scroll position.

It's recommended to display the scrollbar only on hover (similar to Gmail’s side navigation) to maintain a clean appearance while improving usability. Please refer to the attached Figma file for the expected behavior.

Prerequisites (if any, like setup, operators/versions):

• RHDH running with a sufficient number of sidebar items
• Any screen size where sidebar content overflows vertically

Steps to Reproduce

1. Launch the application
2. Add enough sidebar items to cause vertical overflow
3. Try to locate the scrollbar while navigating the sidebar
4. Observe position of "Administration" and "Settings" as you scroll

Actual results:

• Scrolling works, but scrollbar is not visible
• Users may not realize that the sidebar is scrollable
• "Administration" and "Settings" items scroll with the content and are not fixed to the bottom

Expected results:

• Scrollbar should appear on hover for better discoverability
• Sidebar content should be scrollable with visual feedback
• "Administration" and "Settings" should stay sticky at the bottom of the sidebar

Reproducibility (Always/Intermittent/Only Once):

Always

Build Details:

Additional info (Such as Logs, Screenshots, etc):

Figma Link