Device metrics and control reorganization (#2144)

photon-client/src/components/common/pv-tooltipped-label.vue

@@ -2,14 +2,19 @@
 defineProps<{
   label?: string;
   tooltip?: string;
+  icon?: string;
+  location?: "top" | "bottom" | "left" | "right";
 }>();
 </script>
 
 <template>
   <div>
-    <v-tooltip :disabled="tooltip === undefined" location="right" open-delay="300">
+    <v-tooltip :disabled="tooltip === undefined" :location="location ?? 'right'" open-delay="300">
       <template #activator="{ props }">
         <span style="cursor: text !important" class="text-white" v-bind="props">{{ label }}</span>
+        <v-icon v-if="icon" small class="ml-2" color="primary" v-bind="props">
+          {{ icon }}
+        </v-icon>
       </template>
       <span>{{ tooltip }}</span>
     </v-tooltip>