Frontend: Present the number of times a single component had been used in the details page

Background

We would like to present the metric we are collecting, the number of times a component is used in a pipeline.

Requirements

We would need to present that metric on the details page.

Proposal

We want to show the metric per component on the details page. If users hover over the element, the tooltip describes what this metric means.

• 🔗 Figma prototype
• 👉 Design tab

The icon used here is the chart: https://gitlab-org.gitlab.io/gitlab-svgs/?q=~chart

Implementation Table

Group	Issue Link
backend	Spike: Evaluate how to calculate number of time... (#438409 - closed)
backend	Backend: Component usage instrumentation (#440382 - closed)
backend	Backend: Implement daily worker to aggregate la... (#452545 - closed)
backend	Backend: Add option to sort CI catalog resource... (#452620 - closed)
frontend	Frontend: Show usage statistics and sort option... (#434333 - closed)
frontend	👈 You are here
backend	Backend: Reduce data retention period and store... (#443681)
backend	Backend: Implement individual component sorting... (#453975 - closed)