Increase discoverability of CI/CD analytics for a project

Problem to solve

As a developer not familiar with the new CI/CD Analytics, from the jobs or pipeline pages I may never realise about these analytics.

I suggest to have a link from the jobs or pipeline pages to highlight the analytics

Intended users

These people would benefit:

• Delaney (Development Team Lead)
• Sasha (Software Developer)
• Devon (DevOps Engineer)
• Sidney (Systems Administrator)

User experience goal

Improve the discoverability of CI/CD analytics from the CI/CD related pages (jobs, pipeline).

Naively, one would think that analytics related to CI/CD should be in the CI/CD section, however all analytics are grouped together in a different section. Therefore, by providing a link from the job and pipeline pages, users would have a second entry point to these analytics.

Proposal

Add a link in the pipeline list view actions to CI/CD analytics (the kebab design depends on what is decided in #469156 (closed))

Implementation guide

1. Pass the path to the project's CI/CD analytics to the component where we need to use it:
   • Add an analytics_path: ... to pipelines_list_data that gets the path to the CI/CD Analytics page for the current project
   • Read it from el.dataset and provide it to the Vue app in pipelines_index.js
   • Inject it into pipelines_page/components/nav_controls.vue
2. Add a <gl-link> to pipelines_page/components/nav_controls.vue before the buttons/menu.
   • Make the text of the link View CI/CD analytics
   • Make the link go to the path we passed in in 1.

Further details

I am looking for an opportunity to become familiar and contribute to GitLab's code. @dennis suggested that I open and issue with this suggestion.

~"UX Feature Discoverability"