add collapsible table feature in SessionVisualization component

[Felipedino]

This pull request enhances the usability of the SessionVisualization component by adding a collapsible feature to the model comparison table panel. Users can now collapse or expand the table section for a cleaner interface, especially when working with limited screen space. The implementation leverages Material UI's Collapse, IconButton, and Tooltip components, and includes UI/UX improvements to ensure smooth interaction.

Collapsible Table Panel Feature:

• Added a tableCollapsed state and implemented a collapsible model comparison table panel using Material UI's Collapse component, allowing users to hide or show the table as needed. [1] [2]
• Integrated ExpandMore and ExpandLess icons, along with an IconButton and Tooltip, to provide an intuitive toggle control for collapsing and expanding the table panel. [1] [2]
• Adjusted the layout and styling of the Paper container and its children to support the new collapsible behavior and maintain a responsive, flexible design. [1] [2]
• Ensured that the resize handle and related UI elements are only visible when the table is expanded, preventing unnecessary UI clutter when collapsed. [1] [2]

[Copilot]

Pull request overview

Adds a collapsible/expandable control to the SessionVisualization “model comparison” top panel to reduce UI clutter and better use vertical space.

Changes:

• Introduced tableCollapsed state and wrapped the panel content in MUI Collapse.
• Added an expand/collapse toggle using IconButton + Tooltip and ExpandMore/ExpandLess icons.
• Updated layout so the panel header stays fixed and the resize handle only appears when expanded.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.