enhancement: Update app layout with an expanded system monitor

[urmauur]

Describe Your Changes

This pull request includes changes to the MainViewContainer and ThreadCenterPanel components to improve the handling of the system monitor panel's height. The changes involve moving the logic for adjusting the height based on the system monitor panel's visibility from ThreadCenterPanel to MainViewContainer.

Changes to MainViewContainer:

• Added useEffect and useState imports to manage the height of the system monitor panel.
• Imported showSystemMonitorPanelAtom from App.atom and added state management for the system monitor panel's height.
• Updated the MainViewContainer component to adjust its height based on the system monitor panel's height.

Changes to ThreadCenterPanel:

• Removed the import of showSystemMonitorPanelAtom and the related state management logic.
• Cleaned up the ThreadCenterPanel component by removing the height adjustment logic for the system monitor panel.

Fixes Issues

Screen.Recording.2025-01-27.at.21.32.13.mov

• Closes enhancement: Better vertical responsiveness, user should be able to see all app functions normally when open System Monitor #4143
• Closes #

Self Checklist

• Added relevant comments, esp in complex areas
• Updated docs (for bug fixes / features)
• Created issues for follow-up changes or refactoring needed

[github-actions]

Barecheck - Code coverage report

Total: 67.99%

Your code coverage diff: 0.03% ▴

Uncovered files and lines

File	Lines
web/screens/Thread/ThreadCenterPanel/index.tsx	41, 43, 46, 49, 52, 82-83, 88-89, 93, 95, 98, 101-102, 110-113, 115-117, 125, 128-129, 131, 133, 139, 145-146

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.