Draft: Rendering Vue Components in Dashboards

What does this MR do and why?

Issue: #387628 (closed)

• Basic setup for rendering Vue Components in Dashboarding
• Added visualizationType added, with either yml (for files loaded) or builtin (Vue Components)
• I added now a test setup for the DORA Chart component (which i didn't change here, but did in my spike to test - !104077 (diffs))

Custom Test Dashboard

id: new_dashboard
title: New dashboard  1234
panels:
  - id: 1
    visualization: page_views_per_day
    visualizationType: yml
    gridAttributes:
      yPos: 0
      xPos: 0
      width: 7
      height: 4
    options: {}
  - id: 2
    visualization: DORAChart
    visualizationType: builtin
    gridAttributes:
      yPos: 4
      xPos: 7
      width: 5
      height: 4
    options:
      namespace:
        name: awesome-co-root-58e999/ops
        requestPath: awesome-co-root-58e999/ops
        isProject: 'true'
  - id: 3
    visualization: page_views_per_day
    visualizationType: yml
    gridAttributes:
      yPos: 0
      xPos: 7
      width: 5
      height: 4
    options: {}

Screenshots or screen recordings

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

Enable the combined_analytics_dashboards_editor feature flag

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.

closes #387628 (closed)