DEV - Fix Visual Bug (aspect ratio)

[lyannne]

Description: Some users are currently experiencing layout issues where the page doesn't fit the screen size, resulting in two vertical scrollbars and an unnecessary horizontal scrollbar appearing on the main page. This behavior creates a poor user experience by making it unclear which scrollbar controls the main content & breaking visual consistency across the application. The goal of this ticket is to identify and resolve the CSS/layout issues causing this issue.

Image:

Acceptance Criteria:

• Confirm root cause of sizing and scrollbar issue (likely container height/overflow CSS conflict).
• Fix layout so only one vertical scrollbar is visible across all screen sizes.
• Test fix on multiple breakpoints (desktop, laptop, tablet, mobile).

ADDITIONAL TASKS:

• Page size changes when user changes to different tabs (pls fix)
• footer T-T