Make column headers visible when scrolling on large tables in Fleet UI

[nonpunctual]

Making Fleet UI more usable prevents unnecessary exports & eases context switching for users.

Scrolling to the bottom of a list in Fleet UI prevents visibility of column headers.

Customer feedback:

1. If there are a bunch of columns the table is easily wider than my screen. (This is fine.)
2. If there are results in cells that are multi-line then the table becomes taller than my screen. (This is also fine.)
3. The horizontal scroll bar is on the bottom and the column headers are on the top.
4. If I want to scroll sideways and also see the names of the columns I'm looking at - a. I always want to see the names of the columns I'm looking at...
5. I have to go through this highly awkward dance of scroll down, scroll over, scroll up, repeat.

Kinda frustrating. This is especially a problem with the kubequery plugin which can return large tables that are well nigh impossible to browse.

I thought I'd be smart and export to csv. But the commas in the json in the cells confused the google sheet import.

Problem

Improve visibility of colmun headers in Fleet UI when scrolling on large tables.

Potential solutions

1. Some web app UI table views scroll in a frame with column headers fixed at the top of that frame. Google Sheets works this way.
2. Show column headers at top & bottom of tables.

[noahtalerman]

@nonpunctual thanks for moving the customer feedback here! Very helpful.

Which table exactly is the customer talking about?

At Fleet, we ship small, iterative improvements. This way, we can ship value for our customers quickly.

I think let's transform this feature request into something like "Make column headers visible when scrolling on the <insert-table-here> table in Fleet"

[nonpunctual]

@noahtalerman Hosts. But, also, live query results.