feat : ajout download backup

pages/index.vue

@@ -1,10 +1,11 @@
 <template>
   <NuxtLayout name="default">
     <template #sidebar>
-      <div class="flex flex-col gap-">
+      <div class="flex flex-col">
         <DiagramStorage
           v-for="item in diagramItems"
           :key="item.key"
+          :loading="loading"
           :host-name="item.hostName"
           :status-color-class="item.statusColorClass"
           :chart-radius="chartRadius"
@@ -18,16 +19,23 @@
     </template>
 
     <p class="font-bold text-4xl my-6 mx-4">Écran de monitoring</p>
+
     <div class="flex">
-      <StatusSite/>
-      <Speedtest/>
+      <div class="flex flex-col gap-4">
+        <StatusSite />
+        <BackupButtonSee @select="selectedBackup = $event" />
+      </div>
+
+      <div class="flex flex-col gap-4">
+        <Speedtest />
+        <BackupList :folder="selectedBackup" />
+        <MessageDiscord/>
+      </div>
     </div>
   </NuxtLayout>
 </template>
 
 <script setup lang="ts">
-import Speedtest from "~/components/Speedtest.vue";
-
 definePageMeta({layout: false})
 import {computed, onMounted, ref} from "vue"
 
@@ -38,6 +46,7 @@ type DiskApiResponse = {
   local?: string | DiskCommandResult
 }
 
+const selectedBackup = ref<string | null>(null)
 const rawResults = ref<Record<SourceKey, string>>({
   remote: "",
   local: ""