Implement link the GitLab Duo and SDLC trends dashboard from the AI catalog

Implementation issue for UX: Improve analytics dashboard discovery for D... (#580017)

High-level plan:

  • Add a link at the top right corner of the AI Catalog header (ee/app/assets/javascripts/ai/catalog/components/ai_catalog_list_header.vue) to go to the Duo dashboard
  • Upon selecting the link a modal is shown. We should look at the GlobalSearchModal app/assets/javascripts/super_sidebar/components/global_search/components/global_search.vue) and reuse as much as possible ( but also just copy n paste components if refactoring the original components is too much effort )
  • Upon selecting a project or group, the user should be taken to the proper dashboard. This should be at /groups/GROUP_PATH/-/analytics/dashboards/DASHBOARD_NAME for group (e.g. https://gdk.test:3443/groups/gitlab-org/-/analytics/dashboards/value_streams_dashboard) or PROJECT_PATH/-/analytics/dashboards/DASHBOARD_NAME (e.g. https://gdk.test:3443/gitlab-org/gitlab-shell/-/analytics/dashboards/value_streams_dashboard)
  • Only projects and groups that have Duo and analytics dashboards enabled should be shown in the picker

Ideally we'd want to build a component that we could reuse in the second iteration of UX: Improve analytics dashboard discovery for D... (#580017) , where the projects/group picker is moved outside the modal and into the new landing page of analytics dashboards

Edited by Daniele Rossetti