[BUG] [a11y] Map tab and Resources grid not visible at 200% text zoom

[gambtho]

Description

At 200% text zoom on 1280x768 resolution, content is clipped or invisible in two areas of Project Details:

1. Map tab: Deployment node labels (e.g., "nginx-test") are not visible — fixed-size containers (height: 48px) and overflow: hidden on graph nodes clip text at high zoom.
2. Resources tab > Network: The grid is not visible — the flex layout collapses the content area to zero height after headers/tabs consume most of the viewport.

Repro Steps

Pre-requisite: Set display resolution to 1280x768, text size to 200%.

Map tab

1. Launch AKS Desktop and log in
2. Navigate to Projects tab, open an existing project
3. Tab to Map tab and press Enter
4. Observe: deployment "nginx-test" label is not visible in Map section

Resources tab

1. Open an existing project
2. Tab to Resources tab and press Enter
3. Tab to Network and press Enter
4. Observe: Networks grid is not visible

Expected Behavior

All content should be fully visible and accessible at 200% zoom without loss of content or functionality. Content should reflow or scroll rather than being clipped.

User Impact

Low-vision users who rely on text zoom are unable to view critical deployment information and resource grids, impacting understanding and task completion.

MAS Reference

MAS 1.4.4 – Resize Text

Environment

• AKS Desktop Version: 0.1.0-alpha
• OS: Windows 11 Enterprise 24H2
• Resolution: 1280x768 at 200% text zoom

[illume]

LGTM

Tried a few different zoom levels and window sizes.

tried e5e1227

[ashu8912]

I think we can close this one, as we have a fix for this in main