VSD - "DORA Performers score" panel - Adding projects topics filters.

Overview

Gitlab's Project Topics are used to categorize and find similar projects.

Problem

The Exec need to understand the organization DORA health top to bottom. He needs the highest level of data about the SDLC performance stand out quickly to identify the health of his software organization. Our users needs to filter the panel to explore the data from different angles, and to focus on a particular segment in their organization

Related to this feedback.

Proposal

1. Once VSD - [FE] Adding "DORA Performers score" panel (#386843 - closed) will be done, adding filters to the "DORA Performers score" panel.
2. If the data on the panel configured with filters, the UI will indicate the applied filters.
3. The MVC will start with "GitLab project topics" filter:

query {
  group(fullPath: "flightjs") {
    doraPerformanceScoreCounts(projectFilters: { topics: ["ruby", "javascript"] }) {
      nodes {
        metricName
        lowProjectsCount
        medProjectsCount
        highProjectsCount
        noDataProjectsCount
      }
    }
  }
}