Add operational vulnerability tab

- add new tab to show operational vulnerabilities

ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_report_layout.vue

@@ -7,6 +7,7 @@ import { DASHBOARD_TYPES } from 'ee/security_dashboard/store/constants';
 export default {
   i18n: {
     developmentTab: s__('SecurityReports|Development vulnerabilities'),
+    operationalTab: s__('SecurityReports|Operational vulnerabilities'),
   },
   components: {
     GlTabs,
@@ -45,14 +46,11 @@ export default {
 
     <gl-tabs
       v-if="shouldShowTabs"
+      sync-active-tab-with-query-params
       :content-class="{ 'gl-pt-0': isProject, 'gl-pt-7': !isProject }"
       nav-class="gl-mt-3"
     >
-      <gl-tab>
-        <template #title>
-          <span>{{ $options.i18n.developmentTab }}</span>
-        </template>
-
+      <gl-tab :title="$options.i18n.developmentTab">
         <section v-if="hasSummarySlot" data-testid="summary-section">
           <slot name="summary"></slot>
         </section>
@@ -71,6 +69,12 @@ export default {
           </article>
         </div>
       </gl-tab>
+      <gl-tab
+        :title="$options.i18n.operationalTab"
+        :query-param-value="$options.i18n.operationalTab.toLowerCase()"
+      >
+        <div></div>
+      </gl-tab>
     </gl-tabs>
 
     <template v-else>

locale/gitlab.pot

@@ -30349,6 +30349,9 @@ msgstr ""
 msgid "SecurityReports|Oops, something doesn't seem right."
 msgstr ""
 
+msgid "SecurityReports|Operational vulnerabilities"
+msgstr ""
+
 msgid "SecurityReports|Project"
 msgstr ""