Additional metrics dashboard

What does this MR do?

Updates the metrics dashboard to a vue.js app to support the design mentioned in the following issue: closes #30369 (closed)

Are there points in the code the reviewer needs to double check?

The Vue.js architecture for the app itself

Screenshots (if relevant)

Responsive graphs

Does this MR meet the acceptance criteria?

• Tests
  • Added for this feature/bug
    • MR with tests that targets this branch: !11779 (merged)
• Conform by the merge request performance guides
• Conform by the style guides
• Squashed related commits together

Pending tasks

• Provide a title for the y-axis.
• Create a random color generator for both the path and line graphs (will explain further once the code is done).
  • Revert back to blue colors.
• Change the request from a mock to the actual backend.
• Update the error/empty states
• Remove (unnecessary) comments from files
• Delete the old prometheus files once everything has been ported (above).
  • Remove prometheus-graph.js
  • Remove deployments.js