diff --git a/nextcloud_backup/frontend/components.d.ts b/nextcloud_backup/frontend/components.d.ts
index fa62983..82f9a10 100644
--- a/nextcloud_backup/frontend/components.d.ts
+++ b/nextcloud_backup/frontend/components.d.ts
@@ -30,7 +30,6 @@ declare module 'vue' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     StatusBar: typeof import('./src/components/statusBar/StatusBar.vue')['default']
-    StatusComponent: typeof import('./src/components/statusBar/StatusComponent.vue')['default']
     WebdavConfigForm: typeof import('./src/components/settings/WebdavConfigForm.vue')['default']
     WebdavConfigMenu: typeof import('./src/components/settings/WebdavConfigMenu.vue')['default']
   }
diff --git a/nextcloud_backup/frontend/package.json b/nextcloud_backup/frontend/package.json
index 8b74d08..8132ce1 100644
--- a/nextcloud_backup/frontend/package.json
+++ b/nextcloud_backup/frontend/package.json
@@ -17,12 +17,13 @@
     "roboto-fontface": "*",
     "uuid": "^9.0.1",
     "vue": "^3.3.0",
-    "vuetify": "^3.0.0"
+    "vuetify": "3.5.16"
   },
   "devDependencies": {
     "@babel/types": "^7.23.0",
     "@types/luxon": "^3.4.2",
     "@types/node": "^20.10.0",
+    "@types/uuid": "^9.0.8",
     "@vitejs/plugin-vue": "^4.5.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "cross-env": "^7.0.3",
diff --git a/nextcloud_backup/frontend/pnpm-lock.yaml b/nextcloud_backup/frontend/pnpm-lock.yaml
index ad98dbf..7bb6658 100644
--- a/nextcloud_backup/frontend/pnpm-lock.yaml
+++ b/nextcloud_backup/frontend/pnpm-lock.yaml
@@ -30,8 +30,8 @@ dependencies:
     specifier: ^3.3.0
     version: 3.4.19(typescript@5.3.3)
   vuetify:
-    specifier: ^3.0.0
-    version: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
+    specifier: 3.5.16
+    version: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
 
 devDependencies:
   '@babel/types':
@@ -43,6 +43,9 @@ devDependencies:
   '@types/node':
     specifier: ^20.10.0
     version: 20.11.19
+  '@types/uuid':
+    specifier: ^9.0.8
+    version: 9.0.8
   '@vitejs/plugin-vue':
     specifier: ^4.5.0
     version: 4.6.2(vite@5.1.3)(vue@3.4.19)
@@ -102,7 +105,7 @@ devDependencies:
     version: 0.10.0(vite@5.1.3)(vue-router@4.2.5)(vue@3.4.19)
   vite-plugin-vuetify:
     specifier: ^2.0.0
-    version: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4)
+    version: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16)
   vue-router:
     specifier: ^4.2.0
     version: 4.2.5(vue@3.4.19)
@@ -542,6 +545,10 @@ packages:
     resolution: {integrity: sha512-/wdoPq1QqkSj9/QOeKkFquEuPzQbHTWAMPH/PaUMB+JuR31lXhlWXRZ52IpfDYVlDOUBvX09uBrPwxGT1hjNBg==}
     dev: true
 
+  /@types/uuid@9.0.8:
+    resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
+    dev: true
+
   /@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)(typescript@5.3.3):
     resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -837,7 +844,7 @@ packages:
   /@vue/shared@3.4.19:
     resolution: {integrity: sha512-/KliRRHMF6LoiThEy+4c1Z4KB/gbPrGjWwJR+crg2otgrf/egKzRaCPvJ51S5oetgsgXLfc4Rm5ZgrKHZrtMSw==}
 
-  /@vuetify/loader-shared@2.0.1(vue@3.4.19)(vuetify@3.5.4):
+  /@vuetify/loader-shared@2.0.1(vue@3.4.19)(vuetify@3.5.16):
     resolution: {integrity: sha512-zy5/ohEO7RcJaWYu2Xiy8TBEOkTb42XvWvSAJwXAtY8OlwqyGhzzBp9OvMVjLGIuFXumBpXKlsaVIkeN0OWWSw==}
     peerDependencies:
       vue: ^3.0.0
@@ -845,7 +852,7 @@ packages:
     dependencies:
       upath: 2.0.1
       vue: 3.4.19(typescript@5.3.3)
-      vuetify: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
+      vuetify: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
 
   /acorn-jsx@5.3.2(acorn@8.11.3):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@@ -2900,7 +2907,7 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-vuetify@2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4):
