ui(fix): Study panel scrollbar fix and updates

[dan-rukas]

Context

This PR updates scrolling in the Study Panel and restores the Study Panel to match the original design.

(See Video Below)

Changes & Results

1. Eliminated Double Scrollbars
   • Removed the nested ScrollArea component from ThumbnailList.tsx
   • Kept only the parent ScrollArea in StudyBrowser.tsx
2. Reduced Excessive Spacing Around Thumbnails
   • Removed duplicate padding between container elements
   • Adjusted padding in thumbnail container elements
3. Improved Scrolling Behavior
   • Removed the fixed minHeight: '300px' constraint that was causing overflow issues
   • Removed maxHeight style constraint to enable proper content flow
   • Added className="w-full" to AccordionContent to ensure all thumbnails are properly included within the scrollable area
4. Fixed Content Hierarchy
   • Ensured all thumbnails are properly contained within a single scrollable container
   • Fixed issue where bottom thumbnails weren't scrolling with the rest of the list
5. Design Updates
   • Better alignment of Thumbnail text for readability

These changes result in alignment with user expectations of proper scrolling behavior and some small design updates for consistency with the App.

study-panel-scrolling.mov

Testing

Tested in Chrome across multiple studies

Checklist

PR

• My Pull Request title is descriptive, accurate and follows the
  semantic-release format and guidelines.

Code

• My code has been well-documented (function documentation, inline comments,
  etc.)

Public Documentation Updates

• [] The documentation page has been updated as necessary for any public API
  additions or removals.

Tested Environment

• OS: macOS Sequoia 15.4, M4 Pro
• Node version: 23.7.0
• Browser: Chrome 135.0.7049.85 (current)

[netlify]

✅ Deploy Preview for ohif-platform-docs canceled.

Name	Link
🔨 Latest commit	303f527
🔍 Latest deploy log	https://app.netlify.com/sites/ohif-platform-docs/deploys/67f95bb023ecec00083ab24a

[netlify]

✅ Deploy Preview for ohif-dev canceled.

Name	Link
🔨 Latest commit	303f527
🔍 Latest deploy log	https://app.netlify.com/sites/ohif-dev/deploys/67f95bb09613d00008034cac

[sedghi]

@pedrokohler can you tell why we needed scrollArea? (or scroll)

[pedrokohler]

@pedrokohler can you tell why we needed scrollArea? (or scroll)

@sedghi I checked and it's fine. There's no regression related to my recent work.

[dan-rukas]

@pedrokohler can you tell why we needed scrollArea? (or scroll)

@sedghi I checked and it's fine. There's no regression related to my recent work.

Yes, this PR keeps the correct ScrollArea (inside StudyBrowser) and removes the additional one inside ThumbnailList.

Having both scrollbars breaks the user experience in multiple ways, including: double scrollbars, full list not scrolling properly, and thumbnails could be missed (not shown at all) by users when the wrong panel area is scrolled.