add alert for no metrics, lint

client/src/components/JobMetrics/JobMetrics.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { BAlert } from "bootstrap-vue";
 import { computed, ref, unref, watch } from "vue";
 
 import { useJobMetricsStore } from "@/stores/jobMetricsStore";
@@ -217,4 +218,5 @@ const estimatedServerInstance = computed(() => {
             :cores-allocated="coresAllocated"
             :memory-allocated-in-mebibyte="memoryAllocatedInMebibyte" />
     </div>
+    <BAlert v-else variant="info" show> No metrics available for this job. </BAlert>
 </template>

client/src/components/Workflow/WorkflowAnnotation.vue

@@ -71,6 +71,7 @@ const workflowTags = computed(() => {
                     <SwitchToHistoryLink :history-id="props.historyId" />
                 </span>
             </div>
+            <slot name="middle-content" />
             <div class="d-flex align-items-center">
                 <div class="d-flex flex-column align-items-end mr-2">
                     <WorkflowIndicators :workflow="workflow" published-view no-edit-time />

client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue

@@ -116,14 +116,9 @@ const jobStatesSummary = computed(() => {
     return (!jobsSummary ? null : jobsSummary) as InvocationJobsSummary;
 });
 const invocationStateSuccess = computed(() => {
-    return (
-        invocationState.value == "scheduled" &&
-        runningCount.value === 0 &&
-        invocationAndJobTerminal.value
-    );
+    return invocationState.value == "scheduled" && runningCount.value === 0 && invocationAndJobTerminal.value;
 });
 
-
 type StepStateType = { [state: string]: number };
 
 const stepStates = computed<StepStateType>(() => {