Spike: Product Analytics dashboard + visualization designer

What does this MR do and why?

This is a spike for preparing the overall experience, my target is to distill and extract then the individual MR's.

Covers issues from :

• Dashboard Editor - &8574
• Visualization Designer - &9386

Planned MR's out of this Spike

I am preparing now one MR after the other with the according issues, and on some will ask for help getting them ready to be merged. The list is in order.

• Add Sessions and Unique Users measurements to visualization designers (!111805 (merged))
• Design adoptions to meet previous design (!111951 (merged))
• Load Dashboards and visualizations from selected repository in YML (!112481 (merged))
• Save Dashboards into selected repository, output dashboards and visualizations (!113754 (merged))
• New Dashboard (New Custom Dashboard (!114282 - merged) • Jiaan Louw • 16.0)
• Save Visualizations into selected repository (Update visualization designer to save configs t... (!114915 - merged) • Jiaan Louw • 16.2)
• Render components in panels (Draft: Rendering Vue Components in Dashboards (!114941 - closed) • Ezekiel Kigbo • 16.2)
• Add Panel (Add visualization selector to analytics dashboa... (!115173 - merged) • Jiaan Louw • 16.0)
• Select + Edit Panel
• Universal inspector for panel settings
• Filter selector for Queries (#385691)
• Date Range selector for Queries

Screenshots or screen recordings

https://www.youtube.com/watch?v=OIoxmVc4gP0

How to set up and validate locally

1. Make sure you are on GitLab Ultimate
2. You need to set up the Product Analytics DevKit if you haven't already done so. And follow the instructions on Connecting GDK to your devkit.
3. Access /-/product_analytics/dashboards/panel-designer on an product analytics activated project like [GDK_HOST]/gitlab-org/gitlab-shell/-/product_analytics/dashboards

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.