+  /vite-plugin-vuetify@2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16):
     resolution: {integrity: sha512-GlRVAruohE8b0FqmeYYh1cYg3n8THGOv066uMA44qLv9uhUxSLw55CS7fi2yU0wH363TJ2vq36zUsPTjRFrjGQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
@@ -2908,12 +2915,12 @@ packages:
       vue: ^3.0.0
       vuetify: ^3.0.0
     dependencies:
-      '@vuetify/loader-shared': 2.0.1(vue@3.4.19)(vuetify@3.5.4)
+      '@vuetify/loader-shared': 2.0.1(vue@3.4.19)(vuetify@3.5.16)
       debug: 4.3.4
       upath: 2.0.1
       vite: 5.1.3(@types/node@20.11.19)(sass@1.71.0)
       vue: 3.4.19(typescript@5.3.3)
-      vuetify: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
+      vuetify: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
     transitivePeerDependencies:
       - supports-color
 
@@ -3029,15 +3036,15 @@ packages:
       '@vue/shared': 3.4.19
       typescript: 5.3.3
 
-  /vuetify@3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19):
-    resolution: {integrity: sha512-fHgfWMI7+z/UtbVPOezX+O1MNBOOMBW9HnKejcBIyQQ7jFRnTHbDQmbINf25FK0wrg/zkjfzyOmWWREKW39eXg==}
+  /vuetify@3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19):
+    resolution: {integrity: sha512-jyApfATreFMkgjvK0bL7ntZnr+p9TU73+4E3kX6fIvUitdAP9fltG7yj+v3k14HLqZRSNhTL1GhQ95DFx631zw==}
     engines: {node: ^12.20 || >=14.13}
     peerDependencies:
       typescript: '>=4.7'
-      vite-plugin-vuetify: '>=1.0.0-alpha.12'
+      vite-plugin-vuetify: '>=1.0.0'
       vue: ^3.3.0
       vue-i18n: ^9.0.0
-      webpack-plugin-vuetify: '>=2.0.0-alpha.11'
+      webpack-plugin-vuetify: '>=2.0.0'
     peerDependenciesMeta:
       typescript:
         optional: true
@@ -3049,7 +3056,7 @@ packages:
         optional: true
     dependencies:
       typescript: 5.3.3
-      vite-plugin-vuetify: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4)
+      vite-plugin-vuetify: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16)
       vue: 3.4.19(typescript@5.3.3)
 
   /webpack-sources@3.2.3:
diff --git a/nextcloud_backup/frontend/src/components/MessageBar.vue b/nextcloud_backup/frontend/src/components/MessageBar.vue
index addf406..438401c 100644
--- a/nextcloud_backup/frontend/src/components/MessageBar.vue
+++ b/nextcloud_backup/frontend/src/components/MessageBar.vue
@@ -11,8 +11,12 @@
       <v-divider></v-divider>
       <v-responsive max-height="350px" class="overflow-y-auto">
         <v-list class="py-0">
-          <v-data-iterator :items="messages" item-value="id" items-per-page="-1">
-            <template v-slot:default="{ items,  isExpanded, toggleExpand}">
+          <v-data-iterator
+            :items="messages"
+            item-value="id"
+            items-per-page="-1"
+          >
+            <template v-slot:default="{ items, isExpanded, toggleExpand }">
               <template v-for="(item, index) in items" :key="item.raw.id">
                 <v-divider v-if="index != 0"></v-divider>
                 <v-list-item :class="{ 'bg-brown-darken-4': !item.raw.viewed }">
@@ -32,11 +36,15 @@
                       variant="text"
                       icon
                       color="secondary"
-                      @click="toggleExpand(item)"
+                      @click="toggleExpand(item as any)"
                       size="small"
                     >
                       <v-icon>
-                        {{ isExpanded(item) ? "mdi-chevron-up" : "mdi-information" }}
+                        {{
+                          isExpanded(item as any)
+                            ? "mdi-chevron-up"
+                            : "mdi-information"
+                        }}
                       </v-icon>
                     </v-btn>
                     <v-scroll-x-transition>
@@ -58,9 +66,13 @@
                   </template>
                 </v-list-item>
                 <v-expand-transition v-if="item.raw.detail">
-                  <div v-if="isExpanded(item)">
+                  <div v-if="isExpanded(item as any)">
                     <v-divider class="mx-3"></v-divider>
-                    <v-card class="mx-3 my-2" variant="outlined" color="secondary">
+                    <v-card
+                      class="mx-3 my-2"
+                      variant="outlined"
+                      color="secondary"
+                    >
                       <v-card-text>
                         {{ item.raw.detail }}
                       </v-card-text>
@@ -70,7 +82,6 @@
               </template>
             </template>
           </v-data-iterator>
-          
         </v-list>
       </v-responsive>
     </v-sheet>
@@ -160,13 +171,13 @@ function markReaded(id: string) {
   });
 }
 
-function markAllReaded(){
+function markAllReaded() {
   messageService.markAllRead().then((value) => {
     messages.value = value;
-  })
+  });
 }
 
 onBeforeUnmount(() => {
   clearInterval(interval);
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/nextcloud_backup/frontend/env.d.ts b/nextcloud_backup/frontend/src/env.d.ts
similarity index 100%
rename from nextcloud_backup/frontend/env.d.ts
rename to nextcloud_backup/frontend/src/env.d.ts
diff --git a/nextcloud_backup/frontend/src/store/alert.ts b/nextcloud_backup/frontend/src/store/alert.ts
index fb62eec..633a66d 100644
--- a/nextcloud_backup/frontend/src/store/alert.ts
+++ b/nextcloud_backup/frontend/src/store/alert.ts
@@ -14,7 +14,7 @@ export const useAlertStore = defineStore("alert", () => {
     const alert: Alert = {
       id: uuidv4(),
       timeOut: ref(timeOutValue.value),
-      interval: setInterval(() => {
+      interval: window.setInterval(() => {
         timeout(alert);
       }, 50),
       type: type,