Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

pkg/harvester/formatters/SnapshotTargetVolume.vue

@@ -0,0 +1,45 @@
+<script>
+import { PVC } from '@shell/config/types';
+export default {
+  props: {
+    value: {
+      type:    String,
+      default: ''
+    },
+    row: {
+      type:    Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  async fetch() {
+    this.volumeList = await this.$store.dispatch('harvester/findAll', { type: PVC });
+  },
+  data() {
+    return { volumeList: [] };
+  },
+  computed: {
+    volume() {
+      const namespace = this.row?.metadata?.namespace;
+      const volume = this.volumeList.find( (V) => V.id === `${ namespace }/${ this.value }`) || {};
+
+      return volume;
+    },
+    to() {
+      return this.volume?.detailLocation;
+    },
+  }
+};
+</script>
+<template>
+  <router-link
+    v-if="to"
+    :to="to"
+  >
+    {{ value }}
+  </router-link>
+  <span v-else>
+    {{ value }}
+  </span>
+</template>