2be2b36e01
## Issue https://discord.com/channels/1130383047699738754/1349428521075871846 @Devessier found a regression where the TabList was getting too tall in some places. This happened because: 1. The ScrollWrapper inside TabList has `height: 100%` by default 2. The parent container in ShowPageSubContainer uses `display: flex` when tabs should be shown 3. This combination makes the ScrollWrapper expand to fill the available space ## Fix Added a wrapper `<div>` around the ScrollWrapper in the TabList component. This works because: 1. It creates a new flex container that contains the ScrollWrapper's expansion 2. It preserves the flex context needed by ShowPageSubContainer for proper layout 3. It maintains all visual styles including the tab borders ## Technical Details While using `heightMode="fit-content"` on ScrollWrapper might seem like a fix, it breaks the interaction between TabList and its parent containers that use flex layout for positioning. before: <img width="537" alt="Screenshot 2025-03-13 at 02 16 03" src="https://github.com/user-attachments/assets/9d4ddc81-68e8-44fe-8d32-da1d8e52492c" /> after: <img width="518" alt="Screenshot 2025-03-13 at 02 11 50" src="https://github.com/user-attachments/assets/dc8866c9-7dc3-4b59-8c18-d08233fc2143" />
Run yarn dev while server running on port 3000