frontend: Table: Hide columns to fit width

[skoeva]

Headlamp rendered every table column regardless of viewport width, so on narrow windows and high zoom levels flexible columns were crushed toward zero or pushed behind a horizontal scrollbar, cutting off data. This hides columns that no longer fit, dropping the least useful ones first.

Fixes: #1232

Changes

• Measure the table's available width with a ResizeObserver and hide columns that don't fit, instead of crushing them or relying on a horizontal scrollbar
• Add a responsivePriority column prop - columns are dropped by ascending priority, then right-to-left among equal priority, and the first column is always kept
• Assign priorities to the shared resource columns so Namespace/Labels drop before Cluster/Kind, and Age/Name are kept longest
• Columns without a priority default to 0, so other tables keep previous right-to-left behavior unchanged
• Hidden columns remain reachable via the existing column-visibility menu

Testing

• make frontend-test passes
• make frontend-lint passes
• Resize/zoom a resource list and confirm columns drop by priority and come back when widened

Screenshots

[kubernetes-prow]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: skoeva
Once this PR has been reviewed and has the lgtm label, please assign yolossn for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[Copilot]

Copilot wasn't able to review this pull request because it exceeds the maximum number of lines (20,000). Try reducing the number of changed lines and requesting a review from Copilot again.