feat(fe playlist): adding sources tabs to editor

resources/js/components/content/partials/Sources.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import {ref} from "vue";
+import Archive from "@/components/content/Archive.vue";
+import TableDraggable from "@/components/content/partials/TableDraggable.vue";
+
+const tab = ref(null)
+const tabs = [
+  {
+    id: 'archive',
+    title: 'Archivio',
+  },
+  {
+    id: 'blocks',
+    title: 'Blocchi dinamici',
+  },
+]
+</script>
+
+<template>
+  <v-tabs
+      v-model="tab"
+      bg-color="primary"
+  >
+    <v-tab
+        v-for="tab in tabs"
+        :value="tab.id"
+    >{{ tab.title }}</v-tab>
+  </v-tabs>
+  <v-tabs-window v-model="tab">
+    <v-tabs-window-item
+        v-for="tab in tabs"
+        :value="tab.id">
+      <Archive
+          v-if="tab.id === 'archive'"
+          :show-select="false"
+          :is-draggable="true"
+          :hideColumns="['mtime', 'actions']"
+      />
+    </v-tabs-window-item>
+  </v-tabs-window>
+</template>
+
+<style scoped>
+
+</style>