[VSA] Enable pagination (frontend)

Problem to solve

Currently, we show the items that are being counted towards the cycle time for each stage, but we only show 20 of the items. Only showing 20 has limited value if a user wants to drill in and explore further.

Intended users

EM, PM, Executives

Further details

Proposal

Enable users to see more than 20 of the items that have been counted towards the stage time.

What does success look like, and how can we measure that?

A user can directly see issues/test/MRs, etc that lead to long cycle time from the dashboard and go to investigate what happened.

What is the type of buyer?

Premium

Links / references

Solution

• Use the pagination component from gitlab-ui and scroll the table to the top the user switches pages
• Show 20 items per page
• Since the querying total count is quite expensive on the backend, backend will implement key-based pagination. As a result, we won't show all page buttons but only the prev/next buttons (similar to what we do in GraphQL):

• frontend should use the header information (Link header, see https://docs.gitlab.com/ee/api/#keyset-based-pagination) to retrieve the URL for the previous and next page.

backend will be implemented in #324075 (closed)

Note: Sorting is out of scope here and will be implemented in #301082 (closed)