fix(vexhub): Fix Vex management detail styling

Removes empty labels/annotations in masthead metadata to align with UX design

Author: rushk014

pkg/sbombastic-image-vulnerability-scanner/detail/sbombastic.rancher.io.vexhub.vue

@@ -64,7 +64,7 @@ const defaultMastheadProps = computed(() => {
 <template>
   <DetailPage>
     <template #top-area>
-      <Masthead v-bind="defaultMastheadProps">
+      <Masthead class="masthead" v-bind="defaultMastheadProps">
         <template #additional-actions>
           <button
             data-testid="detail-explore-button"
@@ -85,4 +85,10 @@ const defaultMastheadProps = computed(() => {
 .btn.actions {
   gap: 12px;
 }
+
+/* Hide empty labels and annotations section */
+/* TODO: Remove when rancher provides option in their masthead component */
+.masthead:deep(.labels-and-annotations-empty) {
+  display: none;
+}
 </style>