Dashboard table not usable on mobile (horizontal scroll, wasted space)

[barakplasma]

Description

The dashboard table at /dashboard is not usable on mobile devices (tested on Pixel 10 in portrait orientation). The table has 8 columns (Namespace, Name, Pods, Policy, Required Approvals, Images, Keel Labels & Annotations, Policy & Approvals Control) which causes:

• Horizontal scrolling required
• Wasted space on columns like "Namespace" and "Required Approvals" that could be hidden on small screens
• Column headers like "Keel Labels & Annotations" and "Policy & Approvals Control" are unnecessarily long

Root Cause

The UI uses Ant Design Vue 1.3.8 (Vue 2) which doesn't have built-in responsive column hiding. The table has no mobile-specific styling.

Possible Fixes

1. Quick fix: Add @media queries to hide low-priority columns (Namespace, Approvals, Images, Labels) on screens < 768px
2. Better fix: Upgrade to Ant Design Vue 4.x (Vue 3) which has responsive column property
3. Alternative: Add a card/list view for mobile instead of the table

Environment

• Device: Pixel 10 (portrait, ~412px width)
• Browser: Chrome mobile
• Keel version: latest master