Modelling: On LSB open the horizontal scrollbar moves the scrollbar

[SolidProgramming]

[ + ] Added div wrapper around button in NetworkModelling.razor to avoid that the button extends to 100% width because of the css
[ ~ ] Updated .connectiontable-responsive styles for better height management in ConnectionTable.razor.css
[ ~ ] Improved flexbox layout for tabs in TabSet.razor.css to make the new responsive changes work

Closing #3659 (Maybe needs structure rework)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Copilot]

Pull Request Overview

This PR addresses horizontal scrollbar positioning issues when the LSB (Left Side Bar) is open by implementing comprehensive responsive design updates. The changes focus on dynamically adjusting table heights based on screen dimensions and LSB state to prevent layout conflicts.

• Modified existing responsive breakpoint for medium screens (700-800px height)
• Added extensive LSB-aware styling with complex selector targeting
• Implemented container queries for additional responsive behavior

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[SolidProgramming]

@tpurschke
I tested the changes on a new install, and they work better than the old implementation. But still, if the view of the right side gets to small the structure breaks and shifts some elements together/down. The connection table/tabset element should be fine now. The problem with elements shifting down is, that the style of the "connectiontable-responsive" class has currently a calculated height "calc(100vh - 430px);". If elements shift down, the value "430px" doesn't work anymore. I guess this could be fixed with calculating the height value with JavaScript of all elements above(navbar/buttons/apps/labels) and adjusting the style's height, but i don't know JS good enough to be confident that it will fix our problem...

[tpurschke]

looking good