Web: Table Updates

[kimlisa]

part of https://github.com/gravitational/teleport.e/issues/3571

Previously, client paginated tables current page reset to 0, when doing actions like adding, deleting, or selecting a row. it now only resets to 0 when user is searching or sorting, otherwise preserves current page.

Other changes:

• per figma, reduced the heights of search bar
  • for most search bars with advanced search, height is slightly higher than the default
• show pager on top and bottom
  • unless pager position is specified, default is to now show only top pager if data length is less than 5 (i can increase this number if it's too small)
  • but if data length > 5, shows both top and bottom pager
• pager is now centered with search bar

Unified resource search bar is only slightly reduced (same height with document nodes listing):

Everywhere else, the search bar is visibly reduced and centered with pager:

client paging (only top pager since data len is < 5)

client paging (shows both top and bottom since data len > 5)

server side paging (a bottom pager is also rendered but list too big for screenshot)

demo of preserving current page while data row changes

https://github.com/gravitational/teleport/assets/43280172/331bdce9-0e65-4aa5-bc43-8f41dc356ec4

[github-actions[bot]]

The PR changelog entry failed validation: Changelog entry not found in the PR body. Please add a "no-changelog" label to the PR, or changelog lines starting with changelog: followed by the changelog entries for the PR.

[github-actions[bot]]

The PR changelog entry failed validation: Changelog entry not found in the PR body. Please add a "no-changelog" label to the PR, or changelog lines starting with changelog: followed by the changelog entries for the PR.

[kimlisa]

friendly ping @rudream

[public-teleport-github-review-bot[bot]]

@kimlisa See the table below for backport results.

Branch	Result
branch/v15	Failed
branch/v16	Failed