Redesign account pages, split payments and addresses to single pages, new dashboard

src/components/basics/cardViewOneLine.vue

@@ -12,7 +12,7 @@ defineProps({
 </script>
 
 <template>
-  <v-card variant="outlined" class="my-1 mx-2 px-2">
+  <v-card variant="outlined" class="my-1 px-2">
     <v-row class="d-flex justify-center align-center">
       <v-col class="text-caption text-left" v-if="descriptionText.length > 0">
         {{ descriptionText }}

src/components/pageParts/dashboardCard.vue

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import cardView from '@/components/basics/cardView.vue';
+import { useRouter } from 'vue-router';
+import outlinedButton from '@/components/basics/outlinedButton.vue';
+
+const router = useRouter()
+
+defineProps({
+  title: String,
+  icon: String,
+  firstLine: String,
+  secondLine: String,
+  buttonRoute: String,
+  loading: Boolean
+})
+</script>
+
+<template>
+  <v-col cols="12" md="6" lg="4">
+    <card-view
+      :title="title"
+      :icon="icon"
+    >
+      <v-skeleton-loader
+        type="heading"
+        :loading="loading"
+        class="text-h4 d-flex justify-center"
+      >
+        {{ firstLine }}
+      </v-skeleton-loader>
+
+      <v-skeleton-loader
+        type="text"
+        :loading="loading"
+        class="text-h6 text-disabled d-flex justify-center"
+      >
+        {{ secondLine }}
+      </v-skeleton-loader>
+
+      <template #actions v-if="!$slots.actions">
+        <outlined-button
+          @click="router.push(buttonRoute)"
+          :loading="loading"
+        >
+          {{ $t('misc.actions.more') }}
+        </outlined-button>
+      </template>
+
+      <template #actions v-else>
+        <slot name="actions"></slot>
+      </template>
+    </card-view>
+  </v-col>
+</template>