Update header menu item

src/ServicePulse.Host/vue/src/components/PageHeader.vue

@@ -11,6 +11,7 @@ import MonitoringMenuItem from "@/components/monitoring/MonitoringMenuItem.vue";
 import EventsMenuItem from "@/components/events/EventsMenuItem.vue";
 import DashboardMenuItem from "@/components/dashboard/DashboardMenuItem.vue";
 import FeedbackButton from "@/components/FeedbackButton.vue";
+import ThroughputMenuItem from "@/views/throughputreport/ThroughputMenuItem.vue";
 
 // prettier-ignore
 const menuItems = computed(
@@ -21,6 +22,7 @@ const menuItems = computed(
   FailedMessagesMenuItem,
   CustomChecksMenuItem,
   EventsMenuItem,
+  ThroughputMenuItem,
   ConfigurationMenuItem,
   FeedbackButton,
 ]);

src/ServicePulse.Host/vue/src/views/throughputreport/ThroughputMenuItem.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { RouterLink } from "vue-router";
+import routeLinks from "@/router/routeLinks";
+</script>
+
+<template>
+  <RouterLink :to="routeLinks.throughputReport.root">
+    <i class="fa fa-file-text-o icon-white" title="Throughput Report"></i>
+    <span class="navbar-label">Throughput Report</span>
+  </RouterLink>
+</template>
+
+<style scoped>
+@import "@/assets/navbar.css";
+@import "@/assets/header-menu-item.css";
+</style>