Confirm dialog, fix language change bug, add bank accout information to users

software/src/pages/accountPage/accountDataCard.vue

@@ -69,6 +69,21 @@ const userStore = useUserStore()
           />
         </v-col>
       </v-row>
+
+      <v-row>
+        <v-col>
+          <v-text-field
+            :label="$t('userInfo.bankName')"
+            v-model="userStore.userAccount.bankName"
+          />
+        </v-col>
+        <v-col>
+          <v-text-field
+            :label="$t('userInfo.iban')"
+            v-model="userStore.userAccount.iban"
+          />
+        </v-col>
+      </v-row>
     </v-container>
 
     <template #actions>

software/src/pages/accountPage/accountManagingCard.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import cardView from '@/components/cardView.vue';
+import confirmDialog from '@/components/confirmDialog.vue';
+import { ref } from 'vue';
+
+const showConfirmDialog = ref(false)
+
+function deleteAccount() {
+  // todo
+}
+</script>
+
+<template>
+  <card-view :title="$t('account.managingAccount')">
+    <v-container>
+      <v-row>
+        <v-col class="d-flex justify-center align-center">
+          <v-btn
+            prepend-icon="mdi-delete"
+            variant="outlined"
+            color="red"
+            @click="showConfirmDialog = true"
+          >
+            {{ $t("account.delete") }}
+          </v-btn>
+        </v-col>
+      </v-row>
+    </v-container>
+  </card-view>
+
+  <confirm-dialog
+    v-model="showConfirmDialog"
+    :title="$t('dialog.deleteAccount.title')"
+    :description="$t('dialog.deleteAccount.description')"
+    :onConfirm="deleteAccount"
+  />
+</template>

software/src/pages/accountPage/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import alertBanner from '@/components/alertBanner.vue';
 import accountDataCard from './accountDataCard.vue';
+import accountManagingCard from './accountManagingCard.vue';
 </script>
 
 <template>
@@ -16,5 +17,11 @@ import accountDataCard from './accountDataCard.vue';
         <account-data-card />
       </v-col>
     </v-row>
+
+    <v-row>
+      <v-col>
+        <account-managing-card />
+      </v-col>
+    </v-row>
   </v-container>
 </template>