upload button vile creation

frontend/src/components/Settings/Backup/index.vue

@@ -17,7 +17,16 @@
         </v-col>
       </v-row>
       <v-divider class="my-3"></v-divider>
-
+      <v-card-title class="mt-n6">
+        Available Backups
+        <v-spacer></v-spacer>
+        <span>
+          <v-btn color="success" text class="ma-2 white--text">
+            Upload
+            <v-icon right dark> mdi-cloud-upload </v-icon>
+          </v-btn>
+        </span>
+      </v-card-title>
       <AvailableBackupCard
         @loading="backupLoading = true"
         @finished="processFinished"

frontend/src/components/Settings/Migration/UploadMigrationButton.vue

@@ -11,7 +11,7 @@
     >
     </v-file-input>
   </v-form>
-</template>
+</template>c
 
 <script>
 import api from "../../../api";

frontend/src/components/UI/UploadBtn.vue

@@ -0,0 +1,25 @@
+<template>
+  <v-form ref="file">
+    <v-file-input
+      :loading="loading"
+      :label="$t('migration.upload-an-archive')"
+      v-model="file"
+      accept=".zip"
+      @change="upload"
+      :prepend-icon="icon"
+      class="file-icon"
+    >
+    </v-file-input>
+    <v-btn color="success" text class="ma-2 white--text">
+      Upload
+      <v-icon right dark> mdi-cloud-upload </v-icon>
+    </v-btn>
+  </v-form>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+</style>