diff --git a/frontend/.eslintignore b/frontend/.eslintignore
new file mode 100644
index 000000000..5033deba2
--- /dev/null
+++ b/frontend/.eslintignore
@@ -0,0 +1,2 @@
+node_modules
+**/*.min.js
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index 638b2d891..412341955 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -1,15 +1,30 @@
 module.exports = {
   root: true,
   env: {
-    node: true
-  },
-  extends: ['plugin:vue/essential'],
-  rules: {
-    // TODO no console!
-    'no-console': 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+    browser: true,
+    node: true,
+    jest: true
   },
   parserOptions: {
     parser: 'babel-eslint'
+  },
+  extends: [
+    'plugin:vue/essential',
+    'plugin:prettier/recommended'
+  ],
+  // required to lint *.vue files
+  plugins: [
+    'vue',
+    'prettier',
+    'jest'
+  ],
+  // add your custom rules here
+  rules: {
+    'no-console': ['error'],
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+    'prettier/prettier': ['error', {
+      htmlWhitespaceSensitivity: 'ignore'
+    }],
   }
-};
+}
diff --git a/frontend/babel.config.js b/frontend/babel.config.js
index add0e9944..5daca001a 100644
--- a/frontend/babel.config.js
+++ b/frontend/babel.config.js
@@ -1,14 +1,12 @@
 module.exports = {
-  "presets": [
-    "@vue/app"
-  ],
-  "plugins": [
+  presets: ["@vue/app"],
+  plugins: [
     [
       "component",
       {
-        "libraryName": "element-ui",
-        "styleLibraryName": "theme-chalk"
+        libraryName: "element-ui",
+        styleLibraryName: "theme-chalk"
       }
     ]
   ]
-}
+};
diff --git a/frontend/intelij.webpack.js b/frontend/intelij.webpack.js
index 2f49f3814..2e604e3c2 100644
--- a/frontend/intelij.webpack.js
+++ b/frontend/intelij.webpack.js
@@ -1,12 +1,12 @@
 // This configuration file is not used anywhere in the code, it's a hack to handle InteliJ relative path imports
 // Keep in sync with actual webpack aliases
 
-const path = require('path');
+const path = require("path");
 
 module.exports = {
   resolve: {
     alias: {
-      '@': path.resolve(__dirname, 'src')
+      "@": path.resolve(__dirname, "src")
     }
   }
 };
diff --git a/frontend/jest.config.js b/frontend/jest.config.js
index 6f45984ab..a66bab3ff 100644
--- a/frontend/jest.config.js
+++ b/frontend/jest.config.js
@@ -1,34 +1,29 @@
 module.exports = {
-    verbose: true,
-    collectCoverageFrom: [
-      "**/*.{js,vue}",
-      "!**/node_modules/**",
-      "!**/?(*.)+(spec|test).js?(x)"
-    ],
-    moduleFileExtensions: [
-      'js',
-      //'jsx',
-      'json',
-      'vue',
-    ],
-    coverageReporters: [
-      "lcov"
-    ],
-    moduleNameMapper: {
-      '^@/(.*)$': '<rootDir>/src/$1'
-    },
-    transform: {
-      '^.+\\.vue$': 'vue-jest',
-      // '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
-      "^.+\\.(js|jsx)?$": "babel-jest"
-    },
-    //setupFiles: [
-    //  "<rootDir>/test/registerContext.js"
-    //],
-    testMatch: [
-      "**/?(*.)+(spec|test).js?(x)"
-    ],
-    // snapshotSerializers: ['jest-serializer-vue'],
-    transformIgnorePatterns: ['<rootDir>/node_modules/']
-  };
-  
\ No newline at end of file
+  verbose: true,
+  collectCoverageFrom: [
+    "**/*.{js,vue}",
+    "!**/node_modules/**",
+    "!**/?(*.)+(spec|test).js?(x)"
+  ],
+  moduleFileExtensions: [
+    "js",
+    //'jsx',
+    "json",
+    "vue"
+  ],
+  coverageReporters: ["lcov"],
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1"
+  },
+  transform: {
+    "^.+\\.vue$": "vue-jest",
+    // '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
+    "^.+\\.(js|jsx)?$": "babel-jest"
+  },
+  //setupFiles: [
+  //  "<rootDir>/test/registerContext.js"
+  //],
+  testMatch: ["**/?(*.)+(spec|test).js?(x)"],
+  // snapshotSerializers: ['jest-serializer-vue'],
+  transformIgnorePatterns: ["<rootDir>/node_modules/"]
+};
diff --git a/frontend/package.json b/frontend/package.json
index 2ebf5c1a2..fa0c9bcde 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -6,7 +6,7 @@
     "start": "node server.js",
     "serve": "vue-cli-service serve --open",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
+    "lint": "eslint --ext .js,.vue .",
     "dev": "yarn run serve",
     "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'",
     "test": "jest"
@@ -27,7 +27,16 @@
     "element-ui": "2.4.11",
     "es6-promise": "^4.1.1",
     "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^7.5.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-config-standard": "^16.0.2",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jest": "^24.3.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-promise": "^4.3.1",
+    "eslint-plugin-standard": "^5.0.0",
+    "eslint-plugin-vue": "^7.8.0",
     "express": "^4.17.1",
     "flatpickr": "^4.5.7",
     "fuse.js": "^3.2.0",
diff --git a/frontend/server.js b/frontend/server.js
index 7f91163e5..ac73bba13 100644
--- a/frontend/server.js
+++ b/frontend/server.js
@@ -1,7 +1,7 @@
-var express = require('express');
-var serveStatic = require('serve-static');
+var express = require("express");
+var serveStatic = require("serve-static");
 var app = express();
 app.use(serveStatic(__dirname + "/dist"));
 var port = process.env.PORT || 5000;
 app.listen(port);
-// console.log('http://localhost:5000 server started.');
\ No newline at end of file
+// console.log('http://localhost:5000 server started.');
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 86d8a020b..d0aa0307e 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,46 +1,64 @@
 <template>
-<div id="app" class="font-sans text-gray-800">
-    <header > 
+  <div id="app" class="font-sans text-gray-800">
+    <header>
       <b-col class="text-center">
-        <b-dropdown  size="sm" split variant="secondary" :text="$t('language') + ' - '+$i18n.locale" class="m-md-2">
-        <b-dropdown-divider></b-dropdown-divider> 
-        <b-dropdown-item @click.prevent="setLocale('de')">Deutsch</b-dropdown-item>
-        <b-dropdown-item @click.prevent="setLocale('en')">English</b-dropdown-item>
-       </b-dropdown>
-     </b-col>     
+        <b-dropdown
+          size="sm"
+          split
+          variant="secondary"
+          :text="$t('language') + ' - ' + $i18n.locale"
+          class="m-md-2"
+        >
+          <b-dropdown-divider></b-dropdown-divider>
+          <b-dropdown-item @click.prevent="setLocale('de')">
+            Deutsch
+          </b-dropdown-item>
+          <b-dropdown-item @click.prevent="setLocale('en')">
+            English
+          </b-dropdown-item>
+        </b-dropdown>
+      </b-col>
     </header>
-    <div class="">   
-      <particles-bg type="custom" :config="config" :bg="true" />  
-      <router-view />       
+    <div class="">
+      <particles-bg type="custom" :config="config" :bg="true" />
+      <router-view />
     </div>
-  </div> 
+  </div>
 </template>
 
 <script>
 import { ParticlesBg } from "particles-bg-vue";
-import icon from "./icon.js"; 
+import icon from "./icon.js";
 
 export default {
-  name: 'app',
+  name: "app",
   components: {
-      ParticlesBg
-    },
-    created () {  
-      console.log( "xx", $cookies.get("gdd_lang"))
-      console.log('%cWillkommen bei Gradido %cgreen text', 'font-weight:bold', 'color: green')
-      if ( $cookies.isKey("gdd_session_id") == true) {
-         console.log('%cHey %c'+$cookies.get("gdd_u")+'', 'font-weight:bold', 'color: orange')
-         this.$store.commit('session_id', $cookies.get("gdd_session_id"))
-         this.$store.commit('email', $cookies.get("gdd_u"))
-         this.$store.commit('language', $cookies.get("gdd_lang"))
-         this.$i18n.locale = $cookies.get("gdd_lang")
-         this.$router.push("overview") 
-     }else {
-        console.log("app.vue to Logout")
-        this.$store.dispatch('logout')
-      }    
-    },
-     data() {
+    ParticlesBg
+  },
+  created() {
+    console.log("xx", $cookies.get("gdd_lang"));
+    console.log(
+      "%cWillkommen bei Gradido %cgreen text",
+      "font-weight:bold",
+      "color: green"
+    );
+    if ($cookies.isKey("gdd_session_id") == true) {
+      console.log(
+        "%cHey %c" + $cookies.get("gdd_u") + "",
+        "font-weight:bold",
+        "color: orange"
+      );
+      this.$store.commit("session_id", $cookies.get("gdd_session_id"));
+      this.$store.commit("email", $cookies.get("gdd_u"));
+      this.$store.commit("language", $cookies.get("gdd_lang"));
+      this.$i18n.locale = $cookies.get("gdd_lang");
+      this.$router.push("overview");
+    } else {
+      console.log("app.vue to Logout");
+      this.$store.dispatch("logout");
+    }
+  },
+  data() {
     return {
       config: {
         num: [1, 7],
@@ -54,38 +72,61 @@ export default {
         scale: [0.1, 0.4],
         position: "all",
         cross: "dead",
-        random: 2,
-      },
+        random: 2
+      }
     };
   },
-   methods: {
-      setLocale(locale) {
-      this.$i18n.locale = locale
-      this.$store.commit('language', this.$i18n.locale)
+  methods: {
+    setLocale(locale) {
+      this.$i18n.locale = locale;
+      this.$store.commit("language", this.$i18n.locale);
     }
-  },
-}
+  }
+};
 </script>
 <style>
-
-    .btn-primary pim{
-      background-color: #5A7B02;
-      border-color: #5e72e4;
-    }
-     a, .copyright{
-      color: #5A7B02;    
-    }
-    gradido-global-color-text{color:  #3D443B }
-    gradido-global-color-accent{color:  #047006 }
-    gradido-global-color-6e0a9c9e{color:  #000 } 
-    gradido-global-color-2d0fb154{color:  #047006 }
-    gradido-global-color-16efe88c{color:  #7EBC55 }
-    gradido-global-color-1939326{color:  #F6FFF6 }
-    gradido-global-color-9d79fc1{color:  #047006 }
-    gradido-global-color-6347f4d{color:  #5A7B02 }
-    gradido-global-color-4fbc19a{color:  #014034 }
-    gradido-global-color-d341874{color:  #B6D939 }
-    gradido-global-color-619d338{color:  #8EBFB1 }
-    gradido-global-color-44819a9{color:  #026873 }
-   
+.btn-primary pim {
+  background-color: #5a7b02;
+  border-color: #5e72e4;
+}
+a,
+.copyright {
+  color: #5a7b02;
+}
+gradido-global-color-text {
+  color: #3d443b;
+}
+gradido-global-color-accent {
+  color: #047006;
+}
+gradido-global-color-6e0a9c9e {
+  color: #000;
+}
+gradido-global-color-2d0fb154 {
+  color: #047006;
+}
+gradido-global-color-16efe88c {
+  color: #7ebc55;
+}
+gradido-global-color-1939326 {
+  color: #f6fff6;
+}
+gradido-global-color-9d79fc1 {
+  color: #047006;
+}
+gradido-global-color-6347f4d {
+  color: #5a7b02;
+}
+gradido-global-color-4fbc19a {
+  color: #014034;
+}
+gradido-global-color-d341874 {
+  color: #b6d939;
+}
+gradido-global-color-619d338 {
+  color: #8ebfb1;
+}
+gradido-global-color-44819a9 {
+  color: #026873;
+}
 </style>
diff --git a/frontend/src/apis/communityAPI.js b/frontend/src/apis/communityAPI.js
index a1da31707..91ab65504 100644
--- a/frontend/src/apis/communityAPI.js
+++ b/frontend/src/apis/communityAPI.js
@@ -1,54 +1,63 @@
-import axios from 'axios';
-import CONFIG from '../config'
+import axios from "axios";
+import CONFIG from "../config";
 
-const apiGet = async (url) => {
+const apiGet = async url => {
   try {
     const result = await axios.get(url);
-    if(result.status !== 200){
-      throw new Error('HTTP Status Error '+result.status)
+    if (result.status !== 200) {
+      throw new Error("HTTP Status Error " + result.status);
     }
-    if(result.data.state !== 'success'){
-      throw new Error(result.data.msg)
+    if (result.data.state !== "success") {
+      throw new Error(result.data.msg);
     }
-    return { success: true, result }
-  } catch(error){
-    return { success: false, result: error}
+    return { success: true, result };
+  } catch (error) {
+    return { success: false, result: error };
   }
-}
+};
 
 const apiPost = async (url, payload) => {
   try {
     const result = await axios.post(url, payload);
-    if(result.status !== 200){
-      throw new Error('HTTP Status Error '+result.status)
+    if (result.status !== 200) {
+      throw new Error("HTTP Status Error " + result.status);
     }
-    if(result.data.state !== 'success'){
-      throw new Error(result.data.msg)
+    if (result.data.state !== "success") {
+      throw new Error(result.data.msg);
     }
-    return { success: true, result }
-  } catch(error){
-    return { success: false, result: error}
+    return { success: true, result };
+  } catch (error) {
+    return { success: false, result: error };
   }
-}
+};
 
 const communityAPI = {
-  balance: async (session_id) => {
-    return apiGet(CONFIG.COMMUNITY_API_STATE_BALANCE_URL + 'ajaxGetBalance/' + session_id)
+  balance: async session_id => {
+    return apiGet(
+      CONFIG.COMMUNITY_API_STATE_BALANCE_URL + "ajaxGetBalance/" + session_id
+    );
   },
-  transactions: async (session_id) => {
-    return apiGet(CONFIG.COMMUNITY_API_STATE_BALANCE_URL + 'ajaxListTransactions/' + session_id)
+  transactions: async session_id => {
+    return apiGet(
+      CONFIG.COMMUNITY_API_STATE_BALANCE_URL +
+        "ajaxListTransactions/" +
+        session_id
+    );
   },
-  create: async (session_id, email, amount, memo, target_date = new Date() ) => {
+  create: async (session_id, email, amount, memo, target_date = new Date()) => {
     const payload = {
       session_id,
       email,
       amount,
-      target_date, 
+      target_date,
       memo,
       auto_sign: true
-    }
-    return apiPost(CONFIG.COMMUNITY_API_TRANSACTION_CREATION_URL + 'ajaxCreate/', payload)
+    };
+    return apiPost(
+      CONFIG.COMMUNITY_API_TRANSACTION_CREATION_URL + "ajaxCreate/",
+      payload
+    );
   }
-}
+};
 
-export default communityAPI
\ No newline at end of file
+export default communityAPI;
diff --git a/frontend/src/apis/loginAPI.js b/frontend/src/apis/loginAPI.js
index 8756a6840..3883fd230 100644
--- a/frontend/src/apis/loginAPI.js
+++ b/frontend/src/apis/loginAPI.js
@@ -1,40 +1,40 @@
-import axios from 'axios';
-import CONFIG from '../config'
+import axios from "axios";
+import CONFIG from "../config";
 
 // control email-text sended with email verification code
 const EMAIL_TYPE = {
   DEFAULT: 2, // if user has registered directly
-  ADMIN: 5, // if user was registered by an admin
-}
+  ADMIN: 5 // if user was registered by an admin
+};
 
 const apiPost = async (url, payload) => {
   try {
     const result = await axios.post(url, payload);
-    if(result.status !== 200){
-      throw new Error('HTTP Status Error '+result.status)
+    if (result.status !== 200) {
+      throw new Error("HTTP Status Error " + result.status);
     }
-    if(result.data.state !== 'success'){
-      throw new Error(result.data.msg)
+    if (result.data.state !== "success") {
+      throw new Error(result.data.msg);
     }
-    return { success: true, result }
-  } catch(error){
-    return { success: false, result: error}
+    return { success: true, result };
+  } catch (error) {
+    return { success: false, result: error };
   }
-}
+};
 
 const loginAPI = {
   login: async (email, password) => {
     const payload = {
       email,
-      password,
-    }
-    return apiPost(CONFIG.LOGIN_API_URL + 'unsecureLogin', payload)
+      password
+    };
+    return apiPost(CONFIG.LOGIN_API_URL + "unsecureLogin", payload);
   },
-  logout: async (session_id) => {
-    const payload= { session_id }
-    return apiPost(CONFIG.LOGIN_API_URL + 'logout', payload)
+  logout: async session_id => {
+    const payload = { session_id };
+    return apiPost(CONFIG.LOGIN_API_URL + "logout", payload);
   },
-  create : async (email, first_name, last_name, password) => {
+  create: async (email, first_name, last_name, password) => {
     const payload = {
       email,
       first_name,
@@ -42,9 +42,9 @@ const loginAPI = {
       password,
       emailType: EMAIL_TYPE.DEFAULT,
       login_after_register: true
-    }
-    return apiPost(CONFIG.LOGIN_API_URL + 'createUser', payload)
-  },     
-}
+    };
+    return apiPost(CONFIG.LOGIN_API_URL + "createUser", payload);
+  }
+};
 
-export default loginAPI
\ No newline at end of file
+export default loginAPI;
diff --git a/frontend/src/components/Badge.vue b/frontend/src/components/Badge.vue
index 4dcaca41d..07a6d5ea8 100644
--- a/frontend/src/components/Badge.vue
+++ b/frontend/src/components/Badge.vue
@@ -3,48 +3,48 @@
     :variant="type"
     :pill="rounded"
     :size="size"
-    :class="{'badge-circle': circle }">
+    :class="{ 'badge-circle': circle }"
+  >
     <slot>
       <i v-if="icon" :class="icon"></i>
     </slot>
   </b-badge>
 </template>
 <script>
-  export default {
-    name: "badge",
-    props: {
-      tag: {
-        type: String,
-        default: "span",
-        description: "Html tag to use for the badge."
-      },
-      rounded: {
-        type: Boolean,
-        default: false,
-        description: "Whether badge is of pill type"
-      },
-      circle: {
-        type: Boolean,
-        default: false,
-        description: "Whether badge is circle"
-      },
-      icon: {
-        type: String,
-        default: "",
-        description: "Icon name. Will be overwritten by slot if slot is used"
-      },
-      type: {
-        type: String,
-        default: "default",
-        description: "Badge type (primary|info|danger|default|warning|success)"
-      },
-      size: {
-        type: String,
-        description: 'Badge size (md, lg)',
-        default: ''
-      }
+export default {
+  name: "badge",
+  props: {
+    tag: {
+      type: String,
+      default: "span",
+      description: "Html tag to use for the badge."
+    },
+    rounded: {
+      type: Boolean,
+      default: false,
+      description: "Whether badge is of pill type"
+    },
+    circle: {
+      type: Boolean,
+      default: false,
+      description: "Whether badge is circle"
+    },
+    icon: {
+      type: String,
+      default: "",
+      description: "Icon name. Will be overwritten by slot if slot is used"
+    },
+    type: {
+      type: String,
+      default: "default",
+      description: "Badge type (primary|info|danger|default|warning|success)"
+    },
+    size: {
+      type: String,
+      description: "Badge size (md, lg)",
+      default: ""
     }
-  };
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/components/BaseAlert.vue b/frontend/src/components/BaseAlert.vue
index 33567682d..daeab0289 100644
--- a/frontend/src/components/BaseAlert.vue
+++ b/frontend/src/components/BaseAlert.vue
@@ -8,7 +8,6 @@
     >
       <slot v-if="!dismissible"></slot>
       <template v-else>
-
         <template v-if="icon || $slots.icon">
           <slot name="icon">
             <span class="alert-icon" data-notify="icon">
@@ -17,14 +16,16 @@
           </slot>
         </template>
 
-        <span class="alert-text"> <slot></slot> </span>
+        <span class="alert-text"><slot></slot></span>
 
         <slot name="dismiss-icon">
-          <button type="button"
-                  class="close"
-                  data-dismiss="alert"
-                  aria-label="Close"
-                  @click="dismissAlert">
+          <button
+            type="button"
+            class="close"
+            data-dismiss="alert"
+            aria-label="Close"
+            @click="dismissAlert"
+          >
             <span aria-hidden="true">×</span>
           </button>
         </slot>
@@ -33,44 +34,44 @@
   </fade-transition>
 </template>
 <script>
-  import { FadeTransition } from 'vue2-transitions';
+import { FadeTransition } from "vue2-transitions";
 
-  export default {
-    name: 'base-alert',
-    components: {
-      FadeTransition
+export default {
+  name: "base-alert",
+  components: {
+    FadeTransition
+  },
+  created() {
+    console.log("base-alert gesetzt in =>", this.$route.path);
+  },
+  props: {
+    type: {
+      type: String,
+      default: "default",
+      description: "Alert type"
     },
-    created() {
-      console.log("base-alert gesetzt in =>", this.$route.path )
+    dismissible: {
+      type: Boolean,
+      default: false,
+      description: "Whether alert is dismissible (closeable)"
     },
-    props: {
-      type: {
-        type: String,
-        default: 'default',
-        description: 'Alert type'
-      },
-      dismissible: {
-        type: Boolean,
-        default: false,
-        description: 'Whether alert is dismissible (closeable)'
-      },
-      icon: {
-        type: String,
-        default: '',
-        description: 'Alert icon to display'
-      }
-    },
-    data() {
-      return {
-        visible: true
-      };
-    },
-    methods: {
-      dismissAlert() {
-        console.log("sdddddddddddddddddddddddd")
-        this.visible = false;
-        this.$store.state.loginfail = false;
-      }
+    icon: {
+      type: String,
+      default: "",
+      description: "Alert icon to display"
     }
-  };
+  },
+  data() {
+    return {
+      visible: true
+    };
+  },
+  methods: {
+    dismissAlert() {
+      console.log("sdddddddddddddddddddddddd");
+      this.visible = false;
+      this.$store.state.loginfail = false;
+    }
+  }
+};
 </script>
diff --git a/frontend/src/components/BaseButton.vue b/frontend/src/components/BaseButton.vue
index d2f6ed3df..880662ec2 100644
--- a/frontend/src/components/BaseButton.vue
+++ b/frontend/src/components/BaseButton.vue
@@ -23,7 +23,7 @@
 </template>
 <script>
 export default {
-  name: 'base-button',
+  name: "base-button",
   props: {
     round: Boolean,
     icon: Boolean,
@@ -33,43 +33,43 @@ export default {
     disabled: Boolean,
     type: {
       type: String,
-      default: 'default',
-      description: 'Button type (primary|secondary|danger etc)'
+      default: "default",
+      description: "Button type (primary|secondary|danger etc)"
     },
     nativeType: {
       type: String,
-      default: 'button',
-      description: 'Button native type (e.g button, input etc)'
+      default: "button",
+      description: "Button native type (e.g button, input etc)"
     },
     size: {
       type: String,
-      default: '',
-      description: 'Button size (sm|lg)'
+      default: "",
+      description: "Button size (sm|lg)"
     },
     outline: {
       type: Boolean,
-      description: 'Whether button is outlined (only border has color)'
+      description: "Whether button is outlined (only border has color)"
     },
     link: {
       type: Boolean,
-      description: 'Whether button is a link (no borders or background)'
+      description: "Whether button is a link (no borders or background)"
     }
   },
   methods: {
     handleClick(evt) {
-      this.$emit('click', evt);
+      this.$emit("click", evt);
     }
   }
 };
 </script>
 <style lang="scss">
-  .base-button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
+.base-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 
-    i {
-      padding: 0 3px;
-    }
+  i {
+    padding: 0 3px;
   }
+}
 </style>
diff --git a/frontend/src/components/BaseDropdown.vue b/frontend/src/components/BaseDropdown.vue
index 9c50f40da..ecbaca250 100644
--- a/frontend/src/components/BaseDropdown.vue
+++ b/frontend/src/components/BaseDropdown.vue
@@ -9,12 +9,13 @@
       <component
         :is="titleTag"
         class="btn-rotate"
-        :class="[{'dropdown-toggle': hasToggle}, titleClasses]"
+        :class="[{ 'dropdown-toggle': hasToggle }, titleClasses]"
         :aria-expanded="isOpen"
         data-toggle="dropdown"
       >
         <slot name="title" :is-open="isOpen">
-          <i :class="icon"></i> {{ title }}
+          <i :class="icon"></i>
+          {{ title }}
         </slot>
       </component>
     </slot>
@@ -32,46 +33,46 @@
 </template>
 <script>
 export default {
-  name: 'base-dropdown',
+  name: "base-dropdown",
   props: {
     tag: {
       type: String,
-      default: 'div',
-      description: 'Dropdown html tag (e.g div, ul etc)'
+      default: "div",
+      description: "Dropdown html tag (e.g div, ul etc)"
     },
     titleTag: {
       type: String,
-      default: 'button',
-      description: 'Dropdown title (toggle) html tag'
+      default: "button",
+      description: "Dropdown title (toggle) html tag"
     },
     title: {
       type: String,
-      description: 'Dropdown title'
+      description: "Dropdown title"
     },
     direction: {
       type: String,
-      default: 'down', // up | down
-      description: 'Dropdown menu direction (up|down)'
+      default: "down", // up | down
+      description: "Dropdown menu direction (up|down)"
     },
     icon: {
       type: String,
-      description: 'Dropdown icon'
+      description: "Dropdown icon"
     },
     titleClasses: {
       type: [String, Object, Array],
-      description: 'Title css classes'
+      description: "Title css classes"
     },
     menuClasses: {
       type: [String, Object],
-      description: 'Menu css classes'
+      description: "Menu css classes"
     },
     menuOnRight: {
       type: Boolean,
-      description: 'Whether menu should appear on the right'
+      description: "Whether menu should appear on the right"
     },
     hasToggle: {
       type: Boolean,
-      description: 'Whether dropdown has arrow icon shown',
+      description: "Whether dropdown has arrow icon shown",
       default: true
     }
   },
@@ -83,11 +84,11 @@ export default {
   methods: {
     toggleDropDown() {
       this.isOpen = !this.isOpen;
-      this.$emit('change', this.isOpen);
+      this.$emit("change", this.isOpen);
     },
     closeDropDown() {
       this.isOpen = false;
-      this.$emit('change', false);
+      this.$emit("change", false);
     }
   }
 };
diff --git a/frontend/src/components/BaseHeader.vue b/frontend/src/components/BaseHeader.vue
index a51c52874..7e57ddafa 100644
--- a/frontend/src/components/BaseHeader.vue
+++ b/frontend/src/components/BaseHeader.vue
@@ -1,23 +1,22 @@
 <template>
-  <div class="header" :class="{[`bg-${type}`]: type}">
-     <b-container fluid>
+  <div class="header" :class="{ [`bg-${type}`]: type }">
+    <b-container fluid>
       <div class="header-body">
         <slot></slot>
       </div>
-     </b-container>
+    </b-container>
   </div>
 </template>
 <script>
-  export default {
-    name: 'base-header',
-    props: {
-      type: {
-        type: String,
-        default: 'success',
-        description: 'Header background type'
-      }
+export default {
+  name: "base-header",
+  props: {
+    type: {
+      type: String,
+      default: "success",
+      description: "Header background type"
     }
   }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/components/BasePagination.vue b/frontend/src/components/BasePagination.vue
index 84d4c7207..b7055d247 100755
--- a/frontend/src/components/BasePagination.vue
+++ b/frontend/src/components/BasePagination.vue
@@ -1,14 +1,27 @@
 <template>
   <div>
-    <b-pagination first-number last-number :per-page="perPage" :size="size" :value="value" @change="(val) => $emit('change', val)" :align="align" :total-rows="total">
+    <b-pagination
+      first-number
+      last-number
+      :per-page="perPage"
+      :size="size"
+      :value="value"
+      @change="val => $emit('change', val)"
+      :align="align"
+      :total-rows="total"
+    >
       <template v-slot:prev-text>
         <a class="page-link" aria-label="Previous">
-          <span aria-hidden="true"><i class="fa fa-angle-left" aria-hidden="true"></i></span>
+          <span aria-hidden="true">
+            <i class="fa fa-angle-left" aria-hidden="true"></i>
+          </span>
         </a>
       </template>
       <template v-slot:next-text>
         <a class="page-link" aria-label="Next">
-          <span aria-hidden="true"><i class="fa fa-angle-right" aria-hidden="true"></i></span>
+          <span aria-hidden="true">
+            <i class="fa fa-angle-right" aria-hidden="true"></i>
+          </span>
         </a>
       </template>
     </b-pagination>
@@ -51,6 +64,6 @@ export default {
       default: "",
       description: "Pagination alignment (e.g center|start|end)"
     }
-  },
+  }
 };
 </script>
diff --git a/frontend/src/components/BaseProgress.vue b/frontend/src/components/BaseProgress.vue
index 678d157e2..2157d03d6 100755
--- a/frontend/src/components/BaseProgress.vue
+++ b/frontend/src/components/BaseProgress.vue
@@ -3,82 +3,82 @@
     <div :class="`progress-${type}`" v-if="showLabel">
       <div class="progress-label">
         <slot name="label">
-          <span>{{label}}</span>
+          <span>{{ label }}</span>
         </slot>
       </div>
       <div class="progress-percentage">
         <slot>
-          <span>{{value}}%</span>
+          <span>{{ value }}%</span>
         </slot>
       </div>
     </div>
     <b-progress
       :size="size"
       :class="[progressClasses]"
-      :style="`height: ${height}px`">
+      :style="`height: ${height}px`"
+    >
       <b-progress-bar :class="computedClasses" :value="value"></b-progress-bar>
     </b-progress>
   </div>
 </template>
 <script>
-  export default {
-    name: "base-progress",
-    props: {
-      striped: {
-        type: Boolean,
-        description: "Whether progress is striped"
-      },
-      animated: {
-        type: Boolean,
-        description:
-          "Whether progress is animated (works only with `striped` prop together)"
-      },
-      label: {
-        type: String,
-        description: "Progress label (shown on the left above progress)"
-      },
-      height: {
-        type: Number,
-        default: 3,
-        description: "Progress line height"
-      },
-      type: {
-        type: String,
-        default: "default",
-        description: "Progress type (e.g danger, primary etc)"
-      },
-      showLabel: {
-        type: Boolean,
-        default: false
-      },
-      progressClasses: {
-        type: [Array, String],
-        default: '',
-        description: 'Progress css classes'
-      },
-      size: {
-        type: String,
-        default: ''
-      },
-      value: {
-        type: Number,
-        default: 0,
-        validator: value => {
-          return value >= 0 && value <= 100;
-        },
-        description: "Progress value"
-      }
+export default {
+  name: "base-progress",
+  props: {
+    striped: {
+      type: Boolean,
+      description: "Whether progress is striped"
     },
-    computed: {
-      computedClasses() {
-        return [
-          { "progress-bar-striped": this.striped },
-          { "progress-bar-animated": this.animated },
-          { [`bg-${this.type}`]: this.type }
-        ];
-      }
+    animated: {
+      type: Boolean,
+      description:
+        "Whether progress is animated (works only with `striped` prop together)"
+    },
+    label: {
+      type: String,
+      description: "Progress label (shown on the left above progress)"
+    },
+    height: {
+      type: Number,
+      default: 3,
+      description: "Progress line height"
+    },
+    type: {
+      type: String,
+      default: "default",
+      description: "Progress type (e.g danger, primary etc)"
+    },
+    showLabel: {
+      type: Boolean,
+      default: false
+    },
+    progressClasses: {
+      type: [Array, String],
+      default: "",
+      description: "Progress css classes"
+    },
+    size: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: Number,
+      default: 0,
+      validator: value => {
+        return value >= 0 && value <= 100;
+      },
+      description: "Progress value"
     }
-  };
+  },
+  computed: {
+    computedClasses() {
+      return [
+        { "progress-bar-striped": this.striped },
+        { "progress-bar-animated": this.animated },
+        { [`bg-${this.type}`]: this.type }
+      ];
+    }
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/components/BaseSlider.vue b/frontend/src/components/BaseSlider.vue
index 00d9e67b3..3d4e40369 100644
--- a/frontend/src/components/BaseSlider.vue
+++ b/frontend/src/components/BaseSlider.vue
@@ -2,31 +2,31 @@
   <div class="slider" :disabled="disabled"></div>
 </template>
 <script>
-import noUiSlider from 'nouislider';
+import noUiSlider from "nouislider";
 
 export default {
-  name: 'base-slider',
+  name: "base-slider",
   props: {
     value: {
       type: [String, Array, Number],
-      description: 'slider value'
+      description: "slider value"
     },
     disabled: {
       type: Boolean,
       default: false,
-      description: 'whether the slider is disabled'
+      description: "whether the slider is disabled"
     },
     start: {
       type: [Number, Array],
       default: 0,
       description:
-        '[noUi Slider start](https://refreshless.com/nouislider/slider-options/#section-start)'
+        "[noUi Slider start](https://refreshless.com/nouislider/slider-options/#section-start)"
     },
     connect: {
       type: [Boolean, Array],
       default: () => [true, false],
       description:
-        '[noUi Slider connect](https://refreshless.com/nouislider/slider-options/#section-connect)'
+        "[noUi Slider connect](https://refreshless.com/nouislider/slider-options/#section-connect)"
     },
     range: {
       type: Object,
@@ -37,7 +37,7 @@ export default {
         };
       },
       description:
-        '[noUi Slider range](https://refreshless.com/nouislider/slider-values/#section-range)'
+        "[noUi Slider range](https://refreshless.com/nouislider/slider-values/#section-range)"
     },
     options: {
       type: Object,
@@ -45,7 +45,7 @@ export default {
         return {};
       },
       description:
-        '[noUi Slider options](https://refreshless.com/nouislider/slider-options/)'
+        "[noUi Slider options](https://refreshless.com/nouislider/slider-options/)"
     }
   },
   data() {
@@ -62,10 +62,10 @@ export default {
         ...this.options
       });
       const slider = this.$el.noUiSlider;
-      slider.on('slide', () => {
+      slider.on("slide", () => {
         let value = slider.get();
         if (value !== this.value) {
-          this.$emit('input', value);
+          this.$emit("input", value);
         }
       });
     }
diff --git a/frontend/src/components/BaseTable.vue b/frontend/src/components/BaseTable.vue
index 979cb6618..6a9a065b7 100644
--- a/frontend/src/components/BaseTable.vue
+++ b/frontend/src/components/BaseTable.vue
@@ -10,10 +10,7 @@
     <tbody :class="tbodyClasses">
       <tr v-for="(item, index) in data" :key="index">
         <slot :row="item" :index="index">
-          <td
-            v-for="(column, index) in columns"
-            :key="index"
-          >
+          <td v-for="(column, index) in columns" :key="index">
             {{ itemValue(item, column) }}
           </td>
         </slot>
@@ -23,32 +20,32 @@
 </template>
 <script>
 export default {
-  name: 'base-table',
+  name: "base-table",
   props: {
     columns: {
       type: Array,
       default: () => [],
-      description: 'Table columns'
+      description: "Table columns"
     },
     data: {
       type: Array,
       default: () => [],
-      description: 'Table data'
+      description: "Table data"
     },
     type: {
       type: String, // striped | hover
-      default: '',
-      description: 'Whether table is striped or hover type'
+      default: "",
+      description: "Whether table is striped or hover type"
     },
     theadClasses: {
       type: String,
-      default: '',
-      description: '<thead> css classes'
+      default: "",
+      description: "<thead> css classes"
     },
     tbodyClasses: {
       type: String,
-      default: '',
-      description: '<tbody> css classes'
+      default: "",
+      description: "<tbody> css classes"
     }
   },
   computed: {
@@ -58,7 +55,7 @@ export default {
   },
   methods: {
     hasValue(item, column) {
-      return item[column.toLowerCase()] !== 'undefined';
+      return item[column.toLowerCase()] !== "undefined";
     },
     itemValue(item, column) {
       return item[column.toLowerCase()];
diff --git a/frontend/src/components/Breadcrumb/Breadcrumb.vue b/frontend/src/components/Breadcrumb/Breadcrumb.vue
index 4416c542b..a8f0f6c08 100644
--- a/frontend/src/components/Breadcrumb/Breadcrumb.vue
+++ b/frontend/src/components/Breadcrumb/Breadcrumb.vue
@@ -1,24 +1,23 @@
 <template>
   <nav aria-label="breadcrumb">
-    <b-breadcrumb
-        :class="[{[`bg-${type}`]: type}, listClasses]">
+    <b-breadcrumb :class="[{ [`bg-${type}`]: type }, listClasses]">
       <slot></slot>
     </b-breadcrumb>
   </nav>
 </template>
 <script>
 export default {
-  name: 'breadcrumb',
+  name: "breadcrumb",
   props: {
     type: {
       type: String,
-      default: '',
-      description: 'Breadcrumb background type'
+      default: "",
+      description: "Breadcrumb background type"
     },
     listClasses: {
       type: [String, Object],
-      default: '',
-      description: 'Breadcrumb list classes'
+      default: "",
+      description: "Breadcrumb list classes"
     }
   }
 };
diff --git a/frontend/src/components/Breadcrumb/BreadcrumbItem.vue b/frontend/src/components/Breadcrumb/BreadcrumbItem.vue
index b076fbe89..ca0917cbb 100644
--- a/frontend/src/components/Breadcrumb/BreadcrumbItem.vue
+++ b/frontend/src/components/Breadcrumb/BreadcrumbItem.vue
@@ -5,12 +5,12 @@
 </template>
 <script>
 export default {
-  name: 'breadcrumb-item',
+  name: "breadcrumb-item",
   props: {
     active: {
       type: Boolean,
       default: false,
-      description: 'Whether breadcrumb item is active'
+      description: "Whether breadcrumb item is active"
     }
   }
 };
diff --git a/frontend/src/components/Breadcrumb/RouteBreadcrumb.vue b/frontend/src/components/Breadcrumb/RouteBreadcrumb.vue
index c10ad9504..5d2a27d8a 100644
--- a/frontend/src/components/Breadcrumb/RouteBreadcrumb.vue
+++ b/frontend/src/components/Breadcrumb/RouteBreadcrumb.vue
@@ -1,11 +1,11 @@
 <template>
   <bread-crumb list-classes="breadcrumb-links breadcrumb-dark">
-    <BreadCrumbItem>
-        <router-link to="/overview">
-          <i class="fas fa-home"></i>
-        </router-link>
-    </BreadCrumbItem>
-    <BreadCrumbItem
+    <bread-crumb-item>
+      <router-link to="/overview">
+        <i class="fas fa-home"></i>
+      </router-link>
+    </bread-crumb-item>
+    <bread-crumb-item
       v-for="(route, index) in $route.matched.slice()"
       :key="route.name"
       :active="index === $route.matched.length - 1"
@@ -18,26 +18,26 @@
         {{ route.name }}
       </router-link>
       <span v-else>{{ route.name }}</span>
-    </BreadCrumbItem>
+    </bread-crumb-item>
   </bread-crumb>
 </template>
 
 <script>
-  import BreadCrumb from './Breadcrumb';
-  import BreadCrumbItem from './BreadcrumbItem';
+import BreadCrumb from "./Breadcrumb";
+import BreadCrumbItem from "./BreadcrumbItem";
 
-  export default {
-    name: 'route-breadcrumb',
-    components: {
-      BreadCrumb,
-      BreadCrumbItem
-    },
-    methods: {
-      getBreadName(route) {
-        return route.name;
-      }
+export default {
+  name: "route-breadcrumb",
+  components: {
+    BreadCrumb,
+    BreadCrumbItem
+  },
+  methods: {
+    getBreadName(route) {
+      return route.name;
     }
-  };
+  }
+};
 </script>
 
 <style scoped></style>
diff --git a/frontend/src/components/ButtonCheckbox.vue b/frontend/src/components/ButtonCheckbox.vue
index 1028aa899..42c3ebf13 100644
--- a/frontend/src/components/ButtonCheckbox.vue
+++ b/frontend/src/components/ButtonCheckbox.vue
@@ -1,39 +1,38 @@
 <template>
   <div class="btn-group-toggle" data-toggle="buttons">
     <label class="btn" :class="[{ active: value }, buttonClasses]">
-      <input v-model="model" type="checkbox" checked="" autocomplete="off">
+      <input v-model="model" type="checkbox" checked="" autocomplete="off" />
       <slot></slot>
     </label>
   </div>
 </template>
 <script>
-  export default {
-    name: 'button-checkbox',
-    props: {
-      value: {
-        type: Boolean,
-        description: 'Checked value'
-      },
-      buttonClasses: {
-        type: [String, Object],
-        description: 'Inner button css classes'
-      }
+export default {
+  name: "button-checkbox",
+  props: {
+    value: {
+      type: Boolean,
+      description: "Checked value"
     },
+    buttonClasses: {
+      type: [String, Object],
+      description: "Inner button css classes"
+    }
+  },
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  computed: {
     model: {
-      prop: 'value',
-      event: 'change'
-    },
-    computed: {
-      model: {
-        get() {
-          return this.value
-        },
-        set(val) {
-          this.$emit('change', val)
-        }
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("change", val);
       }
     }
   }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/components/ButtonRadioGroup.vue b/frontend/src/components/ButtonRadioGroup.vue
index 5b8fc6742..eb8e92ca5 100644
--- a/frontend/src/components/ButtonRadioGroup.vue
+++ b/frontend/src/components/ButtonRadioGroup.vue
@@ -1,47 +1,56 @@
 <template>
   <div class="btn-group-toggle" data-toggle="buttons">
-    <label v-for="(option, index) in options"
-           :key="index"
-           class="btn"
-           :class="[{ active: value === option.value }, buttonClasses]">
-      <input :value="option.value" v-model="model" type="radio" id="option1" autocomplete="off" checked="">
-      {{option.label}}
+    <label
+      v-for="(option, index) in options"
+      :key="index"
+      class="btn"
+      :class="[{ active: value === option.value }, buttonClasses]"
+    >
+      <input
+        :value="option.value"
+        v-model="model"
+        type="radio"
+        id="option1"
+        autocomplete="off"
+        checked=""
+      />
+      {{ option.label }}
     </label>
   </div>
 </template>
 <script>
-  export default {
-    name: 'button-radio-group',
-    props: {
-      options: {
-        type: Array,
-        description: 'Radio options. Should be an array of objects {value: "", label: ""}',
-        default: () => []
-      },
-      value: {
-        type: String,
-        description: 'Radio value'
-      },
-      buttonClasses: {
-        type: [String, Object],
-        description: 'Inner button css classes'
-      }
+export default {
+  name: "button-radio-group",
+  props: {
+    options: {
+      type: Array,
+      description:
+        'Radio options. Should be an array of objects {value: "", label: ""}',
+      default: () => []
     },
+    value: {
+      type: String,
+      description: "Radio value"
+    },
+    buttonClasses: {
+      type: [String, Object],
+      description: "Inner button css classes"
+    }
+  },
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  computed: {
     model: {
-      prop: 'value',
-      event: 'change'
-    },
-    computed: {
-      model: {
-        get() {
-          return this.value
-        },
-        set(val) {
-          this.$emit('change', val)
-        }
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("change", val);
       }
     }
   }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/components/Cards/Card.vue b/frontend/src/components/Cards/Card.vue
index d82e6cc35..d5b3a0038 100644
--- a/frontend/src/components/Cards/Card.vue
+++ b/frontend/src/components/Cards/Card.vue
@@ -1,18 +1,17 @@
 <template>
   <b-card
-      no-body
-       :class="[
-         {'card-lift--hover': hover},
-         {'shadow': shadow},
-         {[`shadow-${shadowSize}`]: shadowSize},
-         {[`bg-gradient-${gradient}`]: gradient},
-         {[`bg-${type}`]: type}
-       ]">
-
+    no-body
+    :class="[
+      { 'card-lift--hover': hover },
+      { shadow: shadow },
+      { [`shadow-${shadowSize}`]: shadowSize },
+      { [`bg-gradient-${gradient}`]: gradient },
+      { [`bg-${type}`]: type }
+    ]"
+  >
     <slot name="image"></slot>
     <b-card-header :class="headerClasses" v-if="$slots.header">
-      <slot name="header">
-      </slot>
+      <slot name="header"></slot>
     </b-card-header>
     <b-card-body :class="bodyClasses" v-if="!noBody">
       <slot></slot>
@@ -26,48 +25,47 @@
   </b-card>
 </template>
 <script>
-  export default {
-    name: "card",
-    props: {
-      type: {
-        type: String,
-        description: "Card type"
-      },
-      gradient: {
-        type: String,
-        description: "Card background gradient type (warning,danger etc)"
-      },
-      hover: {
-        type: Boolean,
-        description: "Whether card should move on hover"
-      },
-      shadow: {
-        type: Boolean,
-        description: "Whether card has shadow"
-      },
-      shadowSize: {
-        type: String,
-        description: "Card shadow size"
-      },
-      noBody: {
-        type: Boolean,
-        default: false,
-        description: "Whether card should have wrapper body class"
-      },
-      bodyClasses: {
-        type: [String, Object, Array],
-        description: "Card body css classes"
-      },
-      headerClasses: {
-        type: [String, Object, Array],
-        description: "Card header css classes"
-      },
-      footerClasses: {
-        type: [String, Object, Array],
-        description: "Card footer css classes"
-      }
+export default {
+  name: "card",
+  props: {
+    type: {
+      type: String,
+      description: "Card type"
+    },
+    gradient: {
+      type: String,
+      description: "Card background gradient type (warning,danger etc)"
+    },
+    hover: {
+      type: Boolean,
+      description: "Whether card should move on hover"
+    },
+    shadow: {
+      type: Boolean,
+      description: "Whether card has shadow"
+    },
+    shadowSize: {
+      type: String,
+      description: "Card shadow size"
+    },
+    noBody: {
+      type: Boolean,
+      default: false,
+      description: "Whether card should have wrapper body class"
+    },
+    bodyClasses: {
+      type: [String, Object, Array],
+      description: "Card body css classes"
+    },
+    headerClasses: {
+      type: [String, Object, Array],
+      description: "Card header css classes"
+    },
+    footerClasses: {
+      type: [String, Object, Array],
+      description: "Card footer css classes"
     }
-  };
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/components/Cards/StatsCard.vue b/frontend/src/components/Cards/StatsCard.vue
index 919384882..929463d04 100644
--- a/frontend/src/components/Cards/StatsCard.vue
+++ b/frontend/src/components/Cards/StatsCard.vue
@@ -1,57 +1,58 @@
 <template>
   <card class="card-stats" :show-footer-line="true">
     <b-row>
-
       <b-col>
         <slot>
-          <h5 class="card-title text-uppercase text-muted mb-0" v-if="title">{{title}}</h5>
-          <span class="h2 font-weight-bold mb-0" v-if="subTitle">{{subTitle}}</span>
+          <h5 class="card-title text-uppercase text-muted mb-0" v-if="title">
+            {{ title }}
+          </h5>
+          <span class="h2 font-weight-bold mb-0" v-if="subTitle">
+            {{ subTitle }}
+          </span>
         </slot>
       </b-col>
 
       <b-col cols="auto" v-if="$slots.icon || icon">
         <slot name="icon">
-          <div class="icon icon-shape text-white rounded-circle shadow"
-               :class="[`bg-${type}`, iconClasses]">
+          <div
+            class="icon icon-shape text-white rounded-circle shadow"
+            :class="[`bg-${type}`, iconClasses]"
+          >
             <i :class="icon"></i>
           </div>
         </slot>
       </b-col>
-        <b-col cols="auto" v-if="$slots.img || img">
+      <b-col cols="auto" v-if="$slots.img || img">
         <slot name="img">
-        
           <img :src="img" width="80" />
-
         </slot>
       </b-col>
     </b-row>
 
     <p class="mt-3 mb-0 text-sm">
-      <slot name="footer">
-
-      </slot>
+      <slot name="footer"></slot>
     </p>
   </card>
 </template>
 <script>
-  import Card from './Card.vue';
+import Card from "./Card.vue";
 
-  export default {
-    name: 'stats-card',
-    components: {
-      Card
+export default {
+  name: "stats-card",
+  components: {
+    Card
+  },
+  props: {
+    type: {
+      type: String,
+      default: "primary"
     },
-    props: {
-      type: {
-        type: String,
-        default: 'primary'
-      },
-      icon: String,
-      img: String,
-      title: String,
-      subTitle: String,
-      iconClasses: [String, Array]
-    }
-  };
+    icon: String,
+    img: String,
+    title: String,
+    subTitle: String,
+    iconClasses: [String, Array]
+  }
+};
 </script>
 <style></style>
diff --git a/frontend/src/components/Charts/BarChart.js b/frontend/src/components/Charts/BarChart.js
index c45092cbc..11068f750 100644
--- a/frontend/src/components/Charts/BarChart.js
+++ b/frontend/src/components/Charts/BarChart.js
@@ -1,8 +1,8 @@
-import { Bar, mixins } from 'vue-chartjs';
+import { Bar, mixins } from "vue-chartjs";
 import globalOptionsMixin from "@/components/Charts/globalOptionsMixin";
 
 export default {
-  name: 'bar-chart',
+  name: "bar-chart",
   extends: Bar,
   mixins: [mixins.reactiveProp, globalOptionsMixin],
   props: {
@@ -18,7 +18,7 @@ export default {
   },
   mounted() {
     this.$watch(
-      'chartData',
+      "chartData",
       (newVal, oldVal) => {
         if (!oldVal) {
           this.renderChart(this.chartData, this.extraOptions);
diff --git a/frontend/src/components/Charts/LineChart.js b/frontend/src/components/Charts/LineChart.js
index fffb85571..fa8f561ff 100644
--- a/frontend/src/components/Charts/LineChart.js
+++ b/frontend/src/components/Charts/LineChart.js
@@ -1,7 +1,7 @@
-import { Line, mixins } from 'vue-chartjs';
+import { Line, mixins } from "vue-chartjs";
 import globalOptionsMixin from "@/components/Charts/globalOptionsMixin";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   extends: Line,
   mixins: [mixins.reactiveProp, globalOptionsMixin],
   props: {
@@ -17,7 +17,7 @@ export default {
   },
   mounted() {
     this.$watch(
-      'chartData',
+      "chartData",
       (newVal, oldVal) => {
         if (!oldVal) {
           this.renderChart(this.chartData, this.extraOptions);
diff --git a/frontend/src/components/Charts/config.js b/frontend/src/components/Charts/config.js
index c3add6981..12365d4f3 100644
--- a/frontend/src/components/Charts/config.js
+++ b/frontend/src/components/Charts/config.js
@@ -1,35 +1,35 @@
 import { parseOptions } from "@/components/Charts/optionHelpers";
-import Chart from 'chart.js'
+import Chart from "chart.js";
 
 export const Charts = {
-  mode: 'light',//(themeMode) ? themeMode : 'light';
+  mode: "light", //(themeMode) ? themeMode : 'light';
   fonts: {
-    base: 'Open Sans'
+    base: "Open Sans"
   },
   colors: {
     gray: {
-      100: '#f6f9fc',
-      200: '#e9ecef',
-      300: '#dee2e6',
-      400: '#ced4da',
-      500: '#adb5bd',
-      600: '#8898aa',
-      700: '#525f7f',
-      800: '#32325d',
-      900: '#212529'
+      100: "#f6f9fc",
+      200: "#e9ecef",
+      300: "#dee2e6",
+      400: "#ced4da",
+      500: "#adb5bd",
+      600: "#8898aa",
+      700: "#525f7f",
+      800: "#32325d",
+      900: "#212529"
     },
     theme: {
-      'default': '#172b4d',
-      'primary': '#5e72e4',
-      'secondary': '#f4f5f7',
-      'info': '#11cdef',
-      'success': '#2dce89',
-      'danger': '#f5365c',
-      'warning': '#fb6340'
+      default: "#172b4d",
+      primary: "#5e72e4",
+      secondary: "#f4f5f7",
+      info: "#11cdef",
+      success: "#2dce89",
+      danger: "#f5365c",
+      warning: "#fb6340"
     },
-    black: '#12263F',
-    white: '#FFFFFF',
-    transparent: 'transparent',
+    black: "#12263F",
+    white: "#FFFFFF",
+    transparent: "transparent"
   }
 };
 
@@ -41,8 +41,8 @@ function chartOptions() {
       global: {
         responsive: true,
         maintainAspectRatio: false,
-        defaultColor: (mode === 'dark') ? colors.gray[700] : colors.gray[600],
-        defaultFontColor: (mode === 'dark') ? colors.gray[700] : colors.gray[600],
+        defaultColor: mode === "dark" ? colors.gray[700] : colors.gray[600],
+        defaultFontColor: mode === "dark" ? colors.gray[700] : colors.gray[600],
         defaultFontFamily: fonts.base,
         defaultFontSize: 13,
         layout: {
@@ -50,7 +50,7 @@ function chartOptions() {
         },
         legend: {
           display: false,
-          position: 'bottom',
+          position: "bottom",
           labels: {
             usePointStyle: true,
             padding: 16
@@ -59,51 +59,54 @@ function chartOptions() {
         elements: {
           point: {
             radius: 0,
-            backgroundColor: colors.theme['primary']
+            backgroundColor: colors.theme["primary"]
           },
           line: {
-            tension: .4,
+            tension: 0.4,
             borderWidth: 4,
-            borderColor: colors.theme['primary'],
+            borderColor: colors.theme["primary"],
             backgroundColor: colors.transparent,
-            borderCapStyle: 'rounded'
+            borderCapStyle: "rounded"
           },
           rectangle: {
-            backgroundColor: colors.theme['warning']
+            backgroundColor: colors.theme["warning"]
           },
           arc: {
-            backgroundColor: colors.theme['primary'],
-            borderColor: (mode == 'dark') ? colors.gray[800] : colors.white,
+            backgroundColor: colors.theme["primary"],
+            borderColor: mode == "dark" ? colors.gray[800] : colors.white,
             borderWidth: 4
           }
         },
         tooltips: {
           enabled: true,
-          mode: 'index',
-          intersect: false,
+          mode: "index",
+          intersect: false
         }
       },
       pie: {
         tooltips: {
-          mode: 'point'
+          mode: "point"
         }
       },
       doughnut: {
         tooltips: {
-          mode: 'point'
+          mode: "point"
         },
         cutoutPercentage: 83,
-        legendCallback: function (chart) {
+        legendCallback: function(chart) {
           let data = chart.data;
-          let content = '';
+          let content = "";
 
-          data.labels.forEach(function (label, index) {
+          data.labels.forEach(function(label, index) {
             let bgColor = data.datasets[0].backgroundColor[index];
 
             content += '<span class="chart-legend-item">';
-            content += '<i class="chart-legend-indicator" style="background-color: ' + bgColor + '"></i>';
+            content +=
+              '<i class="chart-legend-indicator" style="background-color: ' +
+              bgColor +
+              '"></i>';
             content += label;
-            content += '</span>';
+            content += "</span>";
           });
 
           return content;
@@ -113,37 +116,37 @@ function chartOptions() {
   };
 
   // yAxes
-  Chart.scaleService.updateScaleDefaults('linear', {
+  Chart.scaleService.updateScaleDefaults("linear", {
     gridLines: {
       borderDash: [2],
       borderDashOffset: [2],
-      color: (mode === 'dark') ? colors.gray[900] : colors.gray[200],
+      color: mode === "dark" ? colors.gray[900] : colors.gray[200],
       drawBorder: false,
       drawTicks: true,
       zeroLineWidth: 1,
-      zeroLineColor: (mode === 'dark') ? colors.gray[900] : colors.gray[200],
+      zeroLineColor: mode === "dark" ? colors.gray[900] : colors.gray[200],
       zeroLineBorderDash: [2],
       zeroLineBorderDashOffset: [2]
     },
     ticks: {
       beginAtZero: true,
       padding: 10,
-      callback: function (value) {
+      callback: function(value) {
         if (!(value % 10)) {
-          return value
+          return value;
         }
       }
     }
   });
 
   // xAxes
-  Chart.scaleService.updateScaleDefaults('category', {
+  Chart.scaleService.updateScaleDefaults("category", {
     gridLines: {
       drawBorder: false,
       drawOnChartArea: false,
       drawTicks: false,
       lineWidth: 1,
-      zeroLineWidth: 1,
+      zeroLineWidth: 1
     },
     ticks: {
       padding: 20
@@ -152,16 +155,16 @@ function chartOptions() {
   });
 
   return options;
-};
+}
 
-let initialized = false
+let initialized = false;
 
 export function initGlobalOptions() {
   if (initialized) {
-    return
+    return;
   }
   parseOptions(Chart, chartOptions());
-  initialized = true
+  initialized = true;
 }
 
 export const basicOptions = {
@@ -173,26 +176,28 @@ export const basicOptions = {
 };
 export let blueChartOptions = {
   scales: {
-    yAxes: [{
-      gridLines: {
-        color: Charts.colors.gray[700],
-        zeroLineColor: Charts.colors.gray[700]
+    yAxes: [
+      {
+        gridLines: {
+          color: Charts.colors.gray[700],
+          zeroLineColor: Charts.colors.gray[700]
+        }
       }
-    }]
+    ]
   }
 };
 
 export let lineChartOptionsBlue = {
   ...basicOptions,
   tooltips: {
-    backgroundColor: '#f5f5f5',
-    titleFontColor: '#333',
-    bodyFontColor: '#666',
+    backgroundColor: "#f5f5f5",
+    titleFontColor: "#333",
+    bodyFontColor: "#666",
     bodySpacing: 4,
     xPadding: 12,
-    mode: 'nearest',
+    mode: "nearest",
     intersect: 0,
-    position: 'nearest'
+    position: "nearest"
   },
   responsive: true,
   scales: {
@@ -201,14 +206,14 @@ export let lineChartOptionsBlue = {
         barPercentage: 1.6,
         gridLines: {
           drawBorder: false,
-          color: 'rgba(29,140,248,0.0)',
-          zeroLineColor: 'transparent'
+          color: "rgba(29,140,248,0.0)",
+          zeroLineColor: "transparent"
         },
         ticks: {
           suggestedMin: 60,
           suggestedMax: 125,
           padding: 20,
-          fontColor: '#9e9e9e'
+          fontColor: "#9e9e9e"
         }
       }
     ],
@@ -218,12 +223,12 @@ export let lineChartOptionsBlue = {
         barPercentage: 1.6,
         gridLines: {
           drawBorder: false,
-          color: 'rgba(29,140,248,0.1)',
-          zeroLineColor: 'transparent'
+          color: "rgba(29,140,248,0.1)",
+          zeroLineColor: "transparent"
         },
         ticks: {
           padding: 20,
-          fontColor: '#9e9e9e'
+          fontColor: "#9e9e9e"
         }
       }
     ]
diff --git a/frontend/src/components/Charts/globalOptionsMixin.js b/frontend/src/components/Charts/globalOptionsMixin.js
index eebaaca55..1ab0fd6d5 100644
--- a/frontend/src/components/Charts/globalOptionsMixin.js
+++ b/frontend/src/components/Charts/globalOptionsMixin.js
@@ -1,7 +1,7 @@
 import { initGlobalOptions } from "@/components/Charts/config";
-import './roundedCornersExtension'
+import "./roundedCornersExtension";
 export default {
   mounted() {
     initGlobalOptions();
   }
-}
+};
diff --git a/frontend/src/components/Charts/optionHelpers.js b/frontend/src/components/Charts/optionHelpers.js
index 227b229e1..fb8f7c712 100644
--- a/frontend/src/components/Charts/optionHelpers.js
+++ b/frontend/src/components/Charts/optionHelpers.js
@@ -1,7 +1,7 @@
 // Parse global options
 export function parseOptions(parent, options) {
   for (let item in options) {
-    if (typeof options[item] !== 'object') {
+    if (typeof options[item] !== "object") {
       parent[item] = options[item];
     } else {
       parseOptions(parent[item], options[item]);
diff --git a/frontend/src/components/Charts/roundedCornersExtension.js b/frontend/src/components/Charts/roundedCornersExtension.js
index b1a91643f..d0325e54e 100644
--- a/frontend/src/components/Charts/roundedCornersExtension.js
+++ b/frontend/src/components/Charts/roundedCornersExtension.js
@@ -2,9 +2,8 @@
 // Chart extension for making the bars rounded
 // Code from: https://codepen.io/jedtrow/full/ygRYgo
 //
-import Chart from 'chart.js'
+import Chart from "chart.js";
 Chart.elements.Rectangle.prototype.draw = function() {
-
   let ctx = this._chart.ctx;
   let vm = this._view;
   let left, right, top, bottom, signX, signY, borderSkipped, radius;
@@ -21,7 +20,7 @@ Chart.elements.Rectangle.prototype.draw = function() {
     bottom = vm.base;
     signX = 1;
     signY = bottom > top ? 1 : -1;
-    borderSkipped = vm.borderSkipped || 'bottom';
+    borderSkipped = vm.borderSkipped || "bottom";
   } else {
     // horizontal bar
     left = vm.base;
@@ -30,7 +29,7 @@ Chart.elements.Rectangle.prototype.draw = function() {
     bottom = vm.y + vm.height / 2;
     signX = right > left ? 1 : -1;
     signY = 1;
-    borderSkipped = vm.borderSkipped || 'left';
+    borderSkipped = vm.borderSkipped || "left";
   }
 
   // Canvas doesn't allow us to stroke inside the width so we can
@@ -41,10 +40,12 @@ Chart.elements.Rectangle.prototype.draw = function() {
     borderWidth = borderWidth > barSize ? barSize : borderWidth;
     let halfStroke = borderWidth / 2;
     // Adjust borderWidth when bar top position is near vm.base(zero).
-    let borderLeft = left + (borderSkipped !== 'left' ? halfStroke * signX : 0);
-    let borderRight = right + (borderSkipped !== 'right' ? -halfStroke * signX : 0);
-    let borderTop = top + (borderSkipped !== 'top' ? halfStroke * signY : 0);
-    let borderBottom = bottom + (borderSkipped !== 'bottom' ? -halfStroke * signY : 0);
+    let borderLeft = left + (borderSkipped !== "left" ? halfStroke * signX : 0);
+    let borderRight =
+      right + (borderSkipped !== "right" ? -halfStroke * signX : 0);
+    let borderTop = top + (borderSkipped !== "top" ? halfStroke * signY : 0);
+    let borderBottom =
+      bottom + (borderSkipped !== "bottom" ? -halfStroke * signY : 0);
     // not become a vertical line?
     if (borderLeft !== borderRight) {
       top = borderTop;
@@ -73,7 +74,7 @@ Chart.elements.Rectangle.prototype.draw = function() {
   ];
 
   // Find first (starting) corner with fallback to 'bottom'
-  let borders = ['bottom', 'left', 'top', 'right'];
+  let borders = ["bottom", "left", "top", "right"];
   let startCorner = borders.indexOf(borderSkipped, 0);
   if (startCorner === -1) {
     startCorner = 0;
@@ -91,7 +92,7 @@ Chart.elements.Rectangle.prototype.draw = function() {
     corner = cornerAt(i);
     let nextCornerId = i + 1;
     if (nextCornerId == 4) {
-      nextCornerId = 0
+      nextCornerId = 0;
     }
 
     let nextCorner = cornerAt(nextCornerId);
@@ -120,7 +121,6 @@ Chart.elements.Rectangle.prototype.draw = function() {
     ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
     ctx.lineTo(x, y + radius);
     ctx.quadraticCurveTo(x, y, x + radius, y);
-
   }
 
   ctx.fill();
diff --git a/frontend/src/components/CloseButton.spec.js b/frontend/src/components/CloseButton.spec.js
index 3bf307c28..96a670ad8 100644
--- a/frontend/src/components/CloseButton.spec.js
+++ b/frontend/src/components/CloseButton.spec.js
@@ -1,32 +1,28 @@
-import { mount } from '@vue/test-utils'
+import { mount } from "@vue/test-utils";
 
-import CloseButton from './CloseButton'
+import CloseButton from "./CloseButton";
 
-const localVue = global.localVue
+const localVue = global.localVue;
 
-describe('CloseButton', () => {
-
-  let wrapper
+describe("CloseButton", () => {
+  let wrapper;
   let propsData = {
     target: "Target",
-    expanded: false,
-  }
+    expanded: false
+  };
 
   const Wrapper = () => {
-    return mount(CloseButton, { localVue, propsData })
-  }
-
-  describe('mount', () => {
+    return mount(CloseButton, { localVue, propsData });
+  };
 
+  describe("mount", () => {
     beforeEach(() => {
-      wrapper = Wrapper()
-    })
+      wrapper = Wrapper();
+    });
 
-    it('emmits click event', () => {
-      wrapper.find('.navbar-toggler').trigger('click')
-      expect(wrapper.emitted('click')).toBeTruthy()
-    })
-    
-  })
-  
-})
+    it("emmits click event", () => {
+      wrapper.find(".navbar-toggler").trigger("click");
+      expect(wrapper.emitted("click")).toBeTruthy();
+    });
+  });
+});
diff --git a/frontend/src/components/CloseButton.vue b/frontend/src/components/CloseButton.vue
index 756c8b6a5..0ee8d25a8 100755
--- a/frontend/src/components/CloseButton.vue
+++ b/frontend/src/components/CloseButton.vue
@@ -9,25 +9,26 @@
     :aria-expanded="expanded"
     aria-label="Toggle navigation"
   >
-    <span></span> <span></span>
+    <span></span>
+    <span></span>
   </button>
 </template>
 <script>
 export default {
-  name: 'close-button',
+  name: "close-button",
   props: {
     target: {
       type: [String, Number],
-      description: 'Close button target element'
+      description: "Close button target element"
     },
     expanded: {
       type: Boolean,
-      description: 'Whether button is expanded (aria-expanded attribute)'
+      description: "Whether button is expanded (aria-expanded attribute)"
     }
   },
   methods: {
     handleClick(evt) {
-      this.$emit('click', evt);
+      this.$emit("click", evt);
     }
   }
 };
diff --git a/frontend/src/components/Collapse/Collapse.vue b/frontend/src/components/Collapse/Collapse.vue
index a6cf81336..b12fa509f 100644
--- a/frontend/src/components/Collapse/Collapse.vue
+++ b/frontend/src/components/Collapse/Collapse.vue
@@ -11,22 +11,23 @@
 
 <script>
 export default {
-  name: 'collapse',
+  name: "collapse",
   props: {
     animationDuration: {
       type: Number,
       default: 250,
-      description: 'Collapse animation duration'
+      description: "Collapse animation duration"
     },
     multipleActive: {
       type: Boolean,
       default: true,
-      description: 'Whether you can have multiple collapse items opened at the same time'
+      description:
+        "Whether you can have multiple collapse items opened at the same time"
     },
     activeIndex: {
       type: Number,
       default: -1,
-      description: 'Active collapse item index'
+      description: "Active collapse item index"
     }
   },
   provide() {
diff --git a/frontend/src/components/Collapse/CollapseItem.vue b/frontend/src/components/Collapse/CollapseItem.vue
index acb49c154..679981145 100644
--- a/frontend/src/components/Collapse/CollapseItem.vue
+++ b/frontend/src/components/Collapse/CollapseItem.vue
@@ -8,7 +8,7 @@
         @click.prevent="activate"
         :aria-controls="`content-${itemId}`"
       >
-        <slot name="title"> {{ title }} </slot>
+        <slot name="title">{{ title }}</slot>
         <i class="tim-icons icon-minimal-down"></i>
       </a>
     </b-card-header>
@@ -26,18 +26,18 @@
   </b-card>
 </template>
 <script>
-import { CollapseTransition } from 'vue2-transitions';
+import { CollapseTransition } from "vue2-transitions";
 
 export default {
-  name: 'collapse-item',
+  name: "collapse-item",
   components: {
     CollapseTransition
   },
   props: {
     title: {
       type: String,
-      default: '',
-      description: 'Collapse item title'
+      default: "",
+      description: "Collapse item title"
     },
     id: String
   },
@@ -75,7 +75,7 @@ export default {
         this.deactivateAll();
       }
       this.active = !wasActive;
-      console.log(this.active)
+      console.log(this.active);
     }
   },
   mounted() {
diff --git a/frontend/src/components/Inputs/BaseCheckbox.vue b/frontend/src/components/Inputs/BaseCheckbox.vue
index 5de6ef500..45c70fc35 100755
--- a/frontend/src/components/Inputs/BaseCheckbox.vue
+++ b/frontend/src/components/Inputs/BaseCheckbox.vue
@@ -1,14 +1,20 @@
 <template>
-  <div class="custom-control custom-checkbox"
-       :class="[
-       {disabled: disabled},
-       {[`custom-checkbox-${type}`]: type},inlineClass]">
-    <input :id="cbId"
-           class="custom-control-input"
-           :class="inputClasses"
-           type="checkbox"
-           :disabled="disabled"
-           v-model="model"/>
+  <div
+    class="custom-control custom-checkbox"
+    :class="[
+      { disabled: disabled },
+      { [`custom-checkbox-${type}`]: type },
+      inlineClass
+    ]"
+  >
+    <input
+      :id="cbId"
+      class="custom-control-input"
+      :class="inputClasses"
+      type="checkbox"
+      :disabled="disabled"
+      v-model="model"
+    />
     <label :for="cbId" class="custom-control-label">
       <slot>
         <span v-if="inline">&nbsp;</span>
@@ -17,62 +23,62 @@
   </div>
 </template>
 <script>
-  export default {
-    name: "base-checkbox",
-    model: {
-      prop: "checked"
+export default {
+  name: "base-checkbox",
+  model: {
+    prop: "checked"
+  },
+  props: {
+    checked: {
+      type: [Array, Boolean],
+      description: "Whether checkbox is checked"
     },
-    props: {
-      checked: {
-        type: [Array, Boolean],
-        description: "Whether checkbox is checked"
-      },
-      disabled: {
-        type: Boolean,
-        description: "Whether checkbox is disabled"
-      },
-      inline: {
-        type: Boolean,
-        description: "Whether checkbox is inline"
-      },
-      inputClasses: {
-        type: [String, Object, Array],
-        description: "Checkbox input classes"
-      },
-      type: {
-        type: String,
-        description: 'Checkbox type (e.g info, danger etc)'
-      }
+    disabled: {
+      type: Boolean,
+      description: "Whether checkbox is disabled"
     },
-    data() {
-      return {
-        cbId: "",
-        touched: false
-      };
+    inline: {
+      type: Boolean,
+      description: "Whether checkbox is inline"
     },
-    computed: {
-      model: {
-        get() {
-          return this.checked;
-        },
-        set(check) {
-          if (!this.touched) {
-            this.touched = true;
-          }
-          this.$emit("input", check);
-        }
-      },
-      inlineClass() {
-        if (this.inline) {
-          return `form-check-inline`;
-        }
-        return ''
-      }
+    inputClasses: {
+      type: [String, Object, Array],
+      description: "Checkbox input classes"
     },
-    created() {
-      this.cbId = Math.random()
-        .toString(16)
-        .slice(2);
+    type: {
+      type: String,
+      description: "Checkbox type (e.g info, danger etc)"
     }
-  };
+  },
+  data() {
+    return {
+      cbId: "",
+      touched: false
+    };
+  },
+  computed: {
+    model: {
+      get() {
+        return this.checked;
+      },
+      set(check) {
+        if (!this.touched) {
+          this.touched = true;
+        }
+        this.$emit("input", check);
+      }
+    },
+    inlineClass() {
+      if (this.inline) {
+        return `form-check-inline`;
+      }
+      return "";
+    }
+  },
+  created() {
+    this.cbId = Math.random()
+      .toString(16)
+      .slice(2);
+  }
+};
 </script>
diff --git a/frontend/src/components/Inputs/BaseInput.vue b/frontend/src/components/Inputs/BaseInput.vue
index 31c075c6f..777b124bf 100644
--- a/frontend/src/components/Inputs/BaseInput.vue
+++ b/frontend/src/components/Inputs/BaseInput.vue
@@ -1,24 +1,31 @@
 <template>
-  <validation-provider :rules="rules" :name="name" v-bind="$attrs" v-slot="{errors, valid, invalid, validated}">
+  <validation-provider
+    :rules="rules"
+    :name="name"
+    v-bind="$attrs"
+    v-slot="{ errors, valid, invalid, validated }"
+  >
     <b-form-group>
       <slot name="label">
         <label v-if="label" :class="labelClasses">
-          {{label}}
+          {{ label }}
         </label>
       </slot>
-      <div :class="[
-       {'input-group': hasIcon},
-       {'focused': focused},
-       {'input-group-alternative': alternative},
-       {'has-label': label || $slots.label},
-       inputGroupClasses
-       ]">
+      <div
+        :class="[
+          { 'input-group': hasIcon },
+          { focused: focused },
+          { 'input-group-alternative': alternative },
+          { 'has-label': label || $slots.label },
+          inputGroupClasses
+        ]"
+      >
         <div v-if="prependIcon || $slots.prepend" class="input-group-prepend">
-        <span class="input-group-text">
-          <slot name="prepend">
-            <i :class="prependIcon"></i>
-          </slot>
-        </span>
+          <span class="input-group-text">
+            <slot name="prepend">
+              <i :class="prependIcon"></i>
+            </slot>
+          </span>
         </div>
         <slot v-bind="slotData">
           <input
@@ -29,20 +36,25 @@
             :valid="valid"
             :required="required"
             class="form-control"
-            :class="[{'is-valid': valid && validated && successMessage}, {'is-invalid': invalid && validated}, inputClasses]">
+            :class="[
+              { 'is-valid': valid && validated && successMessage },
+              { 'is-invalid': invalid && validated },
+              inputClasses
+            ]"
+          />
         </slot>
         <div v-if="appendIcon || $slots.append" class="input-group-append">
           <span class="input-group-text">
-              <slot name="append">
-                  <i :class="appendIcon"></i>
-              </slot>
+            <slot name="append">
+              <i :class="appendIcon"></i>
+            </slot>
           </span>
         </div>
         <slot name="infoBlock"></slot>
       </div>
       <slot name="success">
         <div class="valid-feedback" v-if="valid && validated && successMessage">
-          {{successMessage}}
+          {{ successMessage }}
         </div>
       </slot>
       <slot name="error">
@@ -54,123 +66,123 @@
   </validation-provider>
 </template>
 <script>
-  export default {
-    inheritAttrs: false,
-    name: "base-input",
-    props: {
-      required: {
-        type: Boolean,
-        description: "Whether input is required (adds an asterix *)"
-      },
-      group: {
-        type: Boolean,
-        description: "Whether input is an input group (manual override in special cases)"
-      },
-      alternative: {
-        type: Boolean,
-        description: "Whether input is of alternative layout"
-      },
-      label: {
-        type: String,
-        description: "Input label (text before input)"
-      },
-      error: {
-        type: String,
-        description: "Input error (below input)"
-      },
-      successMessage: {
-        type: String,
-        description: "Input success message",
-        default: ''
-      },
-      labelClasses: {
-        type: String,
-        description: "Input label css classes",
-        default: "form-control-label"
-      },
-      inputClasses: {
-        type: String,
-        description: "Input css classes"
-      },
-      inputGroupClasses: {
-        type: String,
-        description: "Input group css classes"
-      },
-      value: {
-        type: [String, Number],
-        description: "Input value"
-      },
-      type: {
-        type: String,
-        description: "Input type",
-        default: "text"
-      },
-      appendIcon: {
-        type: String,
-        description: "Append icon (right)"
-      },
-      prependIcon: {
-        type: String,
-        description: "Prepend icon (left)"
-      },
-      rules: {
-        type: [String, Array, Object],
-        description: 'Vee validate validation rules',
-        default: ''
-      },
-      name: {
-        type: String,
-        description: 'Input name (used for validation)',
-        default: ''
-      }
+export default {
+  inheritAttrs: false,
+  name: "base-input",
+  props: {
+    required: {
+      type: Boolean,
+      description: "Whether input is required (adds an asterix *)"
     },
-    data() {
+    group: {
+      type: Boolean,
+      description:
+        "Whether input is an input group (manual override in special cases)"
+    },
+    alternative: {
+      type: Boolean,
+      description: "Whether input is of alternative layout"
+    },
+    label: {
+      type: String,
+      description: "Input label (text before input)"
+    },
+    error: {
+      type: String,
+      description: "Input error (below input)"
+    },
+    successMessage: {
+      type: String,
+      description: "Input success message",
+      default: ""
+    },
+    labelClasses: {
+      type: String,
+      description: "Input label css classes",
+      default: "form-control-label"
+    },
+    inputClasses: {
+      type: String,
+      description: "Input css classes"
+    },
+    inputGroupClasses: {
+      type: String,
+      description: "Input group css classes"
+    },
+    value: {
+      type: [String, Number],
+      description: "Input value"
+    },
+    type: {
+      type: String,
+      description: "Input type",
+      default: "text"
+    },
+    appendIcon: {
+      type: String,
+      description: "Append icon (right)"
+    },
+    prependIcon: {
+      type: String,
+      description: "Prepend icon (left)"
+    },
+    rules: {
+      type: [String, Array, Object],
+      description: "Vee validate validation rules",
+      default: ""
+    },
+    name: {
+      type: String,
+      description: "Input name (used for validation)",
+      default: ""
+    }
+  },
+  data() {
+    return {
+      focused: false
+    };
+  },
+  computed: {
+    listeners() {
       return {
-        focused: false
+        ...this.$listeners,
+        input: this.updateValue,
+        focus: this.onFocus,
+        blur: this.onBlur
       };
     },
-    computed: {
-      listeners() {
-        return {
-          ...this.$listeners,
-          input: this.updateValue,
-          focus: this.onFocus,
-          blur: this.onBlur
-        };
-      },
-      slotData() {
-        return {
-          focused: this.focused,
-          error: this.error,
-          ...this.listeners
-        };
-      },
-      hasIcon() {
-        const { append, prepend } = this.$slots;
-        return (
-          append !== undefined ||
-          prepend !== undefined ||
-          this.appendIcon !== undefined ||
-          this.prependIcon !== undefined ||
-          this.group
-        );
-      }
+    slotData() {
+      return {
+        focused: this.focused,
+        error: this.error,
+        ...this.listeners
+      };
     },
-    methods: {
-      updateValue(evt) {
-        let value = evt.target.value;
-        this.$emit("input", value);
-      },
-      onFocus(evt) {
-        this.focused = true;
-        this.$emit("focus", evt);
-      },
-      onBlur(evt) {
-        this.focused = false;
-        this.$emit("blur", evt);
-      }
+    hasIcon() {
+      const { append, prepend } = this.$slots;
+      return (
+        append !== undefined ||
+        prepend !== undefined ||
+        this.appendIcon !== undefined ||
+        this.prependIcon !== undefined ||
+        this.group
+      );
     }
-  };
+  },
+  methods: {
+    updateValue(evt) {
+      let value = evt.target.value;
+      this.$emit("input", value);
+    },
+    onFocus(evt) {
+      this.focused = true;
+      this.$emit("focus", evt);
+    },
+    onBlur(evt) {
+      this.focused = false;
+      this.$emit("blur", evt);
+    }
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/components/Inputs/BaseRadio.vue b/frontend/src/components/Inputs/BaseRadio.vue
index d0d7fd50b..b28e2e595 100755
--- a/frontend/src/components/Inputs/BaseRadio.vue
+++ b/frontend/src/components/Inputs/BaseRadio.vue
@@ -1,7 +1,8 @@
 <template>
   <div
     class="custom-control custom-radio"
-    :class="[inlineClass, { disabled: disabled }]">
+    :class="[inlineClass, { disabled: disabled }]"
+  >
     <input
       :id="cbId"
       class="custom-control-input"
@@ -18,51 +19,51 @@
   </div>
 </template>
 <script>
-  export default {
-    name: 'base-radio',
-    props: {
-      name: {
-        type: [String, Number],
-        description: 'Radio label'
-      },
-      disabled: {
-        type: Boolean,
-        description: 'Whether radio is disabled'
-      },
-      value: {
-        type: [String, Boolean],
-        description: 'Radio value'
-      },
-      inline: {
-        type: Boolean,
-        description: 'Whether radio is inline'
-      }
+export default {
+  name: "base-radio",
+  props: {
+    name: {
+      type: [String, Number],
+      description: "Radio label"
     },
-    data() {
-      return {
-        cbId: ''
-      };
+    disabled: {
+      type: Boolean,
+      description: "Whether radio is disabled"
     },
-    computed: {
-      model: {
-        get() {
-          return this.value;
-        },
-        set(value) {
-          this.$emit('input', value);
-        }
-      },
-      inlineClass() {
-        if (this.inline) {
-          return `form-check-inline`;
-        }
-        return '';
-      }
+    value: {
+      type: [String, Boolean],
+      description: "Radio value"
     },
-    created() {
-      this.cbId = Math.random()
-        .toString(16)
-        .slice(2);
+    inline: {
+      type: Boolean,
+      description: "Whether radio is inline"
     }
-  };
+  },
+  data() {
+    return {
+      cbId: ""
+    };
+  },
+  computed: {
+    model: {
+      get() {
+        return this.value;
+      },
+      set(value) {
+        this.$emit("input", value);
+      }
+    },
+    inlineClass() {
+      if (this.inline) {
+        return `form-check-inline`;
+      }
+      return "";
+    }
+  },
+  created() {
+    this.cbId = Math.random()
+      .toString(16)
+      .slice(2);
+  }
+};
 </script>
diff --git a/frontend/src/components/LoadingPanel.vue b/frontend/src/components/LoadingPanel.vue
index 41fe2cf72..f3cd275c2 100644
--- a/frontend/src/components/LoadingPanel.vue
+++ b/frontend/src/components/LoadingPanel.vue
@@ -2,8 +2,8 @@
   <b-row v-loading="true" id="loading"></b-row>
 </template>
 <script>
-import Vue from 'vue';
-import { Loading } from 'element-ui';
+import Vue from "vue";
+import { Loading } from "element-ui";
 
 Vue.use(Loading.directive);
 export default {};
diff --git a/frontend/src/components/Modal-OLD.vue b/frontend/src/components/Modal-OLD.vue
index 71f6af0f2..fe81fe2bc 100644
--- a/frontend/src/components/Modal-OLD.vue
+++ b/frontend/src/components/Modal-OLD.vue
@@ -1,125 +1,130 @@
 <template>
-  <SlideYUpTransition :duration="animationDuration">
-    <b-modal class="modal fade"
-        ref="app-modal"
-        :size="size"
-        :hide-header="!$slots.header"
-        :modal-class="[{'modal-mini': type === 'mini'}, ...modalClasses]"
-        @mousedown.self="closeModal"
-        tabindex="-1"
-        role="dialog"
-        centered
-        @close="closeModal"
-        @hide="closeModal"
-        :header-class="headerClasses"
-        :footer-class="footerClasses"
-        :content-class="[gradient ? `bg-gradient-${gradient}` : '', ...modalContentClasses]"
-        :body-class="bodyClasses"
-        :aria-hidden="!show">
-
+  <slide-y-up-transition :duration="animationDuration">
+    <b-modal
+      class="modal fade"
+      ref="app-modal"
+      :size="size"
+      :hide-header="!$slots.header"
+      :modal-class="[{ 'modal-mini': type === 'mini' }, ...modalClasses]"
+      @mousedown.self="closeModal"
+      tabindex="-1"
+      role="dialog"
+      centered
+      @close="closeModal"
+      @hide="closeModal"
+      :header-class="headerClasses"
+      :footer-class="footerClasses"
+      :content-class="[
+        gradient ? `bg-gradient-${gradient}` : '',
+        ...modalContentClasses
+      ]"
+      :body-class="bodyClasses"
+      :aria-hidden="!show"
+    >
       <template v-slot:modal-header>
         <slot name="header"></slot>
-            <slot name="close-button">
-              <button type="button"
-                      class="close"
-                      v-if="showClose"
-                      @click="closeModal"
-                      data-dismiss="modal"
-                      aria-label="Close">
-                <span :aria-hidden="!show">×</span>
-              </button>
-            </slot>
+        <slot name="close-button">
+          <button
+            type="button"
+            class="close"
+            v-if="showClose"
+            @click="closeModal"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span :aria-hidden="!show">×</span>
+          </button>
+        </slot>
       </template>
 
       <slot />
 
       <template v-slot:modal-footer>
-        <slot name="footer"></slot> 
+        <slot name="footer"></slot>
       </template>
-
     </b-modal>
-  </SlideYUpTransition>
+  </slide-y-up-transition>
 </template>
 <script>
-  import { SlideYUpTransition } from "vue2-transitions";
+import { SlideYUpTransition } from "vue2-transitions";
 
-  export default {
-    name: "modal",
-    components: {
-      SlideYUpTransition
+export default {
+  name: "modal",
+  components: {
+    SlideYUpTransition
+  },
+  props: {
+    show: Boolean,
+    showClose: {
+      type: Boolean,
+      default: true
     },
-    props: {
-      show: Boolean,
-      showClose: {
-        type: Boolean,
-        default: true
+    type: {
+      type: String,
+      default: "",
+      validator(value) {
+        let acceptedValues = ["", "notice", "mini"];
+        return acceptedValues.indexOf(value) !== -1;
       },
-      type: {
-        type: String,
-        default: "",
-        validator(value) {
-          let acceptedValues = ["", "notice", "mini"];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-        description: 'Modal type (notice|mini|"") '
-      },
-      modalClasses: {
-        type: [Object, String],
-        description: "Modal dialog css classes"
-      },
-      size: {
-        type: String,
-        description: 'Modal size',
-        validator(value) {
-          let acceptedValues = ["", "sm", "lg"];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-      },
-      modalContentClasses: {
-        type: [Object, String],
-        description: "Modal dialog content css classes"
-      },
-      gradient: {
-        type: String,
-        description: "Modal gradient type (danger, primary etc)"
-      },
-      headerClasses: {
-        type: [Object, String],
-        description: "Modal Header css classes"
-      },
-      bodyClasses: {
-        type: [Object, String],
-        description: "Modal Body css classes"
-      },
-      footerClasses: {
-        type: [Object, String],
-        description: "Modal Footer css classes"
-      },
-      animationDuration: {
-        type: Number,
-        default: 500,
-        description: "Modal transition duration"
+      description: 'Modal type (notice|mini|"") '
+    },
+    modalClasses: {
+      type: [Object, String],
+      description: "Modal dialog css classes"
+    },
+    size: {
+      type: String,
+      description: "Modal size",
+      validator(value) {
+        let acceptedValues = ["", "sm", "lg"];
+        return acceptedValues.indexOf(value) !== -1;
       }
     },
-    methods: {
-      closeModal() {
-        this.$emit("update:show", false);
-        this.$emit("close");
-      }
+    modalContentClasses: {
+      type: [Object, String],
+      description: "Modal dialog content css classes"
     },
-    watch: {
-      show(val) {
-        if (val) {
-          this.$refs['app-modal'].show();
-        } else {
-          this.$refs['app-modal'].hide();
-        }
+    gradient: {
+      type: String,
+      description: "Modal gradient type (danger, primary etc)"
+    },
+    headerClasses: {
+      type: [Object, String],
+      description: "Modal Header css classes"
+    },
+    bodyClasses: {
+      type: [Object, String],
+      description: "Modal Body css classes"
+    },
+    footerClasses: {
+      type: [Object, String],
+      description: "Modal Footer css classes"
+    },
+    animationDuration: {
+      type: Number,
+      default: 500,
+      description: "Modal transition duration"
+    }
+  },
+  methods: {
+    closeModal() {
+      this.$emit("update:show", false);
+      this.$emit("close");
+    }
+  },
+  watch: {
+    show(val) {
+      if (val) {
+        this.$refs["app-modal"].show();
+      } else {
+        this.$refs["app-modal"].hide();
       }
     }
-  };
+  }
+};
 </script>
 <style>
-  .modal-backdrop {
-    background-color: rgba(0, 0, 0, 0.6) !important;
-  }
+.modal-backdrop {
+  background-color: rgba(0, 0, 0, 0.6) !important;
+}
 </style>
diff --git a/frontend/src/components/Modal.vue b/frontend/src/components/Modal.vue
index cc01518d1..1689fe665 100644
--- a/frontend/src/components/Modal.vue
+++ b/frontend/src/components/Modal.vue
@@ -1,85 +1,89 @@
 <template>
-    <!--Notice modal-->
-        <modal :show.sync="$store.state.modals"
-              modal-classes="modal-danger"
-              modal-content-classes="bg-gradient-danger">
-          <h6 slot="header" class="modal-title">Your attention is required</h6>
+  <!--Notice modal-->
+  <modal
+    :show.sync="$store.state.modals"
+    modal-classes="modal-danger"
+    modal-content-classes="bg-gradient-danger"
+  >
+    <h6 slot="header" class="modal-title">Your attention is required</h6>
 
-          <div class="py-3 text-center">
-             
-             <form ref="form" @submit.stop.prevent="handleSubmit">
-                <b-form-group
-                  label="Name"
-                  label-for="name-input"
-                  invalid-feedback="Name is required"
-                  :state="nameState"
-                >
-                  <b-form-input
-                    id="name-input"
-                    v-model="name"
-                    :state="nameState"
-                    required
-                  ></b-form-input>
-                </b-form-group>
-              </form>
-          </div>
+    <div class="py-3 text-center">
+      <form ref="form" @submit.stop.prevent="handleSubmit">
+        <b-form-group
+          label="Name"
+          label-for="name-input"
+          invalid-feedback="Name is required"
+          :state="nameState"
+        >
+          <b-form-input
+            id="name-input"
+            v-model="name"
+            :state="nameState"
+            required
+          ></b-form-input>
+        </b-form-group>
+      </form>
+    </div>
 
-          <template slot="footer">
-            <base-button type="white">Ok</base-button>
-            <base-button type="link" class="ml-auto" @click="$store.state.modals = false">abbrechen</base-button>
-          </template>
-        </modal>
-     
+    <template slot="footer">
+      <base-button type="white">Ok</base-button>
+      <base-button
+        type="link"
+        class="ml-auto"
+        @click="$store.state.modals = false"
+      >
+        abbrechen
+      </base-button>
+    </template>
+  </modal>
 </template>
 
 <script>
- 
+export default {
+  name: "modal",
+  data() {
+    return {
+      name: "",
+      nameState: null,
+      submittedNames: []
+    };
+  },
+  /*Modal*/
+  checkFormValidity() {
+    const valid = this.$refs.form.checkValidity();
+    this.nameState = valid;
+    return valid;
+  },
+  resetModal() {
+    this.name = "";
+    this.nameState = null;
+  },
+  handleOk(bvModalEvt) {
+    // Prevent modal from closing
+    bvModalEvt.preventDefault();
+    // Trigger submit handler
+    this.handleSubmit();
+  },
+  handleSubmit() {
+    // Exit when the form isn't valid
+    if (!this.checkFormValidity()) {
+      return;
+    }
+    // Push the name to submitted names
+    this.submittedNames.push(this.name);
+    this.$store.state.modals = false;
+    this.$store.commit("loginAsAdmin");
+    this.$router.push("/AdminOverview");
 
- export default {
-   name: 'modal',
-    data() {
-      return {
-        name: '',
-        nameState: null,
-        submittedNames: []
-      }
-    },
-     /*Modal*/
-    checkFormValidity() {
-        const valid = this.$refs.form.checkValidity()
-        this.nameState = valid
-        return valid
-    },
-    resetModal() {
-        this.name = ''
-        this.nameState = null
-      },
-    handleOk(bvModalEvt) {
-        // Prevent modal from closing
-        bvModalEvt.preventDefault()
-        // Trigger submit handler
-        this.handleSubmit()
-      },
-    handleSubmit() {
-        // Exit when the form isn't valid
-        if (!this.checkFormValidity()) {
-          return
-        }
-         // Push the name to submitted names
-         this.submittedNames.push(this.name)
-         this.$store.state.modals = false
-         this.$store.commit('loginAsAdmin')
-         this.$router.push('/AdminOverview')        
-        
-        // Hide the modal manually
-        this.$nextTick(() => {
-          this.$bvModal.hide('modal-prevent-closing')
-        })
-      } 
-  };
+    // Hide the modal manually
+    this.$nextTick(() => {
+      this.$bvModal.hide("modal-prevent-closing");
+    });
+  }
+};
 </script>
 <style>
-  .modal-backdrop {
-    background-color: rgba(0, 0, 0, 0.6) !important;
-  }
+.modal-backdrop {
+  background-color: rgba(0, 0, 0, 0.6) !important;
+}
 </style>
diff --git a/frontend/src/components/Navbar/BaseNav.vue b/frontend/src/components/Navbar/BaseNav.vue
index 81400f61b..9de33aebe 100644
--- a/frontend/src/components/Navbar/BaseNav.vue
+++ b/frontend/src/components/Navbar/BaseNav.vue
@@ -20,8 +20,8 @@
 
       <b-navbar-toggle
         target="nav-text-collapse"
-        @click.stop="toggleMenu">
-      </b-navbar-toggle>
+        @click.stop="toggleMenu"
+      ></b-navbar-toggle>
 
       <b-collapse
         is-nav
@@ -29,7 +29,8 @@
         class="navbar-custom-collapse collapse"
         :class="menuClasses"
         :visible="show"
-        v-click-outside="closeMenu">
+        v-click-outside="closeMenu"
+      >
         <slot :close-menu="closeMenu"></slot>
       </b-collapse>
     </div>
@@ -37,65 +38,65 @@
 </template>
 <script>
 export default {
-  name: 'base-nav',
+  name: "base-nav",
   props: {
     show: {
       type: Boolean,
       default: false,
       description:
-        'Whether navbar menu is shown (valid for viewports < specified by `expand` prop)'
+        "Whether navbar menu is shown (valid for viewports < specified by `expand` prop)"
     },
     transparent: {
       type: Boolean,
       default: false,
-      description: 'Whether navbar is transparent'
+      description: "Whether navbar is transparent"
     },
     expand: {
       type: String,
-      default: 'lg',
-      description: 'Breakpoint where nav should expand'
+      default: "lg",
+      description: "Breakpoint where nav should expand"
     },
     menuClasses: {
       type: [String, Object, Array],
-      default: '',
+      default: "",
       description:
-        'Navbar menu (items) classes. Can be used to align menu items to the right/left'
+        "Navbar menu (items) classes. Can be used to align menu items to the right/left"
     },
     containerClasses: {
       type: [String, Object, Array],
-      default: 'container',
+      default: "container",
       description:
-        'Container classes. Can be used to control container classes (contains both navbar brand and menu items)'
+        "Container classes. Can be used to control container classes (contains both navbar brand and menu items)"
     },
     type: {
       type: String,
-      default: '',
+      default: "",
       validator(value) {
         return [
-          '',
-          'dark',
-          'success',
-          'danger',
-          'warning',
-          'white',
-          'primary',
-          'light',
-          'info',
-          'vue'
+          "",
+          "dark",
+          "success",
+          "danger",
+          "warning",
+          "white",
+          "primary",
+          "light",
+          "info",
+          "vue"
         ].includes(value);
       },
-      description: 'Navbar color type'
+      description: "Navbar color type"
     }
   },
   model: {
-    prop: 'show',
-    event: 'change'
+    prop: "show",
+    event: "change"
   },
   computed: {
     classes() {
       let color = `bg-${this.type}`;
       let classes = [
-        { 'navbar-transparent': this.transparent },
+        { "navbar-transparent": this.transparent },
         { [`navbar-expand-${this.expand}`]: this.expand }
       ];
       if (this.position) {
@@ -112,10 +113,10 @@ export default {
   },
   methods: {
     toggleMenu() {
-      this.$emit('change', !this.show);
+      this.$emit("change", !this.show);
     },
     closeMenu() {
-      this.$emit('change', false);
+      this.$emit("change", false);
     }
   }
 };
diff --git a/frontend/src/components/Navbar/NavbarToggleButton.vue b/frontend/src/components/Navbar/NavbarToggleButton.vue
index 7c63c10df..fe3ccf624 100644
--- a/frontend/src/components/Navbar/NavbarToggleButton.vue
+++ b/frontend/src/components/Navbar/NavbarToggleButton.vue
@@ -15,7 +15,7 @@
 </template>
 <script>
 export default {
-  name: 'navbar-toggle-button'
+  name: "navbar-toggle-button"
 };
 </script>
 <style></style>
diff --git a/frontend/src/components/NavbarToggleButton.vue b/frontend/src/components/NavbarToggleButton.vue
index 78b0396ba..266328a3a 100755
--- a/frontend/src/components/NavbarToggleButton.vue
+++ b/frontend/src/components/NavbarToggleButton.vue
@@ -10,7 +10,7 @@
   >
     <span class="navbar-toggler-icon"></span>
     <slot>
-        <span></span>
+      <span></span>
     </slot>
   </button>
 </template>
@@ -19,12 +19,12 @@ export default {
   props: {
     target: {
       type: [String, Number],
-      description: 'Button target element'
+      description: "Button target element"
     },
     toggled: {
       type: Boolean,
       default: false,
-      description: 'Whether button is toggled'
+      description: "Whether button is toggled"
     }
   }
 };
diff --git a/frontend/src/components/NotificationPlugin/Notification.vue b/frontend/src/components/NotificationPlugin/Notification.vue
index 6338fa9ea..294d2f388 100644
--- a/frontend/src/components/NotificationPlugin/Notification.vue
+++ b/frontend/src/components/NotificationPlugin/Notification.vue
@@ -15,16 +15,18 @@
   >
     <template v-if="icon || $slots.icon">
       <slot name="icon">
-            <span class="alert-icon" data-notify="icon">
-              <i :class="icon"></i>
-            </span>
+        <span class="alert-icon" data-notify="icon">
+          <i :class="icon"></i>
+        </span>
       </slot>
     </template>
 
     <span class="alert-text">
-
       <span v-if="title" class="title">
-        <b>{{ title }}<br/></b>
+        <b>
+          {{ title }}
+          <br />
+        </b>
       </span>
       <span v-if="message" v-html="message"></span>
       <content-render
@@ -34,176 +36,182 @@
     </span>
 
     <slot name="dismiss-icon">
-      <button type="button"
-              class="close"
-              data-dismiss="alert"
-              aria-label="Close"
-              @click="close">
+      <button
+        type="button"
+        class="close"
+        data-dismiss="alert"
+        aria-label="Close"
+        @click="close"
+      >
         <span aria-hidden="true">×</span>
       </button>
     </slot>
   </div>
 </template>
 <script>
-  export default {
-    name: 'notification',
-    components: {
-      contentRender: {
-        props: ['component'],
-        render: function (createElement) {
-          return createElement(this.component)
-        }
-      }
-    },
-    props: {
-      message: String,
-      title: {
-        type: String,
-        description: 'Notification title'
-      },
-      icon: {
-        type: String,
-        description: 'Notification icon'
-      },
-      verticalAlign: {
-        type: String,
-        default: 'top',
-        validator: value => {
-          let acceptedValues = ['top', 'bottom'];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-        description: 'Vertical alignment of notification (top|bottom)'
-      },
-      horizontalAlign: {
-        type: String,
-        default: 'right',
-        validator: value => {
-          let acceptedValues = ['left', 'center', 'right'];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-        description: 'Horizontal alignment of notification (left|center|right)'
-      },
-      type: {
-        type: String,
-        default: 'info',
-        validator: value => {
-          let acceptedValues = [
-            'default',
-            'info',
-            'primary',
-            'danger',
-            'warning',
-            'success'
-          ];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-        description: 'Notification type of notification (default|info|primary|danger|warning|success)'
-      },
-      timeout: {
-        type: Number,
-        default: 5000,
-        validator: value => {
-          return value >= 0;
-        },
-        description: 'Notification timeout (closes after X milliseconds). Default is 5000 (5s)'
-      },
-      timestamp: {
-        type: Date,
-        default: () => new Date(),
-        description: 'Notification timestamp (used internally to handle notification removal correctly)'
-      },
-      component: {
-        type: [Object, Function],
-        description: 'Custom content component. Cane be a `.vue` component or render function'
-      },
-      showClose: {
-        type: Boolean,
-        default: true,
-        description: 'Whether to show close button'
-      },
-      closeOnClick: {
-        type: Boolean,
-        default: true,
-        description: 'Whether to close notification when clicking it\' body'
-      },
-      clickHandler: {
-        type: Function,
-        description: 'Custom notification click handler'
-      }
-    },
-    data() {
-      return {
-        elmHeight: 0
-      };
-    },
-    computed: {
-      hasIcon() {
-        return this.icon && this.icon.length > 0;
-      },
-      alertType() {
-        return `alert-${this.type}`;
-      },
-      customPosition() {
-        let initialMargin = 20;
-        let alertHeight = this.elmHeight + 10;
-        let sameAlertsCount = this.$notifications.state.filter(alert => {
-          return (
-            alert.horizontalAlign === this.horizontalAlign &&
-            alert.verticalAlign === this.verticalAlign &&
-            alert.timestamp <= this.timestamp
-          );
-        }).length;
-        if (this.$notifications.settings.overlap) {
-          sameAlertsCount = 1;
-        }
-        let pixels = (sameAlertsCount - 1) * alertHeight + initialMargin;
-        let styles = {};
-        if (this.verticalAlign === 'top') {
-          styles.top = `${pixels}px`;
-        } else {
-          styles.bottom = `${pixels}px`;
-        }
-        return styles;
-      }
-    },
-    methods: {
-      close() {
-        this.$emit('close', this.timestamp);
-      },
-      tryClose(evt) {
-        if (this.clickHandler) {
-          this.clickHandler(evt, this);
-        }
-        if (this.closeOnClick) {
-          this.close();
-        }
-      }
-    },
-    mounted() {
-      this.elmHeight = this.$el.clientHeight;
-      if (this.timeout) {
-        setTimeout(this.close, this.timeout);
+export default {
+  name: "notification",
+  components: {
+    contentRender: {
+      props: ["component"],
+      render: function(createElement) {
+        return createElement(this.component);
       }
     }
-  };
-</script>
-<style lang="scss">
-  .notifications .alert {
-    position: fixed;
-    z-index: 10000;
-
-    &[data-notify='container'] {
-      max-width: 500px;
+  },
+  props: {
+    message: String,
+    title: {
+      type: String,
+      description: "Notification title"
+    },
+    icon: {
+      type: String,
+      description: "Notification icon"
+    },
+    verticalAlign: {
+      type: String,
+      default: "top",
+      validator: value => {
+        let acceptedValues = ["top", "bottom"];
+        return acceptedValues.indexOf(value) !== -1;
+      },
+      description: "Vertical alignment of notification (top|bottom)"
+    },
+    horizontalAlign: {
+      type: String,
+      default: "right",
+      validator: value => {
+        let acceptedValues = ["left", "center", "right"];
+        return acceptedValues.indexOf(value) !== -1;
+      },
+      description: "Horizontal alignment of notification (left|center|right)"
+    },
+    type: {
+      type: String,
+      default: "info",
+      validator: value => {
+        let acceptedValues = [
+          "default",
+          "info",
+          "primary",
+          "danger",
+          "warning",
+          "success"
+        ];
+        return acceptedValues.indexOf(value) !== -1;
+      },
+      description:
+        "Notification type of notification (default|info|primary|danger|warning|success)"
+    },
+    timeout: {
+      type: Number,
+      default: 5000,
+      validator: value => {
+        return value >= 0;
+      },
+      description:
+        "Notification timeout (closes after X milliseconds). Default is 5000 (5s)"
+    },
+    timestamp: {
+      type: Date,
+      default: () => new Date(),
+      description:
+        "Notification timestamp (used internally to handle notification removal correctly)"
+    },
+    component: {
+      type: [Object, Function],
+      description:
+        "Custom content component. Cane be a `.vue` component or render function"
+    },
+    showClose: {
+      type: Boolean,
+      default: true,
+      description: "Whether to show close button"
+    },
+    closeOnClick: {
+      type: Boolean,
+      default: true,
+      description: "Whether to close notification when clicking it' body"
+    },
+    clickHandler: {
+      type: Function,
+      description: "Custom notification click handler"
     }
-
-    &.center {
-      margin: 0 auto;
+  },
+  data() {
+    return {
+      elmHeight: 0
+    };
+  },
+  computed: {
+    hasIcon() {
+      return this.icon && this.icon.length > 0;
+    },
+    alertType() {
+      return `alert-${this.type}`;
+    },
+    customPosition() {
+      let initialMargin = 20;
+      let alertHeight = this.elmHeight + 10;
+      let sameAlertsCount = this.$notifications.state.filter(alert => {
+        return (
+          alert.horizontalAlign === this.horizontalAlign &&
+          alert.verticalAlign === this.verticalAlign &&
+          alert.timestamp <= this.timestamp
+        );
+      }).length;
+      if (this.$notifications.settings.overlap) {
+        sameAlertsCount = 1;
+      }
+      let pixels = (sameAlertsCount - 1) * alertHeight + initialMargin;
+      let styles = {};
+      if (this.verticalAlign === "top") {
+        styles.top = `${pixels}px`;
+      } else {
+        styles.bottom = `${pixels}px`;
+      }
+      return styles;
     }
-    &.left {
-      left: 20px;
+  },
+  methods: {
+    close() {
+      this.$emit("close", this.timestamp);
+    },
+    tryClose(evt) {
+      if (this.clickHandler) {
+        this.clickHandler(evt, this);
+      }
+      if (this.closeOnClick) {
+        this.close();
+      }
     }
-    &.right {
-      right: 20px;
+  },
+  mounted() {
+    this.elmHeight = this.$el.clientHeight;
+    if (this.timeout) {
+      setTimeout(this.close, this.timeout);
     }
   }
+};
+</script>
+<style lang="scss">
+.notifications .alert {
+  position: fixed;
+  z-index: 10000;
+
+  &[data-notify="container"] {
+    max-width: 500px;
+  }
+
+  &.center {
+    margin: 0 auto;
+  }
+  &.left {
+    left: 20px;
+  }
+  &.right {
+    right: 20px;
+  }
+}
 </style>
diff --git a/frontend/src/components/NotificationPlugin/Notifications.vue b/frontend/src/components/NotificationPlugin/Notifications.vue
index 2689cc923..6020ea1ff 100644
--- a/frontend/src/components/NotificationPlugin/Notifications.vue
+++ b/frontend/src/components/NotificationPlugin/Notifications.vue
@@ -1,55 +1,52 @@
 <template>
   <div class="notifications">
-    <slide-y-up-transition :duration="transitionDuration"
-                             group
-                             mode="out-in">
+    <slide-y-up-transition :duration="transitionDuration" group mode="out-in">
       <notification
         v-for="notification in notifications"
         v-bind="notification"
         :clickHandler="notification.onClick"
         :key="notification.timestamp.getTime()"
         @close="removeNotification"
-      >
-      </notification>
+      ></notification>
     </slide-y-up-transition>
   </div>
 </template>
 <script>
-  import Notification from './Notification.vue';
-  import { SlideYUpTransition } from 'vue2-transitions';
+import Notification from "./Notification.vue";
+import { SlideYUpTransition } from "vue2-transitions";
 
-  export default {
-    components: {
-      SlideYUpTransition,
-      Notification
+export default {
+  components: {
+    SlideYUpTransition,
+    Notification
+  },
+  props: {
+    transitionDuration: {
+      type: Number,
+      default: 200
     },
-    props: {
-      transitionDuration: {
-        type: Number,
-        default: 200
-      },
-      overlap: {
-        type: Boolean,
-        default: false
-      }
-    },
-    data() {
-      return {
-        notifications: this.$notifications.state
-      };
-    },
-    methods: {
-      removeNotification(timestamp) {
-        this.$notifications.removeNotification(timestamp);
-      }
-    },
-    created() {
-      this.$notifications.settings.overlap = this.overlap;
-    },
-    watch: {
-      overlap: function (newVal) {
-        this.$notifications.settings.overlap = newVal;
-      }
+    overlap: {
+      type: Boolean,
+      default: false
     }
-  };
+  },
+  data() {
+    return {
+      notifications: this.$notifications.state
+    };
+  },
+  methods: {
+    removeNotification(timestamp) {
+      this.$notifications.removeNotification(timestamp);
+    }
+  },
+  created() {
+    this.$notifications.settings.overlap = this.overlap;
+  },
+  watch: {
+    overlap: function(newVal) {
+      this.$notifications.settings.overlap = newVal;
+    }
+  }
+};
 </script>
diff --git a/frontend/src/components/NotificationPlugin/index.js b/frontend/src/components/NotificationPlugin/index.js
index e871fb6ac..93e9f0038 100644
--- a/frontend/src/components/NotificationPlugin/index.js
+++ b/frontend/src/components/NotificationPlugin/index.js
@@ -1,12 +1,12 @@
-import Notifications from './Notifications.vue';
+import Notifications from "./Notifications.vue";
 
 const NotificationStore = {
   state: [], // here the notifications will be added
   settings: {
     overlap: false,
-    verticalAlign: 'top',
-    horizontalAlign: 'right',
-    type: 'info',
+    verticalAlign: "top",
+    horizontalAlign: "right",
+    type: "info",
     timeout: 5000,
     closeOnClick: true,
     showClose: true
@@ -21,7 +21,7 @@ const NotificationStore = {
     }
   },
   addNotification(notification) {
-    if (typeof notification === 'string' || notification instanceof String) {
+    if (typeof notification === "string" || notification instanceof String) {
       notification = { message: notification };
     }
     notification.timestamp = new Date();
@@ -56,7 +56,7 @@ const NotificationsPlugin = {
     });
     Vue.prototype.$notify = app.notify;
     Vue.prototype.$notifications = app.notificationStore;
-    Vue.component('Notifications', Notifications);
+    Vue.component("Notifications", Notifications);
     if (options) {
       NotificationStore.setOptions(options);
     }
diff --git a/frontend/src/components/SearchUser.vue b/frontend/src/components/SearchUser.vue
index 143fcfeac..08fb14f40 100644
--- a/frontend/src/components/SearchUser.vue
+++ b/frontend/src/components/SearchUser.vue
@@ -1,12 +1,8 @@
 <template>
-    <vue-bootstrap-typeahead 
-    v-model="query"
-    :data="users"
-    @change="getUser"
-  />
+  <vue-bootstrap-typeahead v-model="query" :data="users" @change="getUser" />
 </template>
 <script>
-  import VueBootstrapTypeahead from 'vue-bootstrap-typeahead'
+import VueBootstrapTypeahead from "vue-bootstrap-typeahead";
 
 // Global registration
 //Vue.component('vue-bootstrap-typeahead', VueBootstrapTypeahead)
@@ -15,71 +11,71 @@
 
 // Local registration
 export default {
-    name: "SearchUser",
-    components: {
-        VueBootstrapTypeahead
-    },
-    data() {
-      return {
-        user: "",
-        users: [
-          "Bob",
-          "Alice",
-          "Bernd",
-          "Dario",
-          "Alex",
-          "Pauls",
-          "Ulf",
-          "Delaware",
-          "Florida",
-          "Georgia",
-          "Hawaii",
-          "Idaho",
-          "Illnois",
-          "Indiana",
-          "Iowa",
-          "Kansas",
-          "Kentucky",
-          "Louisiana",
-          "Maine",
-          "Maryland",
-          "Massachusetts",
-          "Michigan",
-          "Minnesota",
-          "Mississippi",
-          "Missouri",
-          "Montana",
-          "Nebraska",
-          "Nevada",
-          "New Hampshire",
-          "New Jersey",
-          "New Mexico",
-          "New York",
-          "North Carolina",
-          "North Dakota",
-          "Ohio",
-          "Oklahoma",
-          "Oregon",
-          "Pennsylvania",
-          "Rhode Island",
-          "South Carolina",
-          "South Dakota",
-          "Tennessee",
-          "Texas",
-          "Utah",
-          "Vermont",
-          "Virginia",
-          "Washington",
-          "West Virginia",
-          "Wisconsin",
-          "Wyoming"
-        ]
-      };
-    },
-    methods: {
-      getUser() {
-        alert(this.data.user)
-      }
+  name: "SearchUser",
+  components: {
+    VueBootstrapTypeahead
+  },
+  data() {
+    return {
+      user: "",
+      users: [
+        "Bob",
+        "Alice",
+        "Bernd",
+        "Dario",
+        "Alex",
+        "Pauls",
+        "Ulf",
+        "Delaware",
+        "Florida",
+        "Georgia",
+        "Hawaii",
+        "Idaho",
+        "Illnois",
+        "Indiana",
+        "Iowa",
+        "Kansas",
+        "Kentucky",
+        "Louisiana",
+        "Maine",
+        "Maryland",
+        "Massachusetts",
+        "Michigan",
+        "Minnesota",
+        "Mississippi",
+        "Missouri",
+        "Montana",
+        "Nebraska",
+        "Nevada",
+        "New Hampshire",
+        "New Jersey",
+        "New Mexico",
+        "New York",
+        "North Carolina",
+        "North Dakota",
+        "Ohio",
+        "Oklahoma",
+        "Oregon",
+        "Pennsylvania",
+        "Rhode Island",
+        "South Carolina",
+        "South Dakota",
+        "Tennessee",
+        "Texas",
+        "Utah",
+        "Vermont",
+        "Virginia",
+        "Washington",
+        "West Virginia",
+        "Wisconsin",
+        "Wyoming"
+      ]
+    };
+  },
+  methods: {
+    getUser() {
+      alert(this.data.user);
     }
-  };
-</script>
\ No newline at end of file
+  }
+};
+</script>
diff --git a/frontend/src/components/SidebarPlugin/SideBar.vue b/frontend/src/components/SidebarPlugin/SideBar.vue
index 7f2f1e5eb..410c5e673 100755
--- a/frontend/src/components/SidebarPlugin/SideBar.vue
+++ b/frontend/src/components/SidebarPlugin/SideBar.vue
@@ -1,130 +1,151 @@
 <template>
-    <nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-transparent" id="sidenav-main">
-        <div class="container-fluid">
-
-            <!--Toggler-->
-            <navbar-toggle-button @click.native="showSidebar">
-                
-            </navbar-toggle-button>
-            <div class="navbar-brand">
-                <img :src="logo" class="navbar-brand-img" alt="...">                
-            </div>
-            <b-row class="text-center"><b-col>{{$n($store.state.user.balance)}} GDD</b-col></b-row>
-            <slot name="mobile-right">
-                <ul class="nav align-items-center d-md-none"> 
-                
-                    <base-dropdown class="nav-item" menu-on-right tag="li" title-tag="a">
-                        <a slot="title-container" class="nav-link" href="#" role="button">
-                            <div class="media align-items-center">
-                              <span class="avatar avatar-sm">
-                                <vue-qrcode :value="$store.state.email" type="image/png" ></vue-qrcode>  
-                              </span>
-                            </div>
-                        </a>
- xx
-                        <router-link to="/overview" class="dropdown-item text-lg text-muted">
-                            <i class="ni ni-single-02"></i>
-                            <span>{{ $t('site.overview.account_overview')}}</span>
-                        </router-link>
-                        <router-link to="/profile" class="dropdown-item  text-lg text-muted">
-                            <i class="ni ni-single-02"></i>
-                            <span>{{ $t('site.navbar.my-profil')}}</span>
-                        </router-link>
-                        <router-link to="/profileedit" class="dropdown-item  text-lg text-muted">
-                            <i class="ni ni-settings-gear-65"></i>
-                            <span>{{ $t('site.navbar.settings') }}</span>
-                        </router-link>
-                        <router-link to="/transactions" class="dropdown-item  text-lg text-muted">
-                            <i class="ni ni-calendar-grid-58"></i>
-                            <span>Transactions</span>
-                        </router-link>
-                        <!--
+  <nav
+    class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-transparent"
+    id="sidenav-main"
+  >
+    <div class="container-fluid">
+      <!--Toggler-->
+      <navbar-toggle-button @click.native="showSidebar"></navbar-toggle-button>
+      <div class="navbar-brand">
+        <img :src="logo" class="navbar-brand-img" alt="..." />
+      </div>
+      <b-row class="text-center">
+        <b-col>{{ $n($store.state.user.balance) }} GDD</b-col>
+      </b-row>
+      <slot name="mobile-right">
+        <ul class="nav align-items-center d-md-none">
+          <base-dropdown class="nav-item" menu-on-right tag="li" title-tag="a">
+            <a slot="title-container" class="nav-link" href="#" role="button">
+              <div class="media align-items-center">
+                <span class="avatar avatar-sm">
+                  <vue-qrcode
+                    :value="$store.state.email"
+                    type="image/png"
+                  ></vue-qrcode>
+                </span>
+              </div>
+            </a>
+            xx
+            <router-link
+              to="/overview"
+              class="dropdown-item text-lg text-muted"
+            >
+              <i class="ni ni-single-02"></i>
+              <span>{{ $t("site.overview.account_overview") }}</span>
+            </router-link>
+            <router-link
+              to="/profile"
+              class="dropdown-item  text-lg text-muted"
+            >
+              <i class="ni ni-single-02"></i>
+              <span>{{ $t("site.navbar.my-profil") }}</span>
+            </router-link>
+            <router-link
+              to="/profileedit"
+              class="dropdown-item  text-lg text-muted"
+            >
+              <i class="ni ni-settings-gear-65"></i>
+              <span>{{ $t("site.navbar.settings") }}</span>
+            </router-link>
+            <router-link
+              to="/transactions"
+              class="dropdown-item  text-lg text-muted"
+            >
+              <i class="ni ni-calendar-grid-58"></i>
+              <span>Transactions</span>
+            </router-link>
+            <!--
                         <router-link to="/activity" class="dropdown-item  text-lg text-muted">
                             <i class="ni ni-calendar-grid-58"></i>
                             <span>{{ $t('site.navbar.activity') }}</span>
                         </router-link>
                        -->
-                        <div class="dropdown-divider"></div>
-                        <div @click="logout" class="dropdown-item  text-lg text-muted" >
-                            <i class="ni ni-support-16"></i>
-                             {{ $t('logout') }} 
-                        </div>
-                    </base-dropdown>
-                </ul>
-            </slot>
-            <slot></slot>
-            <div v-show="$sidebar.showSidebar" class="navbar-collapse collapse show" id="sidenav-collapse-main">
-
-                <div class="navbar-collapse-header d-md-none">
-                    <div class="row">
-                        <div class="col-6 collapse-brand">
-                            <router-link to="/overview">
-                                <img :src="logo">
-                            </router-link>
-                        </div>
-                        <div class="col-6 collapse-close">
-                            <navbar-toggle-button @click.native="closeSidebar"></navbar-toggle-button>
-                        </div>
-                    </div>
-                </div>
-                <ul class="navbar-nav">
-                    <slot name="links">
-                    </slot>
-                </ul>
-                <hr class="my-3">     
-                <ul class="navbar-nav mb-md-3">                   
-                     <li class="nav-item"> 
-                        <a class="nav-link text-lg" href="#!"  @click="logout">
-                        {{ $t('logout') }}
-                        </a>
-                     </li>
-                  </ul>                 
+            <div class="dropdown-divider"></div>
+            <div @click="logout" class="dropdown-item  text-lg text-muted">
+              <i class="ni ni-support-16"></i>
+              {{ $t("logout") }}
+            </div>
+          </base-dropdown>
+        </ul>
+      </slot>
+      <slot></slot>
+      <div
+        v-show="$sidebar.showSidebar"
+        class="navbar-collapse collapse show"
+        id="sidenav-collapse-main"
+      >
+        <div class="navbar-collapse-header d-md-none">
+          <div class="row">
+            <div class="col-6 collapse-brand">
+              <router-link to="/overview">
+                <img :src="logo" />
+              </router-link>
+            </div>
+            <div class="col-6 collapse-close">
+              <navbar-toggle-button
+                @click.native="closeSidebar"
+              ></navbar-toggle-button>
             </div>
           </div>
-    </nav>
+        </div>
+        <ul class="navbar-nav">
+          <slot name="links"></slot>
+        </ul>
+        <hr class="my-3" />
+        <ul class="navbar-nav mb-md-3">
+          <li class="nav-item">
+            <a class="nav-link text-lg" href="#!" @click="logout">
+              {{ $t("logout") }}
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
 </template>
 <script>
-  import NavbarToggleButton from '@/components/NavbarToggleButton'
-  import VueQrcode from 'vue-qrcode'
+import NavbarToggleButton from "@/components/NavbarToggleButton";
+import VueQrcode from "vue-qrcode";
 
-  export default {
-    name: 'sidebar',
-    components: {
-      NavbarToggleButton,
-      VueQrcode
+export default {
+  name: "sidebar",
+  components: {
+    NavbarToggleButton,
+    VueQrcode
+  },
+  props: {
+    logo: {
+      type: String,
+      default: "img/brand/green.png",
+      description: "Gradido Sidebar app logo"
     },
-    props: {
-      logo: {
-        type: String,
-        default: 'img/brand/green.png',
-        description: 'Gradido Sidebar app logo'
-      },
-      autoClose: {
-        type: Boolean,
-        default: true,
-        description: 'Whether sidebar should autoclose on mobile when clicking an item'
-      }
-    },
-    provide() {
-      return {
-        autoClose: this.autoClose
-      };
-    },
-    methods: {
-      closeSidebar() {
-        this.$sidebar.displaySidebar(false)
-      },
-      showSidebar() {
-        this.$sidebar.displaySidebar(true)
-      },
-      logout(){
-        this.$store.dispatch('logout')
-      }  
-    },
-    beforeDestroy() {
-      if (this.$sidebar.showSidebar) {
-        this.$sidebar.showSidebar = false;
-      }
+    autoClose: {
+      type: Boolean,
+      default: true,
+      description:
+        "Whether sidebar should autoclose on mobile when clicking an item"
     }
-  };
+  },
+  provide() {
+    return {
+      autoClose: this.autoClose
+    };
+  },
+  methods: {
+    closeSidebar() {
+      this.$sidebar.displaySidebar(false);
+    },
+    showSidebar() {
+      this.$sidebar.displaySidebar(true);
+    },
+    logout() {
+      this.$store.dispatch("logout");
+    }
+  },
+  beforeDestroy() {
+    if (this.$sidebar.showSidebar) {
+      this.$sidebar.showSidebar = false;
+    }
+  }
+};
 </script>
diff --git a/frontend/src/components/SidebarPlugin/SidebarItem.vue b/frontend/src/components/SidebarPlugin/SidebarItem.vue
index 2699bef25..9ce45193a 100755
--- a/frontend/src/components/SidebarPlugin/SidebarItem.vue
+++ b/frontend/src/components/SidebarPlugin/SidebarItem.vue
@@ -15,12 +15,16 @@
     >
       <template v-if="addLink">
         <span class="nav-link-text">
-          {{ link.name }} <b class="caret"></b>
+          {{ link.name }}
+          <b class="caret"></b>
         </span>
       </template>
       <template v-else>
         <i :class="link.icon"></i>
-        <span class="nav-link-text">{{ link.name }} <b class="caret"></b></span>
+        <span class="nav-link-text">
+          {{ link.name }}
+          <b class="caret"></b>
+        </span>
       </template>
     </a>
 
@@ -61,10 +65,10 @@
   </b-nav-item>
 </template>
 <script>
-import { CollapseTransition } from 'vue2-transitions';
+import { CollapseTransition } from "vue2-transitions";
 
 export default {
-  name: 'sidebar-item',
+  name: "sidebar-item",
   components: {
     CollapseTransition
   },
@@ -79,13 +83,13 @@ export default {
       type: Object,
       default: () => {
         return {
-          name: '',
-          path: '',
+          name: "",
+          path: "",
           children: []
         };
       },
       description:
-        'Sidebar link. Can contain name, path, icon and other attributes. See examples for more info'
+        "Sidebar link. Can contain name, path, icon and other attributes. See examples for more info"
     }
   },
   provide() {
@@ -109,14 +113,14 @@ export default {
   },
   computed: {
     baseComponent() {
-      return this.isMenu || this.link.isRoute ? 'li' : 'router-link';
+      return this.isMenu || this.link.isRoute ? "li" : "router-link";
     },
     linkPrefix() {
       if (this.link.name) {
-        let words = this.link.name.split(' ');
-        return words.map(word => word.substring(0, 1)).join('');
+        let words = this.link.name.split(" ");
+        return words.map(word => word.substring(0, 1)).join("");
       }
-      return ''
+      return "";
     },
     isMenu() {
       return this.children.length > 0 || this.menu === true;
@@ -145,14 +149,14 @@ export default {
     },
     elementType(link, isParent = true) {
       if (link.isRoute === false) {
-        return isParent ? 'li' : 'a';
+        return isParent ? "li" : "a";
       } else {
-        return 'router-link';
+        return "router-link";
       }
     },
     linkAbbreviation(name) {
       const matches = name.match(/\b(\w)/g);
-      return matches.join('');
+      return matches.join("");
     },
     linkClick() {
       if (
diff --git a/frontend/src/components/SidebarPlugin/index.js b/frontend/src/components/SidebarPlugin/index.js
index 2239c7c31..bdfc5dd8f 100755
--- a/frontend/src/components/SidebarPlugin/index.js
+++ b/frontend/src/components/SidebarPlugin/index.js
@@ -1,5 +1,5 @@
-import Sidebar from './SideBar.vue';
-import SidebarItem from './SidebarItem.vue';
+import Sidebar from "./SideBar.vue";
+import SidebarItem from "./SidebarItem.vue";
 
 const SidebarStore = {
   showSidebar: false,
@@ -9,10 +9,10 @@ const SidebarStore = {
     this.showSidebar = value;
   },
   toggleMinimize() {
-    document.body.classList.toggle('sidebar-mini');
+    document.body.classList.toggle("sidebar-mini");
     // we simulate the window Resize so the charts will get updated in realtime.
     const simulateWindowResize = setInterval(() => {
-      window.dispatchEvent(new Event('resize'));
+      window.dispatchEvent(new Event("resize"));
     }, 180);
 
     // we stop the simulation of Window Resize after the animations are completed
@@ -35,8 +35,8 @@ const SidebarPlugin = {
       }
     });
     Vue.prototype.$sidebar = app.sidebarStore;
-    Vue.component('side-bar', Sidebar);
-    Vue.component('sidebar-item', SidebarItem);
+    Vue.component("side-bar", Sidebar);
+    Vue.component("sidebar-item", SidebarItem);
   }
 };
 
diff --git a/frontend/src/components/Tabs/Tab.vue b/frontend/src/components/Tabs/Tab.vue
index e247f5176..4ba8d7c99 100644
--- a/frontend/src/components/Tabs/Tab.vue
+++ b/frontend/src/components/Tabs/Tab.vue
@@ -11,9 +11,9 @@
 </template>
 <script>
 export default {
-  name: 'tab-pane',
-  props: ['title', 'id'],
-  inject: ['addTab', 'removeTab'],
+  name: "tab-pane",
+  props: ["title", "id"],
+  inject: ["addTab", "removeTab"],
   data() {
     return {
       active: false
diff --git a/frontend/src/components/Tabs/Tabs.vue b/frontend/src/components/Tabs/Tabs.vue
index f77243952..ad957f2eb 100644
--- a/frontend/src/components/Tabs/Tabs.vue
+++ b/frontend/src/components/Tabs/Tabs.vue
@@ -28,7 +28,7 @@
           @click.prevent="activateTab(tab)"
           :aria-expanded="tab.active"
         >
-          <tab-item-content :tab="tab"> </tab-item-content>
+          <tab-item-content :tab="tab"></tab-item-content>
         </b-nav-item>
       </b-nav>
     </div>
@@ -47,12 +47,12 @@
 
 <script>
 export default {
-  name: 'tabs',
+  name: "tabs",
   components: {
     TabItemContent: {
-      props: ['tab'],
+      props: ["tab"],
       render(h) {
-        return h('div', [this.tab.$slots.title || this.tab.title]);
+        return h("div", [this.tab.$slots.title || this.tab.title]);
       }
     }
   },
@@ -65,37 +65,37 @@ export default {
   props: {
     type: {
       type: String,
-      default: 'primary',
+      default: "primary",
       validator: value => {
         let acceptedValues = [
-          'primary',
-          'info',
-          'success',
-          'warning',
-          'danger'
+          "primary",
+          "info",
+          "success",
+          "warning",
+          "danger"
         ];
         return acceptedValues.indexOf(value) !== -1;
       }
     },
     activeTab: {
       type: String,
-      default: '',
-      description: 'Active tab name'
+      default: "",
+      description: "Active tab name"
     },
     tabNavWrapperClasses: {
       type: [String, Object],
-      default: '',
-      description: 'ul wrapper css classes'
+      default: "",
+      description: "ul wrapper css classes"
     },
     tabNavClasses: {
       type: [String, Object],
-      default: '',
-      description: 'ul css classes'
+      default: "",
+      description: "ul css classes"
     },
     tabContentClasses: {
       type: [String, Object],
-      default: '',
-      description: 'tab content css classes'
+      default: "",
+      description: "tab content css classes"
     },
     vertical: Boolean,
     centered: Boolean,
diff --git a/frontend/src/components/index.js b/frontend/src/components/index.js
index 8b8caea9e..bf9abd872 100755
--- a/frontend/src/components/index.js
+++ b/frontend/src/components/index.js
@@ -1,30 +1,30 @@
-import BaseCheckbox from './Inputs/BaseCheckbox.vue';
-import BaseAlert from './BaseAlert.vue';
-import BaseRadio from './Inputs/BaseRadio.vue';
-import BaseInput from './Inputs/BaseInput.vue';
-import Badge from './Badge';
-import BaseProgress from './BaseProgress.vue';
-import BaseButton from './BaseButton.vue';
+import BaseCheckbox from "./Inputs/BaseCheckbox.vue";
+import BaseAlert from "./BaseAlert.vue";
+import BaseRadio from "./Inputs/BaseRadio.vue";
+import BaseInput from "./Inputs/BaseInput.vue";
+import Badge from "./Badge";
+import BaseProgress from "./BaseProgress.vue";
+import BaseButton from "./BaseButton.vue";
 
-import BaseDropdown from './BaseDropdown.vue';
-import BaseTable from './BaseTable.vue';
+import BaseDropdown from "./BaseDropdown.vue";
+import BaseTable from "./BaseTable.vue";
 
-import Card from './Cards/Card.vue';
-import StatsCard from './Cards/StatsCard.vue';
-import BaseNav from './Navbar/BaseNav';
-import NavbarToggleButton from './Navbar/NavbarToggleButton';
+import Card from "./Cards/Card.vue";
+import StatsCard from "./Cards/StatsCard.vue";
+import BaseNav from "./Navbar/BaseNav";
+import NavbarToggleButton from "./Navbar/NavbarToggleButton";
 
-import TabPane from './Tabs/Tab.vue';
-import Tabs from './Tabs/Tabs.vue';
-import Collapse from './Collapse/Collapse.vue';
-import CollapseItem from './Collapse/CollapseItem.vue';
-import Modal from './Modal.vue';
-import BaseSlider from './BaseSlider.vue';
-import LoadingPanel from './LoadingPanel.vue';
+import TabPane from "./Tabs/Tab.vue";
+import Tabs from "./Tabs/Tabs.vue";
+import Collapse from "./Collapse/Collapse.vue";
+import CollapseItem from "./Collapse/CollapseItem.vue";
+import Modal from "./Modal.vue";
+import BaseSlider from "./BaseSlider.vue";
+import LoadingPanel from "./LoadingPanel.vue";
 
-import BasePagination from './BasePagination.vue';
+import BasePagination from "./BasePagination.vue";
 
-import SidebarPlugin from './SidebarPlugin';
+import SidebarPlugin from "./SidebarPlugin";
 
 export {
   BaseCheckbox,
diff --git a/frontend/src/config/index.js b/frontend/src/config/index.js
index 2d5f6a6c7..44a255380 100644
--- a/frontend/src/config/index.js
+++ b/frontend/src/config/index.js
@@ -5,21 +5,27 @@
 
 const environment = {
   NODE_ENV: process.env.NODE_ENV,
-  DEBUG: process.env.NODE_ENV !== 'production' || false,
-  PRODUCTION: process.env.NODE_ENV === 'production' || false,
-}
+  DEBUG: process.env.NODE_ENV !== "production" || false,
+  PRODUCTION: process.env.NODE_ENV === "production" || false
+};
 
 const server = {
-  LOGIN_API_URL: process.env.LOGIN_API_URL || 'http://localhost/login_api/',
-  COMMUNITY_API_STATE_BALANCE_URL: process.env.COMMUNITY_API_STATE_BALANCE_URL || 'http://localhost/state-balances/',
-  COMMUNITY_API_TRANSACTION_CREATION_URL: process.env.COMMUNITY_API_TRANSACTION_CREATION_URL || 'http://localhost/transaction-creations/',
+  LOGIN_API_URL: process.env.LOGIN_API_URL || "http://localhost/login_api/",
+  COMMUNITY_API_STATE_BALANCE_URL:
+    process.env.COMMUNITY_API_STATE_BALANCE_URL ||
+    "http://localhost/state-balances/",
+  COMMUNITY_API_TRANSACTION_CREATION_URL:
+    process.env.COMMUNITY_API_TRANSACTION_CREATION_URL ||
+    "http://localhost/transaction-creations/",
   // TODO is this the right API call? what does it do?
-  COMMUNITY_API_TRANSACTION_SEND_COINS: process.env.COMMUNITY_API_TRANSACTION_SEND_COINS || 'http://localhost/transaction-send-coins/',
-}
+  COMMUNITY_API_TRANSACTION_SEND_COINS:
+    process.env.COMMUNITY_API_TRANSACTION_SEND_COINS ||
+    "http://localhost/transaction-send-coins/"
+};
 
 const CONFIG = {
   ...environment,
-  ...server,
-}
+  ...server
+};
 
-export default CONFIG
+export default CONFIG;
diff --git a/frontend/src/directives/click-ouside.js b/frontend/src/directives/click-ouside.js
index 3021e4980..fbec7aa7f 100644
--- a/frontend/src/directives/click-ouside.js
+++ b/frontend/src/directives/click-ouside.js
@@ -7,9 +7,9 @@ export default {
         vnode.context[binding.expression](event);
       }
     };
-    document.body.addEventListener('click', el.clickOutsideEvent);
+    document.body.addEventListener("click", el.clickOutsideEvent);
   },
   unbind: function(el) {
-    document.body.removeEventListener('click', el.clickOutsideEvent);
+    document.body.removeEventListener("click", el.clickOutsideEvent);
   }
 };
diff --git a/frontend/src/i18n.js b/frontend/src/i18n.js
index 7b76454aa..7bfdde77f 100644
--- a/frontend/src/i18n.js
+++ b/frontend/src/i18n.js
@@ -1,46 +1,45 @@
-import Vue from 'vue'
-import VueI18n from 'vue-i18n'
+import Vue from "vue";
+import VueI18n from "vue-i18n";
 
-Vue.use(VueI18n)
+Vue.use(VueI18n);
 
-function loadLocaleMessages () {
-  const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
-  const messages = {}
+function loadLocaleMessages() {
+  const locales = require.context(
+    "./locales",
+    true,
+    /[A-Za-z0-9-_,\s]+\.json$/i
+  );
+  const messages = {};
   locales.keys().forEach(key => {
-    const matched = key.match(/([A-Za-z0-9-_]+)\./i)
+    const matched = key.match(/([A-Za-z0-9-_]+)\./i);
     if (matched && matched.length > 1) {
-      const locale = matched[1]
-      messages[locale] = locales(key)
+      const locale = matched[1];
+      messages[locale] = locales(key);
     }
-  })
-  return messages
+  });
+  return messages;
 }
 
 const numberFormats = {
-  'en-US': {
+  "en-US": {
     currency: {
-      style: 'currency',
+      style: "currency",
       currency: "GDD",
       abbreviate: true
     }
   },
-  'de-DE': {
+  "de-DE": {
     currency: {
-      style: 'currency',
+      style: "currency",
       currency: "GDD",
       abbreviate: true
     }
   }
-}
-
+};
 
 export default new VueI18n({
-  locale: 'en',
-  fallbackLocale: 'en',
+  locale: "en",
+  fallbackLocale: "en",
   messages: loadLocaleMessages(),
   numberFormats
-})
-
-
-
-  
\ No newline at end of file
+});
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 78d03e58f..6b50d1555 100755
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,26 +1,25 @@
-import Vue from 'vue';
-import DashboardPlugin from './plugins/dashboard-plugin';
-import App from './App.vue';
-import i18n from './i18n.js';
-import VueCookies from 'vue-cookies';
+import Vue from "vue";
+import DashboardPlugin from "./plugins/dashboard-plugin";
+import App from "./App.vue";
+import i18n from "./i18n.js";
+import VueCookies from "vue-cookies";
 
 // store
-import {store} from './store/store';
+import { store } from "./store/store";
 
 // router setup
-import router from './routes/router';
+import router from "./routes/router";
 
 // plugin setup
 Vue.use(DashboardPlugin);
 Vue.config.productionTip = false;
 Vue.use(VueCookies);
- 
 
 /* eslint-disable no-new */
 new Vue({
-  el: '#app',
+  el: "#app",
   router,
   store,
   i18n,
-  render: h => h(App) 
+  render: h => h(App)
 });
diff --git a/frontend/src/plugins/dashboard-plugin.js b/frontend/src/plugins/dashboard-plugin.js
index fc9e5b71d..2029a3fed 100755
--- a/frontend/src/plugins/dashboard-plugin.js
+++ b/frontend/src/plugins/dashboard-plugin.js
@@ -1,43 +1,41 @@
 // Polyfills for js features used in the Dashboard but not supported in some browsers (mainly IE)
-import '@/polyfills';
+import "@/polyfills";
 // Notifications plugin. Used on Notifications page
-import Notifications from '@/components/NotificationPlugin';
+import Notifications from "@/components/NotificationPlugin";
 // Validation plugin used to validate forms
-import { configure } from 'vee-validate';
+import { configure } from "vee-validate";
 // A plugin file where you could register global components used across the app
-import GlobalComponents from './globalComponents';
+import GlobalComponents from "./globalComponents";
 // A plugin file where you could register global directives
-import GlobalDirectives from './globalDirectives';
+import GlobalDirectives from "./globalDirectives";
 // Sidebar on the right. Used as a local plugin in DashboardLayout.vue
-import SideBar from '@/components/SidebarPlugin';
+import SideBar from "@/components/SidebarPlugin";
 
 // element ui language configuration
-import lang from 'element-ui/lib/locale/lang/en';
-import locale from 'element-ui/lib/locale';
+import lang from "element-ui/lib/locale/lang/en";
+import locale from "element-ui/lib/locale";
 locale.use(lang);
 
 // vue-bootstrap
-import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
+import { BootstrapVue, IconsPlugin } from "bootstrap-vue";
 
 // asset imports
-import '@/assets/scss/argon.scss';
-import '@/assets/vendor/nucleo/css/nucleo.css';
-import { extend } from 'vee-validate';
-import * as rules from 'vee-validate/dist/rules';
-import { messages } from 'vee-validate/dist/locale/en.json';
+import "@/assets/scss/argon.scss";
+import "@/assets/vendor/nucleo/css/nucleo.css";
+import { extend } from "vee-validate";
+import * as rules from "vee-validate/dist/rules";
+import { messages } from "vee-validate/dist/locale/en.json";
 
 import VueQrcodeReader from "vue-qrcode-reader";
 import VueQrcode from "vue-qrcode";
 
-import VueFlatPickr from 'vue-flatpickr-component';
+import VueFlatPickr from "vue-flatpickr-component";
 
-import VueGoodTablePlugin from 'vue-good-table';
+import VueGoodTablePlugin from "vue-good-table";
 // import the styles
-import 'vue-good-table/dist/vue-good-table.css';
-
-import VueMoment from 'vue-moment';
-
+import "vue-good-table/dist/vue-good-table.css";
 
+import VueMoment from "vue-moment";
 
 Object.keys(rules).forEach(rule => {
   extend(rule, {
@@ -60,12 +58,10 @@ export default {
     Vue.use(VueFlatPickr);
     configure({
       classes: {
-        valid: 'is-valid',
-        invalid: 'is-invalid',
-        dirty: ['is-dirty', 'is-dirty'], // multiple classes per flag!
+        valid: "is-valid",
+        invalid: "is-invalid",
+        dirty: ["is-dirty", "is-dirty"] // multiple classes per flag!
       }
-    })
+    });
   }
 };
-
-
diff --git a/frontend/src/plugins/globalComponents.js b/frontend/src/plugins/globalComponents.js
index 8322d83d1..86a886dec 100755
--- a/frontend/src/plugins/globalComponents.js
+++ b/frontend/src/plugins/globalComponents.js
@@ -1,19 +1,19 @@
-import BaseInput from '@/components/Inputs/BaseInput.vue';
-import BaseDropdown from '@/components/BaseDropdown.vue';
-import Card from '@/components/Cards/Card.vue';
-import Modal from '@/components/Modal.vue';
-import StatsCard from '@/components/Cards/StatsCard.vue';
-import BaseButton from '@/components/BaseButton.vue';
-import Badge from '@/components/Badge.vue';
-import BaseCheckbox from '@/components/Inputs/BaseCheckbox.vue';
+import BaseInput from "@/components/Inputs/BaseInput.vue";
+import BaseDropdown from "@/components/BaseDropdown.vue";
+import Card from "@/components/Cards/Card.vue";
+import Modal from "@/components/Modal.vue";
+import StatsCard from "@/components/Cards/StatsCard.vue";
+import BaseButton from "@/components/BaseButton.vue";
+import Badge from "@/components/Badge.vue";
+import BaseCheckbox from "@/components/Inputs/BaseCheckbox.vue";
 import BaseRadio from "@/components/Inputs/BaseRadio";
 import BaseProgress from "@/components/BaseProgress";
 import BasePagination from "@/components/BasePagination";
 import BaseAlert from "@/components/BaseAlert";
 import BaseNav from "@/components/Navbar/BaseNav";
-import BaseHeader from '@/components/BaseHeader';
-import { ValidationProvider, ValidationObserver } from 'vee-validate';
-import { Input, Tooltip, Popover } from 'element-ui';
+import BaseHeader from "@/components/BaseHeader";
+import { ValidationProvider, ValidationObserver } from "vee-validate";
+import { Input, Tooltip, Popover } from "element-ui";
 /**
  * You can register global components here and use them as a plugin in your main Vue instance
  */
@@ -35,8 +35,8 @@ const GlobalComponents = {
     Vue.component(Modal.name, Modal);
     Vue.component(StatsCard.name, StatsCard);
     Vue.component(Input.name, Input);
-    Vue.component('validation-provider', ValidationProvider)
-    Vue.component('validation-observer', ValidationObserver)
+    Vue.component("validation-provider", ValidationProvider);
+    Vue.component("validation-observer", ValidationObserver);
     Vue.use(Tooltip);
     Vue.use(Popover);
   }
diff --git a/frontend/src/plugins/globalDirectives.js b/frontend/src/plugins/globalDirectives.js
index bea1fff50..bf50ac4ef 100755
--- a/frontend/src/plugins/globalDirectives.js
+++ b/frontend/src/plugins/globalDirectives.js
@@ -1,4 +1,4 @@
-import clickOutside from '@/directives/click-ouside.js';
+import clickOutside from "@/directives/click-ouside.js";
 
 /**
  * You can register global directives here and use them as a plugin in your main Vue instance
@@ -6,7 +6,7 @@ import clickOutside from '@/directives/click-ouside.js';
 
 const GlobalDirectives = {
   install(Vue) {
-    Vue.directive('click-outside', clickOutside);
+    Vue.directive("click-outside", clickOutside);
   }
 };
 
diff --git a/frontend/src/routes/router.js b/frontend/src/routes/router.js
index aa0ed2486..28a05b867 100644
--- a/frontend/src/routes/router.js
+++ b/frontend/src/routes/router.js
@@ -1,31 +1,30 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import routes from './routes'
+import Vue from "vue";
+import VueRouter from "vue-router";
+import routes from "./routes";
 
-Vue.use(VueRouter)
+Vue.use(VueRouter);
 
 // configure router
 const router = new VueRouter({
   routes, // short for routes: routes
-  linkActiveClass: 'active',
-  scrollBehavior: (to, from ,savedPosition) => {
+  linkActiveClass: "active",
+  scrollBehavior: (to, from, savedPosition) => {
     if (savedPosition) {
       return savedPosition;
     }
     if (to.hash) {
-      return { selector: to.hash }
+      return { selector: to.hash };
     }
-    return { x: 0, y: 0 }
+    return { x: 0, y: 0 };
   }
 });
 
 router.beforeEach((to, from, next) => {
- 
-  let language = to.params.lang
-     if (!language) {
-       language = 'de'
-     }
-     next()  
-})
+  let language = to.params.lang;
+  if (!language) {
+    language = "de";
+  }
+  next();
+});
 
-export default router
\ No newline at end of file
+export default router;
diff --git a/frontend/src/routes/routes.js b/frontend/src/routes/routes.js
index 751adbdf0..6f1b80b5e 100755
--- a/frontend/src/routes/routes.js
+++ b/frontend/src/routes/routes.js
@@ -1,83 +1,82 @@
-import DashboardLayout from '@/views/Layout/DashboardLayout.vue'
-import AuthLayoutGDD from '@/views/Layout/AuthLayout_gdd.vue'
-import AuthLayout from '@/views/Layout/AuthLayout.vue'
+import DashboardLayout from "@/views/Layout/DashboardLayout.vue";
+import AuthLayoutGDD from "@/views/Layout/AuthLayout_gdd.vue";
+import AuthLayout from "@/views/Layout/AuthLayout.vue";
 
 // import NotFound from '@/views/NotFoundPage.vue'
 
-
 const routes = [
   {
-    path: '/',
-    redirect: 'login',
+    path: "/",
+    redirect: "login",
     component: AuthLayoutGDD,
     children: [
       {
-        path: '/login',
-        component: () => import('../views/Pages/Login.vue')
+        path: "/login",
+        component: () => import("../views/Pages/Login.vue")
       },
       {
-        path: '/thx',
-        component: () => import('../views/Pages/thx.vue')
-      },      
-      {
-        path: '/register',
-        component: () => import('../views/Pages/Register.vue')
-      },      
-      {
-        path: '/password',
-        component: () => import('../views/Pages/Password.vue')
+        path: "/thx",
+        component: () => import("../views/Pages/thx.vue")
       },
       {
-        path: '/explorer',
-        name: 'Explorer',
-        component: () => import('../views/Pages/Explorer.vue'),
+        path: "/register",
+        component: () => import("../views/Pages/Register.vue")
+      },
+      {
+        path: "/password",
+        component: () => import("../views/Pages/Password.vue")
+      },
+      {
+        path: "/explorer",
+        name: "Explorer",
+        component: () => import("../views/Pages/Explorer.vue")
       }
     ]
   },
   {
-    path: '/',
-    redirect: 'overview',
+    path: "/",
+    redirect: "overview",
     component: DashboardLayout,
     children: [
       {
-        path: '/overview',
-        component: () => import('../views/KontoOverview.vue'),
+        path: "/overview",
+        component: () => import("../views/KontoOverview.vue"),
         meta: {
           requiresAuth: true
         }
-      },     
+      },
       {
-        path: '/profile',
-        component: () => import('../views/Pages/UserProfileCard.vue')
-      },         
+        path: "/profile",
+        component: () => import("../views/Pages/UserProfileCard.vue")
+      },
       {
-        path: '/profileedit',
-        component: () => import('../views/Pages/UserProfileEdit.vue')
-      },         
+        path: "/profileedit",
+        component: () => import("../views/Pages/UserProfileEdit.vue")
+      },
       {
-        path: '/activity',
-        component: () => import('../views/Pages/UserProfileActivity.vue')
-      },         
+        path: "/activity",
+        component: () => import("../views/Pages/UserProfileActivity.vue")
+      },
       {
-        path: '/transactions',
-        component: () => import('../views/Pages/UserProfileTransactionList.vue')
+        path: "/transactions",
+        component: () => import("../views/Pages/UserProfileTransactionList.vue")
       }
     ]
   },
   ,
   {
-    path: '/',
-    redirect: 'AdminOverview',
+    path: "/",
+    redirect: "AdminOverview",
     component: AuthLayout,
     children: [
       {
-        path: '/AdminOverview',
-        name: 'Adminübersicht',
-        component: () => import('../views/AdminOverview.vue'),
+        path: "/AdminOverview",
+        name: "Adminübersicht",
+        component: () => import("../views/AdminOverview.vue"),
         meta: {
           requiresAuth: true
         }
-      }     
+      }
     ]
   }
 ];
diff --git a/frontend/src/routes/starterRouter.js b/frontend/src/routes/starterRouter.js
index 261493fd1..16869176e 100644
--- a/frontend/src/routes/starterRouter.js
+++ b/frontend/src/routes/starterRouter.js
@@ -1,27 +1,27 @@
-import Vue from 'vue';
-import Router from 'vue-router';
-import DashboardLayout from '../views/Starter/SampleLayout.vue';
-import Starter from '../views/Starter/SamplePage.vue';
+import Vue from "vue";
+import Router from "vue-router";
+import DashboardLayout from "../views/Starter/SampleLayout.vue";
+import Starter from "../views/Starter/SamplePage.vue";
 
 Vue.use(Router);
 
 export default new Router({
   routes: [
     {
-      path: '/',
-      name: 'home',
-      redirect: '/dashboard',
+      path: "/",
+      name: "home",
+      redirect: "/dashboard",
       component: DashboardLayout,
       children: [
         {
-          path: 'dashboard',
-          name: 'dashboard',
+          path: "dashboard",
+          name: "dashboard",
           components: { default: Starter }
         }
       ]
     }
   ],
-  scrollBehavior: (to, from ,savedPosition) => {
+  scrollBehavior: (to, from, savedPosition) => {
     if (savedPosition) {
       return savedPosition;
     }
diff --git a/frontend/src/store/store.js b/frontend/src/store/store.js
index 486b8a617..90df10050 100644
--- a/frontend/src/store/store.js
+++ b/frontend/src/store/store.js
@@ -1,38 +1,38 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-Vue.use(Vuex)
-import router from '../routes/router.js'
-import loginAPI from '../apis/loginAPI'
-import communityAPI from '../apis/communityAPI'
+import Vue from "vue";
+import Vuex from "vuex";
+Vue.use(Vuex);
+import router from "../routes/router.js";
+import loginAPI from "../apis/loginAPI";
+import communityAPI from "../apis/communityAPI";
 
 export const store = new Vuex.Store({
   state: {
     session_id: null,
     email: null,
-    language: 'en',
-    sizeDE: 'normal',
-    sizeGB: 'big',
+    language: "en",
+    sizeDE: "normal",
+    sizeGB: "big",
     loginfail: false,
-    user : {
-      name:"",
+    user: {
+      name: "",
       balance: 0,
       balance_gdt: 0
     },
-    ajaxCreateData:  {
-      session_id : '',
+    ajaxCreateData: {
+      session_id: "",
       email: "",
       amount: 0,
-      target_date:"2021-02-19T13:25:36+00:00", 
-      memo:"",
+      target_date: "2021-02-19T13:25:36+00:00",
+      memo: "",
       auto_sign: true
     },
     transactions: [],
     modals: false,
     optionAxios: {
       headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          'Access-Control-Allow-Origin': '*',
-          'Access-Control-Allow-Credentials': 'true'
+        "Content-Type": "application/x-www-form-urlencoded",
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Credentials": "true"
       }
     }
   },
@@ -44,123 +44,129 @@ export const store = new Vuex.Store({
   // Syncronous mutation of the state
   mutations: {
     language: (state, language) => {
-       console.log('mutation: language', language)
-      state.language = language
-      $cookies.set('gdd_lang',  language);
+      console.log("mutation: language", language);
+      state.language = language;
+      $cookies.set("gdd_lang", language);
       if (state.language == "de") {
-        state.sizeDE = 'big'
-        state.sizeGB = 'normal'       
+        state.sizeDE = "big";
+        state.sizeGB = "normal";
       } else {
-        state.sizeDE = 'normal'
-        state.sizeGB = 'big'
+        state.sizeDE = "normal";
+        state.sizeGB = "big";
       }
-
     },
     loginfail: (state, loginfail) => {
       //console.log('mutation: email')
-      state.loginfail = loginfail
+      state.loginfail = loginfail;
     },
     email: (state, email) => {
       //console.log('mutation: email')
-      state.email = email
+      state.email = email;
     },
-    session_id: (state,session_id) => {
+    session_id: (state, session_id) => {
       //console.log('mutation: session_id')
-      state.session_id = session_id
+      state.session_id = session_id;
     },
-    user_balance: (state,balance) => {
-      console.log('mutation: user_balance')
-      state.user.balance =  (balance/10000)
+    user_balance: (state, balance) => {
+      console.log("mutation: user_balance");
+      state.user.balance = balance / 10000;
     },
-    user_balance_gdt: (state,balance) => {
+    user_balance_gdt: (state, balance) => {
       //console.log('mutation: user_balance_gdt')
-      state.user.balance_gdt = (balance/10000)
+      state.user.balance_gdt = balance / 10000;
     },
-    transactions: (state,transactions) => {
+    transactions: (state, transactions) => {
       //console.log('mutation: transactions')
-      state.transactions = transactions
+      state.transactions = transactions;
     }
   },
   // Asyncronous actions - used for api calls
   actions: {
     login: async ({ dispatch, commit }, data) => {
-      const result = await loginAPI.login(data.email,data.password)
-      if( result.success){
-        commit('session_id', result.result.data.session_id)
-        commit('email', data.email)
-        $cookies.set('gdd_session_id', result.result.data.session_id);
-        $cookies.set('gdd_u',  data.email);
-        router.push('/overview')
+      const result = await loginAPI.login(data.email, data.password);
+      if (result.success) {
+        commit("session_id", result.result.data.session_id);
+        commit("email", data.email);
+        $cookies.set("gdd_session_id", result.result.data.session_id);
+        $cookies.set("gdd_u", data.email);
+        router.push("/overview");
       } else {
         // Register failed, we perform a logout
-         //alert('>>>>> FAIl LOGIN') 
-         commit('loginfail', true)
-         
+        //alert('>>>>> FAIl LOGIN')
+        commit("loginfail", true);
+
         //dispatch('logout')
       }
     },
-    passwordReset: async (data) => {
-      console.log("<<<<<<<<<<< PASSWORT RESET TODO >>>>>>>>>>>", data.email)
+    passwordReset: async data => {
+      console.log("<<<<<<<<<<< PASSWORT RESET TODO >>>>>>>>>>>", data.email);
     },
-    schoepfen: async (data) => {
-       // http://localhost/transaction-creations/ajaxCreate
+    schoepfen: async data => {
+      // http://localhost/transaction-creations/ajaxCreate
     },
     createUser: async ({ commit, dispatch }, data) => {
       // console.log('action: createUser')
-      const result = await loginAPI.create(data.email,data.first_name,data.last_name,data.password)
-      if( result.success ){
-        commit('session_id', result.result.data.session_id)
-        commit('email', data.email)
-        $cookies.set('gdd_session_id', result.result.data.session_id);
-        $cookies.set('gdd_u',  data.email);
-        router.push('/overview')
+      const result = await loginAPI.create(
+        data.email,
+        data.first_name,
+        data.last_name,
+        data.password
+      );
+      if (result.success) {
+        commit("session_id", result.result.data.session_id);
+        commit("email", data.email);
+        $cookies.set("gdd_session_id", result.result.data.session_id);
+        $cookies.set("gdd_u", data.email);
+        router.push("/overview");
       } else {
         // Register failed, we perform a logout
         // console.log('action createUser to  logout start')
-        dispatch('logout')
+        dispatch("logout");
       }
-    },     
-    logout: async ({ commit , state }) => {
-      console.log('action: logout')
+    },
+    logout: async ({ commit, state }) => {
+      console.log("action: logout");
       // Are we actually logged in?
-      if(state.session_id){
-        const result = await loginAPI.logout(state.session_id)
+      if (state.session_id) {
+        const result = await loginAPI.logout(state.session_id);
         // The result can be error, but thats ok with us
       }
 
-      commit('session_id', null)
-      commit('email', null)  
-      $cookies.remove('gdd_session_id');
-      $cookies.remove('gdd_u');
-      $cookies.remove('gdd_lang');
-      router.push('/Login')
+      commit("session_id", null);
+      commit("email", null);
+      $cookies.remove("gdd_session_id");
+      $cookies.remove("gdd_u");
+      $cookies.remove("gdd_lang");
+      router.push("/Login");
     },
     ajaxCreate: async ({ dispatch, state }) => {
       //console.log('action: ajaxCreate')
-      state.ajaxCreateData.amount = (state.ajaxCreateData.amount)*10000
-      const result = await communityAPI.create($cookies.get("gdd_session_id", email, amount, memo)) 
-      console.log(result)
+      state.ajaxCreateData.amount = state.ajaxCreateData.amount * 10000;
+      const result = await communityAPI.create(
+        $cookies.get("gdd_session_id", email, amount, memo)
+      );
+      console.log(result);
     },
-    ajaxListTransactions: async ({commit, dispatch, state}) => {
-     // console.log('action: ajaxListTransactions', state.session_id)
-     // const result = await communityAPI.transactions(state.session_id)     
+    ajaxListTransactions: async ({ commit, dispatch, state }) => {
+      // console.log('action: ajaxListTransactions', state.session_id)
+      // const result = await communityAPI.transactions(state.session_id)
     },
     accountBalance: async ({ commit, dispatch, state }) => {
-        console.log('action: accountBalance')
+      console.log("action: accountBalance");
       // console.log('action: dispatch', dispatch)
       // console.log('action: state.session_id', state.session_id)
       // console.log(" action: $cookies.get('gdd_session_id') ", $cookies.get("gdd_session_id")  )
       // commit('session_id', $cookies.get("gdd_session_id"))
       // commit('email', $cookies.get("gdd_u"))
-      const result = await communityAPI.balance($cookies.get("gdd_session_id"))
-        console.log("accountBalance result", result)
-        console.log("aresult.result.data.balance", result.result.data.balance)
-      if(result.success) {
-        commit('user_balance', result.result.data.balance)
+      const result = await communityAPI.balance($cookies.get("gdd_session_id"));
+      console.log("accountBalance result", result);
+      console.log("aresult.result.data.balance", result.result.data.balance);
+      if (result.success) {
+        commit("user_balance", result.result.data.balance);
       } else {
-        console.log('action accountBalance to  logout start')
-        dispatch('logout')
+        console.log("action accountBalance to  logout start");
+        dispatch("logout");
       }
     }
-  }  
-})
\ No newline at end of file
+  }
+});
diff --git a/frontend/src/views/AdminOverview.vue b/frontend/src/views/AdminOverview.vue
index 41c1b1d99..f8dd96706 100644
--- a/frontend/src/views/AdminOverview.vue
+++ b/frontend/src/views/AdminOverview.vue
@@ -3,60 +3,72 @@
     <base-header class="pb-6 pb-8 pt-5 pt-md-8">
       <b-row>
         <b-col xl="3" md="6">
-          <stats-card :title="$t('admin.site.overview.creation')"
-                      type="gradient-red"
-                      sub-title="350,897"
-                      icon="ni ni-active-40"
-                      class="mb-4">
-
-            <template slot="footer" >
+          <stats-card
+            :title="$t('admin.site.overview.creation')"
+            type="gradient-red"
+            sub-title="350,897"
+            icon="ni ni-active-40"
+            class="mb-4"
+          >
+            <template slot="footer">
               <span class="text-success mr-2">3.48%</span>
-              <span class="text-nowrap">{{ $t('site.overview.since_last_month') }}</span>
+              <span class="text-nowrap">
+                {{ $t("site.overview.since_last_month") }}
+              </span>
             </template>
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card :title="$t('admin.site.overview.transience')"
-                      type="gradient-orange"
-                      sub-title="2,356"
-                      icon="ni ni-chart-pie-35"
-                      class="mb-4">
-
+          <stats-card
+            :title="$t('admin.site.overview.transience')"
+            type="gradient-orange"
+            sub-title="2,356"
+            icon="ni ni-chart-pie-35"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">12.18%</span>
-              <span class="text-nowrap">{{ $t('site.overview.since_last_month') }}</span>
+              <span class="text-nowrap">
+                {{ $t("site.overview.since_last_month") }}
+              </span>
             </template>
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card :title="$t('admin.site.overview.exchanged')"
-                      type="gradient-green"
-                      sub-title="924"
-                      icon="ni ni-money-coins"
-                      class="mb-4">
-
+          <stats-card
+            :title="$t('admin.site.overview.exchanged')"
+            type="gradient-green"
+            sub-title="924"
+            icon="ni ni-money-coins"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-danger mr-2">5.72%</span>
-              <span class="text-nowrap">{{ $t('site.overview.since_last_month') }}</span>
+              <span class="text-nowrap">
+                {{ $t("site.overview.since_last_month") }}
+              </span>
             </template>
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card :title="$t('admin.site.overview.members')"
-                      type="gradient-info"
-                      sub-title="49,65%"
-                      icon="ni ni-chart-bar-32"
-                      class="mb-4">
-
+          <stats-card
+            :title="$t('admin.site.overview.members')"
+            type="gradient-info"
+            sub-title="49,65%"
+            icon="ni ni-chart-bar-32"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">54.8%</span>
-              <span class="text-nowrap">{{ $t('site.overview.since_last_month') }}</span>
+              <span class="text-nowrap">
+                {{ $t("site.overview.since_last_month") }}
+              </span>
             </template>
           </stats-card>
         </b-col>
       </b-row>
     </base-header>
- 
+
     <!--Charts-->
     <b-container fluid class="mt--7">
       <b-row>
@@ -70,12 +82,13 @@
               <b-col>
                 <b-nav class="nav-pills justify-content-end">
                   <b-nav-item
-                       class="mr-2 mr-md-0"
-                       :active="bigLineChart.activeIndex === 0"
-                       link-classes="py-2 px-1"
-                       @click.prevent="initBigChart(0)">
-                      <span class="d-none d-md-block">geschöpft</span>
-                      <span class="d-md-none">M</span>
+                    class="mr-2 mr-md-0"
+                    :active="bigLineChart.activeIndex === 0"
+                    link-classes="py-2 px-1"
+                    @click.prevent="initBigChart(0)"
+                  >
+                    <span class="d-none d-md-block">geschöpft</span>
+                    <span class="d-md-none">M</span>
                   </b-nav-item>
                   <b-nav-item
                     link-classes="py-2 px-1"
@@ -85,7 +98,7 @@
                     <span class="d-none d-md-block">geteilt</span>
                     <span class="d-md-none">W</span>
                   </b-nav-item>
-                   <b-nav-item
+                  <b-nav-item
                     link-classes="py-2 px-1"
                     :active="bigLineChart.activeIndex === 2"
                     @click.prevent="initBigChart(2)"
@@ -93,7 +106,7 @@
                     <span class="d-none d-md-block">vergangen</span>
                     <span class="d-md-none">W</span>
                   </b-nav-item>
-                   <b-nav-item
+                  <b-nav-item
                     link-classes="py-2 px-1"
                     :active="bigLineChart.activeIndex === 3"
                     @click.prevent="initBigChart(3)"
@@ -109,8 +122,7 @@
               ref="bigChart"
               :chart-data="bigLineChart.chartData"
               :extra-options="bigLineChart.extraOptions"
-            >
-            </line-chart>
+            ></line-chart>
           </card>
         </b-col>
 
@@ -127,257 +139,264 @@
               :height="350"
               ref="barChart"
               :chart-data="redBarChart.chartData"
-            >
-            </bar-chart>
+            ></bar-chart>
           </card>
         </b-col>
       </b-row>
       <!-- End charts-->
 
+      <br />
+      <br />
+      <br />
 
- 
-  <br>
-      <br>
-      <br>
- 
-      <!--Tables User Search && New User-->    
+      <!--Tables User Search && New User-->
       <admin-user-search />
 
-      <br>
-      <br>
-      <br>
- 
-      <admin-user-creation/>
+      <br />
+      <br />
+      <br />
 
+      <admin-user-creation />
 
-    <br> 
-       
-      <b-card-header> 
-     <hr>
-    <h3>Admin Participation List</h3>
-    <small>/public/json-example/admin_card_statistic.json</small>
-    <p>
-      {{cardstatistic}}
-    </p>
+      <br />
 
-     </b-card-header>
-      <b-card-header> 
-   <hr>
-    <h3>Admin Charts Statistic</h3>
-    <small>/public/json-example/admin_charts_statistic.json</small>
-    <p>
-      {{chartsstatistic}}
-    </p>
+      <b-card-header>
+        <hr />
+        <h3>Admin Participation List</h3>
+        <small>/public/json-example/admin_card_statistic.json</small>
+        <p>
+          {{ cardstatistic }}
+        </p>
+      </b-card-header>
+      <b-card-header>
+        <hr />
+        <h3>Admin Charts Statistic</h3>
+        <small>/public/json-example/admin_charts_statistic.json</small>
+        <p>
+          {{ chartsstatistic }}
+        </p>
+      </b-card-header>
+      <b-card-header>
+        <hr />
+        <h3>Admin Community Statistic</h3>
+        <small>/public/json-example/admin_community_statistic.json</small>
+        <p>
+          {{ communitystatistic }}
+        </p>
+      </b-card-header>
+      <b-card-header>
+        <hr />
+        <h3>Admin User List</h3>
+        <small>/public/json-example/admin_userlist.json</small>
+        <p>
+          {{ userlist }}
+        </p>
+      </b-card-header>
+      <b-card-header>
+        <hr />
+        <h3>Admin Transaction List</h3>
+        <small>/public/json-example/admin_transaction_list.json</small>
+        <p>
+          {{ transactionlist }}
+        </p>
 
-     </b-card-header>
-      <b-card-header> 
-       <hr>
-    <h3>Admin Community Statistic</h3>
-    <small>/public/json-example/admin_community_statistic.json</small>
-    <p>
-      {{communitystatistic}}
-    </p>
-     </b-card-header>
-      <b-card-header> 
-    <hr>
-    <h3>Admin User List</h3>
-    <small>/public/json-example/admin_userlist.json</small>
-    <p>
-      {{userlist}}
-    </p>
-     </b-card-header>
-      <b-card-header> 
-      <hr>
-    <h3>Admin Transaction List</h3>
-    <small>/public/json-example/admin_transaction_list.json</small>
-    <p>
-      {{transactionlist}}
-    </p>
-
-      <hr>
-       </b-card-header>
-      <b-card-header> 
-    <h3>Admin Transience List</h3>
-    <small>/public/json-example/admin_transience_list.json</small>
-    <p>
-      {{transiencelist}}
-    </p>
-    </b-card-header>
+        <hr />
+      </b-card-header>
+      <b-card-header>
+        <h3>Admin Transience List</h3>
+        <small>/public/json-example/admin_transience_list.json</small>
+        <p>
+          {{ transiencelist }}
+        </p>
+      </b-card-header>
       <!--End tables-->
     </b-container>
-
   </div>
 </template>
 <script>
-  // Charts
-  import * as chartConfigs from '@/components/Charts/config';
-  import LineChart from '@/components/Charts/LineChart';
-  import BarChart from '@/components/Charts/BarChart';
+// Charts
+import * as chartConfigs from "@/components/Charts/config";
+import LineChart from "@/components/Charts/LineChart";
+import BarChart from "@/components/Charts/BarChart";
 
-  // Components
-  import BaseProgress from '@/components/BaseProgress';
-  import StatsCard from '@/components/Cards/StatsCard';
-  import SearchUser from '@/components/SearchUser';
+// Components
+import BaseProgress from "@/components/BaseProgress";
+import StatsCard from "@/components/Cards/StatsCard";
+import SearchUser from "@/components/SearchUser";
 
-  // Tables
+// Tables
 
-  import PageVisitsTable from './Dashboard/PageVisitsTable';
-  import AdminUserSearch from './AdminOverview/AdminUserSearch';
-  import AdminUserCreation from './AdminOverview/AdminUserCreation';
-  import axios from 'axios';
+import PageVisitsTable from "./Dashboard/PageVisitsTable";
+import AdminUserSearch from "./AdminOverview/AdminUserSearch";
+import AdminUserCreation from "./AdminOverview/AdminUserCreation";
+import axios from "axios";
 
- 
-  export default {
-    components: {
-      LineChart,
-      BarChart,
-      //BaseProgress,
-      StatsCard,
-      //PageVisitsTable,
-      AdminUserSearch,
-      AdminUserCreation,
-      //SearchUser
-    },
-    data() {
-      return {
-        statisticdata: [],
-        cardstatistic:[], 
-        chartsstatistic: [],
-        communitystatistic: [],
-        userlist: [],
-        transactionlist: [],
-        transiencelist: [],
-        filter: '',
-        items: [
-          { id: 1, first_name: "Mikkel", last_name: "Hansen", age: 54 },
-          { id: 2, first_name: "Kasper", last_name: "Hvidt", age: 42 },
-          { id: 3, first_name: "Lasse", last_name: "Boesen", age: 39 },
-          { id: 4, first_name: "Kasper", last_name: "Hansen", age: 62 },
-          { id: 5, first_name: "Mads", last_name: "Mikkelsen", age: 31 },
+export default {
+  components: {
+    LineChart,
+    BarChart,
+    //BaseProgress,
+    StatsCard,
+    //PageVisitsTable,
+    AdminUserSearch,
+    AdminUserCreation
+    //SearchUser
+  },
+  data() {
+    return {
+      statisticdata: [],
+      cardstatistic: [],
+      chartsstatistic: [],
+      communitystatistic: [],
+      userlist: [],
+      transactionlist: [],
+      transiencelist: [],
+      filter: "",
+      items: [
+        { id: 1, first_name: "Mikkel", last_name: "Hansen", age: 54 },
+        { id: 2, first_name: "Kasper", last_name: "Hvidt", age: 42 },
+        { id: 3, first_name: "Lasse", last_name: "Boesen", age: 39 },
+        { id: 4, first_name: "Kasper", last_name: "Hansen", age: 62 },
+        { id: 5, first_name: "Mads", last_name: "Mikkelsen", age: 31 }
+      ],
+      bigLineChart: {
+        allData: [
+          [0, 20, 10, 30, 15, 40, 20, 60, 60],
+          [0, 20, 5, 25, 10, 30, 35, 60, 40],
+          [0, 2, 5, 7, 10, 30, 15, 9, 10],
+          [0, 2, 5, 7, 10, 14, 29, 78, 120]
         ],
-        bigLineChart: {
-          allData: [
-            [0, 20, 10, 30, 15, 40, 20, 60, 60],
-            [0, 20, 5, 25, 10, 30, 35, 60, 40],
-            [0, 2, 5, 7, 10, 30, 15, 9, 10],
-            [0, 2, 5, 7, 10, 14, 29, 78, 120]
-          ],
-          activeIndex: 0,
-          chartData: {
-            datasets: [
-              {
-                label: 'Performance',
-                data: [0, 20, 10, 30, 15, 40, 20, 60, 60],
-              }
-            ],
-            labels: ['May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-          },
-          extraOptions: chartConfigs.blueChartOptions,
-        },
-        redBarChart: {
-          chartData: {
-            labels: ['Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-            datasets: [{
-              label: 'Sales',
-              data: [25, 20, 30, 22, 17, 29]
-            }]
-          },
-          extraOptions: chartConfigs.blueChartOptions
-        }
-      };
-    },
-    methods: {
-     TransienceList() {
-          axios.get("/json-example/admin_transience_list.json").then((d) => {
-          //console.log(d);
-          this.transiencelist = d.data;
-          
-        }, (error) => {
-          console.log(error);
-        });
-        },
-     TransactionList() {
-          axios.get("/json-example/admin_transaction_list.json").then((d) => {
-          //console.log(d);
-          this.transactionlist = d.data;
-          
-        }, (error) => {
-          console.log(error);
-        });
-        },
-      UserList() {
-          axios.get("/json-example/admin_userlist.json").then((d) => {
-          //console.log(d);
-          this.userlist = d.data;
-          
-        }, (error) => {
-          console.log(error);
-        });
-        },
-      CommunityStatistic() {
-          axios.get("/json-example/admin_community_statistic.json").then((d) => {
-          //console.log(d);
-          this.communitystatistic = d.data;
-          
-        }, (error) => {
-          console.log(error);
-        });
-        },
-      ChartsStatistic() {
-          axios.get("/json-example/admin_charts_statistic.json").then((d) => {
-          //console.log(d);
-          this.chartsstatistic = d.data;
-          
-        }, (error) => {
-          console.log(error);
-        });
-        },
-      CardStatistic() {
-          axios.get("/json-example/admin_card_statistic.json").then((d) => {
-          //console.log(d);
-          this.cardstatistic = d.data;
-          
-        }, (error) => {
-          console.log(error);
-        });
-        },
-       StatisticDatas() {
-          axios.get("/json-example/admin_statisticdatas.json").then((d) => {
-          //console.log(d);
-          this.userdata = d.data;
-          
-        }, (error) => {
-          console.log(error);
-        });
-        },
-      initBigChart(index) {
-        let chartData = {
+        activeIndex: 0,
+        chartData: {
           datasets: [
             {
-              label: 'Performance',
-              data: this.bigLineChart.allData[index]
+              label: "Performance",
+              data: [0, 20, 10, 30, 15, 40, 20, 60, 60]
             }
           ],
-          labels: ['May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-        };
-        this.bigLineChart.chartData = chartData;
-        this.bigLineChart.activeIndex = index;
+          labels: ["May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+        },
+        extraOptions: chartConfigs.blueChartOptions
+      },
+      redBarChart: {
+        chartData: {
+          labels: ["Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+          datasets: [
+            {
+              label: "Sales",
+              data: [25, 20, 30, 22, 17, 29]
+            }
+          ]
+        },
+        extraOptions: chartConfigs.blueChartOptions
       }
+    };
+  },
+  methods: {
+    TransienceList() {
+      axios.get("/json-example/admin_transience_list.json").then(
+        d => {
+          //console.log(d);
+          this.transiencelist = d.data;
+        },
+        error => {
+          console.log(error);
+        }
+      );
     },
-    mounted() {
-      this.initBigChart(0);
-      this.TransienceList();
-      this.TransactionList(); 
-      this.UserList(); 
-      this.CommunityStatistic();
-      this.ChartsStatistic();
-      this.CardStatistic();
+    TransactionList() {
+      axios.get("/json-example/admin_transaction_list.json").then(
+        d => {
+          //console.log(d);
+          this.transactionlist = d.data;
+        },
+        error => {
+          console.log(error);
+        }
+      );
+    },
+    UserList() {
+      axios.get("/json-example/admin_userlist.json").then(
+        d => {
+          //console.log(d);
+          this.userlist = d.data;
+        },
+        error => {
+          console.log(error);
+        }
+      );
+    },
+    CommunityStatistic() {
+      axios.get("/json-example/admin_community_statistic.json").then(
+        d => {
+          //console.log(d);
+          this.communitystatistic = d.data;
+        },
+        error => {
+          console.log(error);
+        }
+      );
+    },
+    ChartsStatistic() {
+      axios.get("/json-example/admin_charts_statistic.json").then(
+        d => {
+          //console.log(d);
+          this.chartsstatistic = d.data;
+        },
+        error => {
+          console.log(error);
+        }
+      );
+    },
+    CardStatistic() {
+      axios.get("/json-example/admin_card_statistic.json").then(
+        d => {
+          //console.log(d);
+          this.cardstatistic = d.data;
+        },
+        error => {
+          console.log(error);
+        }
+      );
+    },
+    StatisticDatas() {
+      axios.get("/json-example/admin_statisticdatas.json").then(
+        d => {
+          //console.log(d);
+          this.userdata = d.data;
+        },
+        error => {
+          console.log(error);
+        }
+      );
+    },
+    initBigChart(index) {
+      let chartData = {
+        datasets: [
+          {
+            label: "Performance",
+            data: this.bigLineChart.allData[index]
+          }
+        ],
+        labels: ["May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+      };
+      this.bigLineChart.chartData = chartData;
+      this.bigLineChart.activeIndex = index;
     }
- 
+  },
+  mounted() {
+    this.initBigChart(0);
+    this.TransienceList();
+    this.TransactionList();
+    this.UserList();
+    this.CommunityStatistic();
+    this.ChartsStatistic();
+    this.CardStatistic();
   }
+};
 </script>
 <style>
-.el-table .cell{
+.el-table .cell {
   padding-left: 0px;
   padding-right: 0px;
 }
diff --git a/frontend/src/views/AdminOverview/AdminUserCreation.vue b/frontend/src/views/AdminOverview/AdminUserCreation.vue
index f6006227d..a3544b6db 100644
--- a/frontend/src/views/AdminOverview/AdminUserCreation.vue
+++ b/frontend/src/views/AdminOverview/AdminUserCreation.vue
@@ -1,180 +1,377 @@
 <template>
   <div>
-
     <b-card-header>Gradido Schüpfung</b-card-header>
     <!--Tables-->
-      <b-row class="mt-5">
-       
-        <b-col xl="8" class="mb-5 mb-xl-0">
-           <vue-good-table
-      :columns="columns"
-      :rows="rows"
-       max-height="370px"
-      :fixed-header="true"
-      :line-numbers="false"
-      styleClass="vgt-table"
-      theme="nocturnal"
-      @on-row-click="onRowClick"
-      @on-search="onSearch"
-      :search-options="{
-        enabled: true,
-      
-        skipDiacritics: true,
-        searchFn: mySearchFn,
-        placeholder: 'durchsuche die tabelle'
-         
-      }"
-      :pagination-options="{
-    enabled: true,
-    mode: 'pages'
-  }"
-      >
-       <div slot="table-actions">
-    Einträge suchen  .
-  </div>
- 
-    </vue-good-table>
-        </b-col>
-        <b-col xl="4" class="mb-5 mb-xl-0">
-          
-           <b-card body-class="p-0" header-class="border-0">
-             <template v-slot:header>
-      <b-row align-v="center">
-        <b-col>
-          <h3 class="mb-0"></h3>
-        </b-col>
-        <b-col class="text-right">
-          <a href="#!" class="btn btn-sm btn-primary">speichern</a>
-        </b-col>
-      </b-row>
-    </template>
-     <b-card-body>
-          <p>{{ creation.createdAt }} </p>
-          <p>{{ creation.group }} </p>
-          <p>{{ creation.id }} </p>
-          <p>{{ creation.name }} </p>
-          <p>{{ creation.originalIndex }} </p>
-          <p>{{ creation.text }} </p>
-          <p>{{ creation.vgt_id }} </p>
-           </b-card-body>
-           </b-card>
-
-        </b-col>
-      </b-row>
-      <!--End tables-->
-
-
+    <b-row class="mt-5">
+      <b-col xl="8" class="mb-5 mb-xl-0">
+        <vue-good-table
+          :columns="columns"
+          :rows="rows"
+          max-height="370px"
+          :fixed-header="true"
+          :line-numbers="false"
+          styleClass="vgt-table"
+          theme="nocturnal"
+          @on-row-click="onRowClick"
+          @on-search="onSearch"
+          :search-options="{
+            enabled: true,
 
+            skipDiacritics: true,
+            searchFn: mySearchFn,
+            placeholder: 'durchsuche die tabelle'
+          }"
+          :pagination-options="{
+            enabled: true,
+            mode: 'pages'
+          }"
+        >
+          <div slot="table-actions">
+            Einträge suchen .
+          </div>
+        </vue-good-table>
+      </b-col>
+      <b-col xl="4" class="mb-5 mb-xl-0">
+        <b-card body-class="p-0" header-class="border-0">
+          <template v-slot:header>
+            <b-row align-v="center">
+              <b-col>
+                <h3 class="mb-0"></h3>
+              </b-col>
+              <b-col class="text-right">
+                <a href="#!" class="btn btn-sm btn-primary">speichern</a>
+              </b-col>
+            </b-row>
+          </template>
+          <b-card-body>
+            <p>{{ creation.createdAt }}</p>
+            <p>{{ creation.group }}</p>
+            <p>{{ creation.id }}</p>
+            <p>{{ creation.name }}</p>
+            <p>{{ creation.originalIndex }}</p>
+            <p>{{ creation.text }}</p>
+            <p>{{ creation.vgt_id }}</p>
+          </b-card-body>
+        </b-card>
+      </b-col>
+    </b-row>
+    <!--End tables-->
   </div>
 </template>
 
 <script>
-
 export default {
-  name: 'admin-user-creation',
-  data(){
+  name: "admin-user-creation",
+  data() {
     return {
-      creation:{
-          createdAt:"",
-          group:"",
-          id:"",
-          name:"",
-          originalIndex:"",
-          text:"",
-          vgt_id:"",
+      creation: {
+        createdAt: "",
+        group: "",
+        id: "",
+        name: "",
+        originalIndex: "",
+        text: "",
+        vgt_id: ""
       },
       columns: [
         {
-          label: 'Name',
-          field: 'name',
+          label: "Name",
+          field: "name"
         },
         {
-          label: 'Gruppe',
-          field: 'group',
-          type: 'group',
+          label: "Gruppe",
+          field: "group",
+          type: "group"
         },
         {
-          label: 'eingereicht',
-          field: 'createdAt',
-          type: 'date',
-          dateInputFormat: 'yyyy-MM-dd',
-          dateOutputFormat: 'dd.MM.yyyy',
+          label: "eingereicht",
+          field: "createdAt",
+          type: "date",
+          dateInputFormat: "yyyy-MM-dd",
+          dateOutputFormat: "dd.MM.yyyy"
         },
         {
-          label: 'Text',
-          field: 'text',
-          type: 'text',
-        },
+          label: "Text",
+          field: "text",
+          type: "text"
+        }
       ],
       rows: [
-        { id:1, createdAt: '2021-01-25', name:"Sellora", group: "gruppe1",  text: "aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:2, createdAt: '2021-01-31', name:"Jane",    group: "gruppe14", text: "WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:3, createdAt: '2021-01-30', name:"Susan",   group: "gruppe31", text: "IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:4, createdAt: '2020-01-11', name:"Chris",   group: "gruppe12", text: "TZadhhCYXCda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:5, createdAt: '2020-12-21', name:"Dan",     group: "gruppe11", text: "Wad3323hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:6, createdAt: '2020-12-31', name:"zBohn",    group: "gruppe71", text: "Tadh hD da hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:7, createdAt: '2020-12-31', name:"xyTellohn", group: "gruppe31", text: "Fad AD31 hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:8, createdAt: '2021-01-25', name:"uSellora", group: "gruppe1",  text: "aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:9, createdAt: '2021-01-31', name:"yJane",    group: "gruppe14", text: "55 55 55 WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:10, createdAt: '2021-01-20', name:"kSusan",   group: "gruppe31", text: "IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:11, createdAt: '2021-01-25', name:"qSellora", group: "gruppe12",  text: "aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:12, createdAt: '2021-01-31', name:"fJane",    group: "gruppe15", text: "WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:13, createdAt: '2021-01-38', name:"aSusan",   group: "gruppe1", text: "asssss  IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:14, createdAt: '2020-01-11', name:"uChris",   group: "gruppe12", text: "TZadhhCYXCda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:15, createdAt: '2020-12-21', name:"tzDan",     group: "gruppe11", text: "Wad33 23hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:16, createdAt: '2020-12-31', name:"fBohn",    group: "gruppe71", text: "3f Tadh hD da hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:17, createdAt: '2020-12-31', name:"aEsau",    group: "gruppe15", text: "2324 adhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:18, createdAt: '2021-01-25', name:"gSellora", group: "gruppe1",  text: "5h aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:19, createdAt: '2021-01-31', name:"sJane",    group: "gruppe14", text: "as sdsd WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:20, createdAt: '2021-01-30', name:"oSusan",   group: "gruppe31", text: "sd IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:21, createdAt: '2021-01-25', name:"Sellora", group: "gruppe1",  text: "3 aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:22, createdAt: '2021-01-13', name:"rtJane",    group: "gruppe14", text: "q WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:23, createdAt: '2021-01-16', name:"rSusan",   group: "gruppe31", text: "Iare YXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:24, createdAt: '2020-01-15', name:"sChris",   group: "gruppe12", text: "43 TZad hhCYXCda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:25, createdAt: '2020-12-14', name:"dDan",     group: "gruppe11", text: "aas aWad3323hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:26, createdAt: '2020-12-13', name:"fBohn",    group: "gruppe71", text: "Ta  adh hD da hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:27, createdAt: '2020-12-12', name:"gTellohn", group: "gruppe31", text: "55 Fad AD31 hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:28, createdAt: '2021-01-12', name:"zSellora", group: "gruppe1",  text: "e q raASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:29, createdAt: '2021-01-12', name:"uJane",    group: "gruppe14", text: "erW QadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-        { id:30, createdAt: '2021-01-11', name:"iSusan",   group: "gruppe31", text: "3IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk" },
-       
-       ],
+        {
+          id: 1,
+          createdAt: "2021-01-25",
+          name: "Sellora",
+          group: "gruppe1",
+          text:
+            "aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 2,
+          createdAt: "2021-01-31",
+          name: "Jane",
+          group: "gruppe14",
+          text:
+            "WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 3,
+          createdAt: "2021-01-30",
+          name: "Susan",
+          group: "gruppe31",
+          text:
+            "IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 4,
+          createdAt: "2020-01-11",
+          name: "Chris",
+          group: "gruppe12",
+          text:
+            "TZadhhCYXCda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 5,
+          createdAt: "2020-12-21",
+          name: "Dan",
+          group: "gruppe11",
+          text:
+            "Wad3323hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 6,
+          createdAt: "2020-12-31",
+          name: "zBohn",
+          group: "gruppe71",
+          text:
+            "Tadh hD da hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 7,
+          createdAt: "2020-12-31",
+          name: "xyTellohn",
+          group: "gruppe31",
+          text:
+            "Fad AD31 hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 8,
+          createdAt: "2021-01-25",
+          name: "uSellora",
+          group: "gruppe1",
+          text:
+            "aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 9,
+          createdAt: "2021-01-31",
+          name: "yJane",
+          group: "gruppe14",
+          text:
+            "55 55 55 WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 10,
+          createdAt: "2021-01-20",
+          name: "kSusan",
+          group: "gruppe31",
+          text:
+            "IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 11,
+          createdAt: "2021-01-25",
+          name: "qSellora",
+          group: "gruppe12",
+          text:
+            "aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 12,
+          createdAt: "2021-01-31",
+          name: "fJane",
+          group: "gruppe15",
+          text:
+            "WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 13,
+          createdAt: "2021-01-38",
+          name: "aSusan",
+          group: "gruppe1",
+          text:
+            "asssss  IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 14,
+          createdAt: "2020-01-11",
+          name: "uChris",
+          group: "gruppe12",
+          text:
+            "TZadhhCYXCda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 15,
+          createdAt: "2020-12-21",
+          name: "tzDan",
+          group: "gruppe11",
+          text:
+            "Wad33 23hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 16,
+          createdAt: "2020-12-31",
+          name: "fBohn",
+          group: "gruppe71",
+          text:
+            "3f Tadh hD da hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 17,
+          createdAt: "2020-12-31",
+          name: "aEsau",
+          group: "gruppe15",
+          text:
+            "2324 adhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 18,
+          createdAt: "2021-01-25",
+          name: "gSellora",
+          group: "gruppe1",
+          text:
+            "5h aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 19,
+          createdAt: "2021-01-31",
+          name: "sJane",
+          group: "gruppe14",
+          text:
+            "as sdsd WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 20,
+          createdAt: "2021-01-30",
+          name: "oSusan",
+          group: "gruppe31",
+          text:
+            "sd IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 21,
+          createdAt: "2021-01-25",
+          name: "Sellora",
+          group: "gruppe1",
+          text:
+            "3 aASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 22,
+          createdAt: "2021-01-13",
+          name: "rtJane",
+          group: "gruppe14",
+          text:
+            "q WQadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 23,
+          createdAt: "2021-01-16",
+          name: "rSusan",
+          group: "gruppe31",
+          text:
+            "Iare YXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 24,
+          createdAt: "2020-01-15",
+          name: "sChris",
+          group: "gruppe12",
+          text:
+            "43 TZad hhCYXCda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 25,
+          createdAt: "2020-12-14",
+          name: "dDan",
+          group: "gruppe11",
+          text:
+            "aas aWad3323hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 26,
+          createdAt: "2020-12-13",
+          name: "fBohn",
+          group: "gruppe71",
+          text:
+            "Ta  adh hD da hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 27,
+          createdAt: "2020-12-12",
+          name: "gTellohn",
+          group: "gruppe31",
+          text:
+            "55 Fad AD31 hhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 28,
+          createdAt: "2021-01-12",
+          name: "zSellora",
+          group: "gruppe1",
+          text:
+            "e q raASDASdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 29,
+          createdAt: "2021-01-12",
+          name: "uJane",
+          group: "gruppe14",
+          text:
+            "erW QadCXhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        },
+        {
+          id: 30,
+          createdAt: "2021-01-11",
+          name: "iSusan",
+          group: "gruppe31",
+          text:
+            "3IaYXCYdhhda hkahkh hakdh kaks hkadhk kdhkasdh kdhkhka dka dhakhdk"
+        }
+      ]
     };
   },
   methods: {
-  onRowClick(params) {
-     
-    console.log("onRowClick", params.row.createdAt)
-    console.log("onRowClick", params.row.group)
-    console.log("onRowClick", params.row.id)
-    console.log("onRowClick", params.row.name)
-    console.log("onRowClick", params.row.originalIndex)
-    console.log("onRowClick", params.row.text)
-    console.log("onRowClick", params.row.vgt_id)
-   
+    onRowClick(params) {
+      console.log("onRowClick", params.row.createdAt);
+      console.log("onRowClick", params.row.group);
+      console.log("onRowClick", params.row.id);
+      console.log("onRowClick", params.row.name);
+      console.log("onRowClick", params.row.originalIndex);
+      console.log("onRowClick", params.row.text);
+      console.log("onRowClick", params.row.vgt_id);
 
-    this.creation.createdAt = params.row.createdAt
-    this.creation.group = params.row.group
-    this.creation.id = params.row.id
-    this.creation.name = params.row.name
-    this.creation.originalIndex = params.row.originalIndex
-    this.creation.text = params.row.text
-    this.creation.vgt_id = params.row.vgt_id
+      this.creation.createdAt = params.row.createdAt;
+      this.creation.group = params.row.group;
+      this.creation.id = params.row.id;
+      this.creation.name = params.row.name;
+      this.creation.originalIndex = params.row.originalIndex;
+      this.creation.text = params.row.text;
+      this.creation.vgt_id = params.row.vgt_id;
 
-    // params.row - row object 
-    // params.pageIndex - index of this row on the current page.
-    // params.selected - if selection is enabled this argument 
-    // indicates selected or not
-    // params.event - click event
+      // params.row - row object
+      // params.pageIndex - index of this row on the current page.
+      // params.selected - if selection is enabled this argument
+      // indicates selected or not
+      // params.event - click event
     },
     onSearch(params) {
-      console.log("onSearch", params)
-    // params.searchTerm - term being searched for
-    // params.rowCount - number of rows that match search
+      console.log("onSearch", params);
+      // params.searchTerm - term being searched for
+      // params.rowCount - number of rows that match search
     },
-    mySearchFn(params){
+    mySearchFn(params) {
       //console.log("mySearchFn", params)
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/AdminOverview/AdminUserSearch.vue b/frontend/src/views/AdminOverview/AdminUserSearch.vue
index cb3b5b9d8..a5b303a25 100644
--- a/frontend/src/views/AdminOverview/AdminUserSearch.vue
+++ b/frontend/src/views/AdminOverview/AdminUserSearch.vue
@@ -1,203 +1,281 @@
 <template>
   <div>
     <b-card-header>User</b-card-header>
-      <!--Tables-->
-      <b-row class="mt-5">       
-        <b-col xl="8" class="mb-5 mb-xl-0">
-          <vue-good-table
-              :columns="columns"
-              :rows="rows"
-              max-height="470px"
-              :fixed-header="true"
-              :line-numbers="false"
-              styleClass="vgt-table striped condensed"
-              theme="nocturnal"
-              @on-row-click="onRowClick"
-              @on-search="onSearch"
-              :search-options="{
-                enabled: true,      
-                skipDiacritics: true,
-                searchFn: mySearchFn,
-                placeholder: 'durchsuche die tabelle'
-                
-              }"
-              :pagination-options="{
-                enabled: true,
-                mode: 'pages'
-              }" >
-                <div slot="table-actions">
-                  Mitglieder suchen  .
-                </div>
- 
-          </vue-good-table>
-        </b-col>
-        <b-col xl="4" class="mb-5 mb-xl-0">
-          <!-- card neues mitglied -->  
-           <b-card v-if="showNewUser" body-class="p-0" header-class="border-0">
-             <template v-slot:header>
-              <b-row align-v="center">
-                <b-col>
-                  <h3 class="mb-0">Neues Mitglied anlegen</h3>
-                </b-col>
-                <b-col class="text-right">
-                  <a href="#!" class="btn btn-sm btn-primary">speichern</a>
+    <!--Tables-->
+    <b-row class="mt-5">
+      <b-col xl="8" class="mb-5 mb-xl-0">
+        <vue-good-table
+          :columns="columns"
+          :rows="rows"
+          max-height="470px"
+          :fixed-header="true"
+          :line-numbers="false"
+          styleClass="vgt-table striped condensed"
+          theme="nocturnal"
+          @on-row-click="onRowClick"
+          @on-search="onSearch"
+          :search-options="{
+            enabled: true,
+            skipDiacritics: true,
+            searchFn: mySearchFn,
+            placeholder: 'durchsuche die tabelle'
+          }"
+          :pagination-options="{
+            enabled: true,
+            mode: 'pages'
+          }"
+        >
+          <div slot="table-actions">
+            Mitglieder suchen .
+          </div>
+        </vue-good-table>
+      </b-col>
+      <b-col xl="4" class="mb-5 mb-xl-0">
+        <!-- card neues mitglied -->
+        <b-card v-if="showNewUser" body-class="p-0" header-class="border-0">
+          <template v-slot:header>
+            <b-row align-v="center">
+              <b-col>
+                <h3 class="mb-0">Neues Mitglied anlegen</h3>
+              </b-col>
+              <b-col class="text-right">
+                <a href="#!" class="btn btn-sm btn-primary">speichern</a>
+              </b-col>
+            </b-row>
+          </template>
+          <b-card-body>
+            <form>
+              <b-row class="">
+                <label class="col-md-3 col-form-label form-control-label">
+                  Name
+                </label>
+                <b-col md="10">
+                  <base-input placeholder="Jon Snow"></base-input>
                 </b-col>
               </b-row>
-            </template>
-            <b-card-body>            
-              <form>
-                <b-row class="">
-                    <label class="col-md-3 col-form-label form-control-label">Name</label>
-                    <b-col md="10">
-                      <base-input  placeholder="Jon Snow"></base-input>
-                    </b-col>
-                  </b-row>
-                  <b-row class="">
-                    <label for="example-email-input" class="col-md-3 col-form-label form-control-label">Email</label>
-                    <b-col md="10">
-                      <base-input type="email" placeholder="gradido@example.com" id="example-email-input0" />
-                    </b-col>
-                  </b-row>
-                    <b-row class="">
-                    <label class="col-md-3 col-form-label form-control-label">Gruppe</label>
-                    <b-col md="10">
-                      <base-input placeholder="Gruppe"></base-input>
-                    </b-col>
-                  </b-row>          
-              </form>
-
-            </b-card-body>           
-           </b-card>
-
-                <!-- card mitglied bearbeiten -->  
-          <b-card v-else body-class="p-0" header-class="border-0">
-             <template v-slot:header>
-              <b-row align-v="center">
-                <b-col>
-                  <h3 class="mb-0">Mitglied Daten</h3>
-                </b-col>
-                <b-col class="text-right">
-                  <a href="#!" @click="showNewUser=true" class="btn btn-sm btn-warning">schliesen</a>
+              <b-row class="">
+                <label
+                  for="example-email-input"
+                  class="col-md-3 col-form-label form-control-label"
+                >
+                  Email
+                </label>
+                <b-col md="10">
+                  <base-input
+                    type="email"
+                    placeholder="gradido@example.com"
+                    id="example-email-input0"
+                  />
                 </b-col>
               </b-row>
-            </template>
-            <b-card-body>       
-              <img style="width: 147px" src="https://demos.creative-tim.com/argon-dashboard-pro/assets/img/theme/team-4.jpg" />
+              <b-row class="">
+                <label class="col-md-3 col-form-label form-control-label">
+                  Gruppe
+                </label>
+                <b-col md="10">
+                  <base-input placeholder="Gruppe"></base-input>
+                </b-col>
+              </b-row>
+            </form>
+          </b-card-body>
+        </b-card>
 
-   
-              <form>
-                <b-row class="">
-                    <label class="col-md-3 col-form-label form-control-label">Name</label>
-                    <b-col md="10">
-                      <base-input placeholder="name"></base-input>
-                    </b-col>
-                  </b-row>
-                  <b-row class="">
-                    <label for="example-email-input" class="col-md-3 col-form-label form-control-label">Email</label>
-                    <b-col md="10">
-                      <base-input type="email" autocomplete="username email" placeholder="agradido@example.com" id="example-email-input1"/>
-                    </b-col>
-                  </b-row>
-                  <b-row class="">
-                    <label class="col-md-3 col-form-label form-control-label">Gruppe</label>
-                    <b-col md="10">
-                      <base-input placeholder="Gruppe"></base-input>
-                    </b-col>
-                  </b-row>      
-              </form>
+        <!-- card mitglied bearbeiten -->
+        <b-card v-else body-class="p-0" header-class="border-0">
+          <template v-slot:header>
+            <b-row align-v="center">
+              <b-col>
+                <h3 class="mb-0">Mitglied Daten</h3>
+              </b-col>
+              <b-col class="text-right">
+                <a
+                  href="#!"
+                  @click="showNewUser = true"
+                  class="btn btn-sm btn-warning"
+                >
+                  schliesen
+                </a>
+              </b-col>
+            </b-row>
+          </template>
+          <b-card-body>
+            <img
+              style="width: 147px"
+              src="https://demos.creative-tim.com/argon-dashboard-pro/assets/img/theme/team-4.jpg"
+            />
 
-            </b-card-body>           
-           </b-card>
-
-        </b-col>
-      </b-row> 
+            <form>
+              <b-row class="">
+                <label class="col-md-3 col-form-label form-control-label">
+                  Name
+                </label>
+                <b-col md="10">
+                  <base-input placeholder="name"></base-input>
+                </b-col>
+              </b-row>
+              <b-row class="">
+                <label
+                  for="example-email-input"
+                  class="col-md-3 col-form-label form-control-label"
+                >
+                  Email
+                </label>
+                <b-col md="10">
+                  <base-input
+                    type="email"
+                    autocomplete="username email"
+                    placeholder="agradido@example.com"
+                    id="example-email-input1"
+                  />
+                </b-col>
+              </b-row>
+              <b-row class="">
+                <label class="col-md-3 col-form-label form-control-label">
+                  Gruppe
+                </label>
+                <b-col md="10">
+                  <base-input placeholder="Gruppe"></base-input>
+                </b-col>
+              </b-row>
+            </form>
+          </b-card-body>
+        </b-card>
+      </b-col>
+    </b-row>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'admin-user-search',
-  data(){
+  name: "admin-user-search",
+  data() {
     return {
       showNewUser: true,
       formSetUser: {
-        name:"",
-        email:"",
-        group:""
+        name: "",
+        email: "",
+        group: ""
       },
       formGetUser: {
-        name:"",
-        email:"",
-        group:""
+        name: "",
+        email: "",
+        group: ""
       },
       columns: [
         {
-          label: 'Name',
-          field: 'name',
+          label: "Name",
+          field: "name"
         },
         {
-          label: 'E-Mail',
-          field: 'email',
-          type: 'email',
+          label: "E-Mail",
+          field: "email",
+          type: "email"
         },
         {
-          label: 'Mitglied seid',
-          field: 'createdAt',
-          type: 'date',
-          dateInputFormat: 'yyyy-MM-dd',
-          dateOutputFormat: 'dd.MM.yyyy',
+          label: "Mitglied seid",
+          field: "createdAt",
+          type: "date",
+          dateInputFormat: "yyyy-MM-dd",
+          dateOutputFormat: "dd.MM.yyyy"
         },
         {
-          label: 'Gruppe',
-          field: 'group',
-          type: 'group',
-        },
+          label: "Gruppe",
+          field: "group",
+          type: "group"
+        }
       ],
       rows: [
-        { id:1, name:"John", email: "temail@tutanota.com", createdAt: '1976-10-25',group: "gruppe1" },
-        { id:2, name:"Jane", email: "temail@tutanota.com", createdAt: '2011-10-31', group: "gruppe2" },
-        { id:3, name:"Susan", email: "temail@tutanota.com", createdAt: '2011-10-30', group: "gruppe4" },
-        { id:4, name:"Chris", email: "temail@tutanota.com", createdAt: '2011-10-11', group: "gruppe3" },
-        { id:5, name:"Dan", email: "temail@tutanota.com", createdAt: '2011-10-21', group: "gruppe1" },
-        { id:6, name:"Bohn", email: "temail@tutanota.com", createdAt: '2011-10-31', group: "gruppe2" },
-        { id:7, name:"Tellohn", email: "temail@tutanota.com", createdAt: '2009-10-31', group: "gruppe2" },
-        { id:7, name:"Tellohn", email: "temail@tutanota.com", createdAt: '2009-10-31', group: "gruppe5" },
-      ],
+        {
+          id: 1,
+          name: "John",
+          email: "temail@tutanota.com",
+          createdAt: "1976-10-25",
+          group: "gruppe1"
+        },
+        {
+          id: 2,
+          name: "Jane",
+          email: "temail@tutanota.com",
+          createdAt: "2011-10-31",
+          group: "gruppe2"
+        },
+        {
+          id: 3,
+          name: "Susan",
+          email: "temail@tutanota.com",
+          createdAt: "2011-10-30",
+          group: "gruppe4"
+        },
+        {
+          id: 4,
+          name: "Chris",
+          email: "temail@tutanota.com",
+          createdAt: "2011-10-11",
+          group: "gruppe3"
+        },
+        {
+          id: 5,
+          name: "Dan",
+          email: "temail@tutanota.com",
+          createdAt: "2011-10-21",
+          group: "gruppe1"
+        },
+        {
+          id: 6,
+          name: "Bohn",
+          email: "temail@tutanota.com",
+          createdAt: "2011-10-31",
+          group: "gruppe2"
+        },
+        {
+          id: 7,
+          name: "Tellohn",
+          email: "temail@tutanota.com",
+          createdAt: "2009-10-31",
+          group: "gruppe2"
+        },
+        {
+          id: 7,
+          name: "Tellohn",
+          email: "temail@tutanota.com",
+          createdAt: "2009-10-31",
+          group: "gruppe5"
+        }
+      ]
     };
   },
   methods: {
-  onRowClick(params) {
-    console.log(params.row)
-    this.showNewUser = false
-    // params.row - row object 
-    // params.pageIndex - index of this row on the current page.
-    // params.selected - if selection is enabled this argument 
-    // indicates selected or not
-    // params.event - click event
+    onRowClick(params) {
+      console.log(params.row);
+      this.showNewUser = false;
+      // params.row - row object
+      // params.pageIndex - index of this row on the current page.
+      // params.selected - if selection is enabled this argument
+      // indicates selected or not
+      // params.event - click event
     },
     onSearch(params) {
-      console.log(params)
-    // params.searchTerm - term being searched for
-    // params.rowCount - number of rows that match search
+      console.log(params);
+      // params.searchTerm - term being searched for
+      // params.rowCount - number of rows that match search
     },
-    mySearchFn(params){
+    mySearchFn(params) {
       //console.log(params)
     },
-    validateEmail(value){
-      if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(value))
-        {
-          this.msg['email'] = '';
-        } else{
-          this.msg['email'] = 'Invalid Email Address';
-        } 
-    },
+    validateEmail(value) {
+      if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(value)) {
+        this.msg["email"] = "";
+      } else {
+        this.msg["email"] = "Invalid Email Address";
+      }
+    }
   },
   watch: {
-     mail(value){
+    mail(value) {
       // binding this to the data value in the email input
       this.email = value;
       this.validateEmail(value);
-    },
+    }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/AdminOverview/default.vue b/frontend/src/views/AdminOverview/default.vue
index ff235e796..9e0089aaa 100644
--- a/frontend/src/views/AdminOverview/default.vue
+++ b/frontend/src/views/AdminOverview/default.vue
@@ -6,14 +6,11 @@
 
 <script>
 export default {
-  name: 'default',
-  data(){
-    return {      
-    };
+  name: "default",
+  data() {
+    return {};
   },
-  methods: {
-  },
-  watch: {
-  }
+  methods: {},
+  watch: {}
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/Dashboard.vue b/frontend/src/views/Dashboard.vue
index 79a1a03d7..aef21b2a8 100644
--- a/frontend/src/views/Dashboard.vue
+++ b/frontend/src/views/Dashboard.vue
@@ -1,16 +1,16 @@
 <template>
   <div>
-
     <base-header class="pb-6 pb-8 pt-5 pt-md-8">
       <!-- Card stats -->
       <b-row>
         <b-col xl="3" md="6">
-          <stats-card title="Total traffic"
-                      type="gradient-red"
-                      sub-title="350,897"
-                      icon="ni ni-active-40"
-                      class="mb-4">
-
+          <stats-card
+            title="Total traffic"
+            type="gradient-red"
+            sub-title="350,897"
+            icon="ni ni-active-40"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">3.48%</span>
               <span class="text-nowrap">Since last month</span>
@@ -18,12 +18,13 @@
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Total traffic"
-                      type="gradient-orange"
-                      sub-title="2,356"
-                      icon="ni ni-chart-pie-35"
-                      class="mb-4">
-
+          <stats-card
+            title="Total traffic"
+            type="gradient-orange"
+            sub-title="2,356"
+            icon="ni ni-chart-pie-35"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">12.18%</span>
               <span class="text-nowrap">Since last month</span>
@@ -31,26 +32,27 @@
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Sales"
-                      type="gradient-green"
-                      sub-title="924"
-                      icon="ni ni-money-coins"
-                      class="mb-4">
-
+          <stats-card
+            title="Sales"
+            type="gradient-green"
+            sub-title="924"
+            icon="ni ni-money-coins"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-danger mr-2">5.72%</span>
               <span class="text-nowrap">Since last month</span>
             </template>
           </stats-card>
-
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Performance"
-                      type="gradient-info"
-                      sub-title="49,65%"
-                      icon="ni ni-chart-bar-32"
-                      class="mb-4">
-
+          <stats-card
+            title="Performance"
+            type="gradient-info"
+            sub-title="49,65%"
+            icon="ni ni-chart-bar-32"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">54.8%</span>
               <span class="text-nowrap">Since last month</span>
@@ -73,12 +75,13 @@
               <b-col>
                 <b-nav class="nav-pills justify-content-end">
                   <b-nav-item
-                       class="mr-2 mr-md-0"
-                       :active="bigLineChart.activeIndex === 0"
-                       link-classes="py-2 px-3"
-                       @click.prevent="initBigChart(0)">
-                      <span class="d-none d-md-block">Month</span>
-                      <span class="d-md-none">M</span>
+                    class="mr-2 mr-md-0"
+                    :active="bigLineChart.activeIndex === 0"
+                    link-classes="py-2 px-3"
+                    @click.prevent="initBigChart(0)"
+                  >
+                    <span class="d-none d-md-block">Month</span>
+                    <span class="d-md-none">M</span>
                   </b-nav-item>
                   <b-nav-item
                     link-classes="py-2 px-3"
@@ -96,8 +99,7 @@
               ref="bigChart"
               :chart-data="bigLineChart.chartData"
               :extra-options="bigLineChart.extraOptions"
-            >
-            </line-chart>
+            ></line-chart>
           </card>
         </b-col>
 
@@ -114,8 +116,7 @@
               :height="350"
               ref="barChart"
               :chart-data="redBarChart.chartData"
-            >
-            </bar-chart>
+            ></bar-chart>
           </card>
         </b-col>
       </b-row>
@@ -132,85 +133,86 @@
       </b-row>
       <!--End tables-->
     </b-container>
-
   </div>
 </template>
 <script>
-  // Charts
-  import * as chartConfigs from '@/components/Charts/config';
-  import LineChart from '@/components/Charts/LineChart';
-  import BarChart from '@/components/Charts/BarChart';
+// Charts
+import * as chartConfigs from "@/components/Charts/config";
+import LineChart from "@/components/Charts/LineChart";
+import BarChart from "@/components/Charts/BarChart";
 
-  // Components
-  import BaseProgress from '@/components/BaseProgress';
-  import StatsCard from '@/components/Cards/StatsCard';
+// Components
+import BaseProgress from "@/components/BaseProgress";
+import StatsCard from "@/components/Cards/StatsCard";
 
-  // Tables
-  import SocialTrafficTable from './Dashboard/SocialTrafficTable';
-  import PageVisitsTable from './Dashboard/PageVisitsTable';
+// Tables
+import SocialTrafficTable from "./Dashboard/SocialTrafficTable";
+import PageVisitsTable from "./Dashboard/PageVisitsTable";
 
-  export default {
-    components: {
-      LineChart,
-      BarChart,
-      //BaseProgress,
-      StatsCard,
-      PageVisitsTable,
-      SocialTrafficTable
-    },
-    data() {
-      return {
-        bigLineChart: {
-          allData: [
-            [0, 20, 10, 30, 15, 40, 20, 60, 60],
-            [0, 20, 5, 25, 10, 30, 15, 40, 40]
-          ],
-          activeIndex: 0,
-          chartData: {
-            datasets: [
-              {
-                label: 'Performance',
-                data: [0, 20, 10, 30, 15, 40, 20, 60, 60],
-              }
-            ],
-            labels: ['May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-          },
-          extraOptions: chartConfigs.blueChartOptions,
-        },
-        redBarChart: {
-          chartData: {
-            labels: ['Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-            datasets: [{
-              label: 'Sales',
-              data: [25, 20, 30, 22, 17, 29]
-            }]
-          },
-          extraOptions: chartConfigs.blueChartOptions
-        }
-      };
-    },
-    methods: {
-      initBigChart(index) {
-        let chartData = {
+export default {
+  components: {
+    LineChart,
+    BarChart,
+    //BaseProgress,
+    StatsCard,
+    PageVisitsTable,
+    SocialTrafficTable
+  },
+  data() {
+    return {
+      bigLineChart: {
+        allData: [
+          [0, 20, 10, 30, 15, 40, 20, 60, 60],
+          [0, 20, 5, 25, 10, 30, 15, 40, 40]
+        ],
+        activeIndex: 0,
+        chartData: {
           datasets: [
             {
-              label: 'Performance',
-              data: this.bigLineChart.allData[index]
+              label: "Performance",
+              data: [0, 20, 10, 30, 15, 40, 20, 60, 60]
             }
           ],
-          labels: ['May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-        };
-        this.bigLineChart.chartData = chartData;
-        this.bigLineChart.activeIndex = index;
+          labels: ["May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+        },
+        extraOptions: chartConfigs.blueChartOptions
+      },
+      redBarChart: {
+        chartData: {
+          labels: ["Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+          datasets: [
+            {
+              label: "Sales",
+              data: [25, 20, 30, 22, 17, 29]
+            }
+          ]
+        },
+        extraOptions: chartConfigs.blueChartOptions
       }
-    },
-    mounted() {
-      this.initBigChart(0);
+    };
+  },
+  methods: {
+    initBigChart(index) {
+      let chartData = {
+        datasets: [
+          {
+            label: "Performance",
+            data: this.bigLineChart.allData[index]
+          }
+        ],
+        labels: ["May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+      };
+      this.bigLineChart.chartData = chartData;
+      this.bigLineChart.activeIndex = index;
     }
-  };
+  },
+  mounted() {
+    this.initBigChart(0);
+  }
+};
 </script>
 <style>
-.el-table .cell{
+.el-table .cell {
   padding-left: 0px;
   padding-right: 0px;
 }
diff --git a/frontend/src/views/Dashboard/GoodTable.vue b/frontend/src/views/Dashboard/GoodTable.vue
index 9cab3a054..4c76a2e5d 100644
--- a/frontend/src/views/Dashboard/GoodTable.vue
+++ b/frontend/src/views/Dashboard/GoodTable.vue
@@ -1,111 +1,152 @@
 <template>
   <div>
-
- 
     <!--Tables-->
-      <b-row class="mt-5">
-        <b-col xl="8" class="mb-5 mb-xl-0">
-           <vue-good-table
-      :columns="columns"
-      :rows="rows"
-       max-height="370px"
-      :fixed-header="true"
-      :line-numbers="true"
-      @on-row-click="onRowClick"
-      @on-search="onSearch"
-      :search-options="{
-        enabled: true,
-      
-        skipDiacritics: true,
-        searchFn: mySearchFn,
-        placeholder: 'durchsuche die tabelle',
-        externalQuery: searchQuery,        
-      }"
-      :pagination-options="{
-    enabled: true,
-    mode: 'pages'
-  }"
-      >
-       <div slot="table-actions">
-    Mitglieder suchen  .
-  </div>
- 
-    </vue-good-table>
-        </b-col>
-        <b-col xl="4" class="mb-5 mb-xl-0">
-          <social-traffic-table></social-traffic-table>
-        </b-col>
-      </b-row>
-      <!--End tables-->
+    <b-row class="mt-5">
+      <b-col xl="8" class="mb-5 mb-xl-0">
+        <vue-good-table
+          :columns="columns"
+          :rows="rows"
+          max-height="370px"
+          :fixed-header="true"
+          :line-numbers="true"
+          @on-row-click="onRowClick"
+          @on-search="onSearch"
+          :search-options="{
+            enabled: true,
 
-
-
-  
+            skipDiacritics: true,
+            searchFn: mySearchFn,
+            placeholder: 'durchsuche die tabelle',
+            externalQuery: searchQuery
+          }"
+          :pagination-options="{
+            enabled: true,
+            mode: 'pages'
+          }"
+        >
+          <div slot="table-actions">
+            Mitglieder suchen .
+          </div>
+        </vue-good-table>
+      </b-col>
+      <b-col xl="4" class="mb-5 mb-xl-0">
+        <social-traffic-table></social-traffic-table>
+      </b-col>
+    </b-row>
+    <!--End tables-->
   </div>
 </template>
 
 <script>
-  import SocialTrafficTable from './SocialTrafficTable';
+import SocialTrafficTable from "./SocialTrafficTable";
 
 export default {
-  name: 'my-component',
+  name: "my-component",
   components: {
-      SocialTrafficTable      
-    },
-  data(){
+    SocialTrafficTable
+  },
+  data() {
     return {
       columns: [
         {
-          label: 'Name',
-          field: 'name',
+          label: "Name",
+          field: "name"
         },
         {
-          label: 'Alter',
-          field: 'age',
-          type: 'number',
+          label: "Alter",
+          field: "age",
+          type: "number"
         },
         {
-          label: 'Mitglied seid',
-          field: 'createdAt',
-          type: 'date',
-          dateInputFormat: 'yyyy-MM-dd',
-          dateOutputFormat: 'dd.MM.yyyy',
+          label: "Mitglied seid",
+          field: "createdAt",
+          type: "date",
+          dateInputFormat: "yyyy-MM-dd",
+          dateOutputFormat: "dd.MM.yyyy"
         },
         {
-          label: 'Prozent',
-          field: 'score',
-          type: 'percentage',
-        },
+          label: "Prozent",
+          field: "score",
+          type: "percentage"
+        }
       ],
       rows: [
-        { id:1, name:"John", age: 20, createdAt: '1976-10-25',score: 0.03343 },
-        { id:2, name:"Jane", age: 24, createdAt: '2011-10-31', score: 0.03343 },
-        { id:3, name:"Susan", age: 16, createdAt: '2011-10-30', score: 0.03343 },
-        { id:4, name:"Chris", age: 55, createdAt: '2011-10-11', score: 0.03343 },
-        { id:5, name:"Dan", age: 40, createdAt: '2011-10-21', score: 0.03343 },
-        { id:6, name:"Bohn", age: 70, createdAt: '2011-10-31', score: 0.03343 },
-        { id:7, name:"Tellohn", age: 56, createdAt: '2009-10-31', score: 0.13343 },
-        { id:7, name:"Tellohn", age: 56, createdAt: '2009-10-31', score: 0.03343 },
-      ],
+        {
+          id: 1,
+          name: "John",
+          age: 20,
+          createdAt: "1976-10-25",
+          score: 0.03343
+        },
+        {
+          id: 2,
+          name: "Jane",
+          age: 24,
+          createdAt: "2011-10-31",
+          score: 0.03343
+        },
+        {
+          id: 3,
+          name: "Susan",
+          age: 16,
+          createdAt: "2011-10-30",
+          score: 0.03343
+        },
+        {
+          id: 4,
+          name: "Chris",
+          age: 55,
+          createdAt: "2011-10-11",
+          score: 0.03343
+        },
+        {
+          id: 5,
+          name: "Dan",
+          age: 40,
+          createdAt: "2011-10-21",
+          score: 0.03343
+        },
+        {
+          id: 6,
+          name: "Bohn",
+          age: 70,
+          createdAt: "2011-10-31",
+          score: 0.03343
+        },
+        {
+          id: 7,
+          name: "Tellohn",
+          age: 56,
+          createdAt: "2009-10-31",
+          score: 0.13343
+        },
+        {
+          id: 7,
+          name: "Tellohn",
+          age: 56,
+          createdAt: "2009-10-31",
+          score: 0.03343
+        }
+      ]
     };
   },
   methods: {
-  onRowClick(params) {
-    console.log(params)
-    // params.row - row object 
-    // params.pageIndex - index of this row on the current page.
-    // params.selected - if selection is enabled this argument 
-    // indicates selected or not
-    // params.event - click event
+    onRowClick(params) {
+      console.log(params);
+      // params.row - row object
+      // params.pageIndex - index of this row on the current page.
+      // params.selected - if selection is enabled this argument
+      // indicates selected or not
+      // params.event - click event
     },
     onSearch(params) {
-      console.log(params)
-    // params.searchTerm - term being searched for
-    // params.rowCount - number of rows that match search
+      console.log(params);
+      // params.searchTerm - term being searched for
+      // params.rowCount - number of rows that match search
     },
-    mySearchFn(params){
-      console.log(params)
+    mySearchFn(params) {
+      console.log(params);
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/Dashboard/PageVisitsTable.vue b/frontend/src/views/Dashboard/PageVisitsTable.vue
index fd98bc78b..40a8f9707 100644
--- a/frontend/src/views/Dashboard/PageVisitsTable.vue
+++ b/frontend/src/views/Dashboard/PageVisitsTable.vue
@@ -1,5 +1,4 @@
 <template>
-
   <b-card body-class="p-0" header-class="border-0">
     <template v-slot:header>
       <b-row align-v="center">
@@ -12,83 +11,88 @@
       </b-row>
     </template>
 
-    <el-table class="table-responsive table"
-              :data="tableData"
-              header-row-class-name="thead-light">
-      <el-table-column label="Page name"
-                       min-width="130px"
-                       prop="page">
-        <template v-slot="{row}">
-          <div class="font-weight-600">{{row.page}}</div>
+    <el-table
+      class="table-responsive table"
+      :data="tableData"
+      header-row-class-name="thead-light"
+    >
+      <el-table-column label="Page name" min-width="130px" prop="page">
+        <template v-slot="{ row }">
+          <div class="font-weight-600">{{ row.page }}</div>
         </template>
       </el-table-column>
-      <el-table-column label="Visitors"
-                       min-width="70px"
-                       prop="visitors">
-      </el-table-column>
-      <el-table-column label="Unique users"
-                       min-width="90px"
-                       prop="unique">
-      </el-table-column>
+      <el-table-column
+        label="Visitors"
+        min-width="70px"
+        prop="visitors"
+      ></el-table-column>
+      <el-table-column
+        label="Unique users"
+        min-width="90px"
+        prop="unique"
+      ></el-table-column>
 
-      <el-table-column label="Bounce rate"
-                       min-width="90px"
-                       prop="bounceRate">
-        <template v-slot="{row}">
-          {{row.bounceRate}}
+      <el-table-column label="Bounce rate" min-width="90px" prop="bounceRate">
+        <template v-slot="{ row }">
+          {{ row.bounceRate }}
         </template>
       </el-table-column>
     </el-table>
   </b-card>
 </template>
 <script>
-  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown} from 'element-ui'
-  export default {
-    name: 'page-visits-table',
-    components: {
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn,
-      [Dropdown.name]: Dropdown,
-      [DropdownItem.name]: DropdownItem,
-      [DropdownMenu.name]: DropdownMenu,
-    },
-    data() {
-      return {
-        tableData: [
-          {
-            page: '/argon/',
-            visitors: '4,569',
-            unique: '340',
-            bounceRate: '46,53%'
-          },
-          {
-            page: '/argon/index.html',
-            visitors: '3,985',
-            unique: '319',
-            bounceRate: '46,53%'
-          },
-          {
-            page: '/argon/charts.html',
-            visitors: '3,513',
-            unique: '294',
-            bounceRate: '36,49%'
-          },
-          {
-            page: '/argon/tables.html',
-            visitors: '2,050',
-            unique: '147',
-            bounceRate: '50,87%'
-          },
-          {
-            page: '/argon/profile.html',
-            visitors: '1,795',
-            unique: '190',
-            bounceRate: '46,53%'
-          }
-        ]
-      }
-    }
+import {
+  Table,
+  TableColumn,
+  DropdownMenu,
+  DropdownItem,
+  Dropdown
+} from "element-ui";
+export default {
+  name: "page-visits-table",
+  components: {
+    [Table.name]: Table,
+    [TableColumn.name]: TableColumn,
+    [Dropdown.name]: Dropdown,
+    [DropdownItem.name]: DropdownItem,
+    [DropdownMenu.name]: DropdownMenu
+  },
+  data() {
+    return {
+      tableData: [
+        {
+          page: "/argon/",
+          visitors: "4,569",
+          unique: "340",
+          bounceRate: "46,53%"
+        },
+        {
+          page: "/argon/index.html",
+          visitors: "3,985",
+          unique: "319",
+          bounceRate: "46,53%"
+        },
+        {
+          page: "/argon/charts.html",
+          visitors: "3,513",
+          unique: "294",
+          bounceRate: "36,49%"
+        },
+        {
+          page: "/argon/tables.html",
+          visitors: "2,050",
+          unique: "147",
+          bounceRate: "50,87%"
+        },
+        {
+          page: "/argon/profile.html",
+          visitors: "1,795",
+          unique: "190",
+          bounceRate: "46,53%"
+        }
+      ]
+    };
   }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/views/Dashboard/SocialTrafficTable.vue b/frontend/src/views/Dashboard/SocialTrafficTable.vue
index bd3eace62..3ce5760dd 100644
--- a/frontend/src/views/Dashboard/SocialTrafficTable.vue
+++ b/frontend/src/views/Dashboard/SocialTrafficTable.vue
@@ -11,24 +11,27 @@
       </b-row>
     </template>
 
-
     <el-table
       class="table-responsive table"
       :data="tableData"
-      header-row-class-name="thead-light">
+      header-row-class-name="thead-light"
+    >
       <el-table-column label="Referral" min-width="115px" prop="name">
-        <template v-slot="{row}">
-          <div class="font-weight-600">{{row.name}}</div>
+        <template v-slot="{ row }">
+          <div class="font-weight-600">{{ row.name }}</div>
         </template>
       </el-table-column>
 
-      <el-table-column label="Visitors" min-width="110px" prop="visitors">
-      </el-table-column>
+      <el-table-column
+        label="Visitors"
+        min-width="110px"
+        prop="visitors"
+      ></el-table-column>
 
       <el-table-column min-width="220px" prop="progress">
-        <template v-slot="{row}">
+        <template v-slot="{ row }">
           <div class="d-flex align-items-center">
-            <span class="mr-2">{{row.progress}}%</span>
+            <span class="mr-2">{{ row.progress }}%</span>
             <base-progress :type="row.progressType" :value="row.progress" />
           </div>
         </template>
@@ -37,56 +40,60 @@
   </b-card>
 </template>
 <script>
-  import { BaseProgress } from '@/components';
-  import { Table, TableColumn, DropdownMenu, DropdownItem, Dropdown} from 'element-ui'
-  export default {
-    name: 'social-traffic-table',
-    components: {
-      BaseProgress,
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn,
-      [Dropdown.name]: Dropdown,
-      [DropdownItem.name]: DropdownItem,
-      [DropdownMenu.name]: DropdownMenu,
-    },
-    data() {
-      return {
-        tableData: [
-          {
-            name: 'Facebook',
-            visitors: '1,480',
-            progress: 60,
-            progressType: 'gradient-danger',
-          },
-          {
-            name: 'LinkedIn',
-            visitors: '5,480',
-            progress: 70,
-            progressType: 'gradient-success',
-          },
-          {
-            name: 'Google',
-            visitors: '4,807',
-            progress: 80,
-            progressType: 'gradient-primary',
-          },
-          {
-            name: 'Instagram',
-            visitors: '3,678',
-            progress: 75,
-            progressType: 'gradient-info',
-          },
-          {
-            name: 'Twitter',
-            visitors: '2,645',
-            progress: 30,
-            progressType: 'gradient-warning',
-          }
-        ]
-      }
-    }
-
+import { BaseProgress } from "@/components";
+import {
+  Table,
+  TableColumn,
+  DropdownMenu,
+  DropdownItem,
+  Dropdown
+} from "element-ui";
+export default {
+  name: "social-traffic-table",
+  components: {
+    BaseProgress,
+    [Table.name]: Table,
+    [TableColumn.name]: TableColumn,
+    [Dropdown.name]: Dropdown,
+    [DropdownItem.name]: DropdownItem,
+    [DropdownMenu.name]: DropdownMenu
+  },
+  data() {
+    return {
+      tableData: [
+        {
+          name: "Facebook",
+          visitors: "1,480",
+          progress: 60,
+          progressType: "gradient-danger"
+        },
+        {
+          name: "LinkedIn",
+          visitors: "5,480",
+          progress: 70,
+          progressType: "gradient-success"
+        },
+        {
+          name: "Google",
+          visitors: "4,807",
+          progress: 80,
+          progressType: "gradient-primary"
+        },
+        {
+          name: "Instagram",
+          visitors: "3,678",
+          progress: 75,
+          progressType: "gradient-info"
+        },
+        {
+          name: "Twitter",
+          visitors: "2,645",
+          progress: 30,
+          progressType: "gradient-warning"
+        }
+      ]
+    };
   }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/views/GoogleMaps.vue b/frontend/src/views/GoogleMaps.vue
index 82780f669..25c1d0551 100755
--- a/frontend/src/views/GoogleMaps.vue
+++ b/frontend/src/views/GoogleMaps.vue
@@ -4,12 +4,13 @@
       <!-- Card stats -->
       <b-row>
         <b-col xl="3" md="6">
-          <stats-card title="Total traffic"
-                      type="gradient-red"
-                      sub-title="350,897"
-                      icon="ni ni-active-40"
-                      class="mb-4">
-
+          <stats-card
+            title="Total traffic"
+            type="gradient-red"
+            sub-title="350,897"
+            icon="ni ni-active-40"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">3.48%</span>
               <span class="text-nowrap">Since last month</span>
@@ -17,12 +18,13 @@
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Total traffic"
-                      type="gradient-orange"
-                      sub-title="2,356"
-                      icon="ni ni-chart-pie-35"
-                      class="mb-4">
-
+          <stats-card
+            title="Total traffic"
+            type="gradient-orange"
+            sub-title="2,356"
+            icon="ni ni-chart-pie-35"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">12.18%</span>
               <span class="text-nowrap">Since last month</span>
@@ -30,26 +32,27 @@
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Sales"
-                      type="gradient-green"
-                      sub-title="924"
-                      icon="ni ni-money-coins"
-                      class="mb-4">
-
+          <stats-card
+            title="Sales"
+            type="gradient-green"
+            sub-title="924"
+            icon="ni ni-money-coins"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-danger mr-2">5.72%</span>
               <span class="text-nowrap">Since last month</span>
             </template>
           </stats-card>
-
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Performance"
-                      type="gradient-info"
-                      sub-title="49,65%"
-                      icon="ni ni-chart-bar-32"
-                      class="mb-4">
-
+          <stats-card
+            title="Performance"
+            type="gradient-info"
+            sub-title="49,65%"
+            icon="ni ni-chart-bar-32"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">54.8%</span>
               <span class="text-nowrap">Since last month</span>
@@ -63,8 +66,11 @@
       <b-row>
         <b-col>
           <b-card no-body class="border-0">
-            <div id="map-custom" class="map-canvas"
-                 style="height: 600px;"></div>
+            <div
+              id="map-custom"
+              class="map-canvas"
+              style="height: 600px;"
+            ></div>
           </b-card>
         </b-col>
       </b-row>
@@ -72,79 +78,96 @@
   </div>
 </template>
 <script>
-  import { API_KEY } from './Maps/API_KEY';
-  import GoogleMapsLoader from 'google-maps';
+import { API_KEY } from "./Maps/API_KEY";
+import GoogleMapsLoader from "google-maps";
 
-  GoogleMapsLoader.KEY = API_KEY;
+GoogleMapsLoader.KEY = API_KEY;
 
-  export default {
-    methods: {
-      initMap(google) {
-        let map, lat = 40.748817, lng = -73.985428, color = "#5e72e4";
-        map = document.getElementById('map-custom');
+export default {
+  methods: {
+    initMap(google) {
+      let map,
+        lat = 40.748817,
+        lng = -73.985428,
+        color = "#5e72e4";
+      map = document.getElementById("map-custom");
 
-        let myLatlng = new google.maps.LatLng(lat, lng);
-        let mapOptions = {
-          zoom: 12,
-          scrollwheel: false,
-          center: myLatlng,
-          mapTypeId: google.maps.MapTypeId.ROADMAP,
-          styles: [{
-            "featureType": "administrative",
-            "elementType": "labels.text.fill",
-            "stylers": [{ "color": "#444444" }]
-          }, {
-            "featureType": "landscape",
-            "elementType": "all",
-            "stylers": [{ "color": "#f2f2f2" }]
-          }, {
-            "featureType": "poi",
-            "elementType": "all",
-            "stylers": [{ "visibility": "off" }]
-          }, {
-            "featureType": "road",
-            "elementType": "all",
-            "stylers": [{ "saturation": -100 }, { "lightness": 45 }]
-          }, {
-            "featureType": "road.highway",
-            "elementType": "all",
-            "stylers": [{ "visibility": "simplified" }]
-          }, {
-            "featureType": "road.arterial",
-            "elementType": "labels.icon",
-            "stylers": [{ "visibility": "off" }]
-          }, {
-            "featureType": "transit",
-            "elementType": "all",
-            "stylers": [{ "visibility": "off" }]
-          }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": color }, { "visibility": "on" }] }]
-        }
+      let myLatlng = new google.maps.LatLng(lat, lng);
+      let mapOptions = {
+        zoom: 12,
+        scrollwheel: false,
+        center: myLatlng,
+        mapTypeId: google.maps.MapTypeId.ROADMAP,
+        styles: [
+          {
+            featureType: "administrative",
+            elementType: "labels.text.fill",
+            stylers: [{ color: "#444444" }]
+          },
+          {
+            featureType: "landscape",
+            elementType: "all",
+            stylers: [{ color: "#f2f2f2" }]
+          },
+          {
+            featureType: "poi",
+            elementType: "all",
+            stylers: [{ visibility: "off" }]
+          },
+          {
+            featureType: "road",
+            elementType: "all",
+            stylers: [{ saturation: -100 }, { lightness: 45 }]
+          },
+          {
+            featureType: "road.highway",
+            elementType: "all",
+            stylers: [{ visibility: "simplified" }]
+          },
+          {
+            featureType: "road.arterial",
+            elementType: "labels.icon",
+            stylers: [{ visibility: "off" }]
+          },
+          {
+            featureType: "transit",
+            elementType: "all",
+            stylers: [{ visibility: "off" }]
+          },
+          {
+            featureType: "water",
+            elementType: "all",
+            stylers: [{ color: color }, { visibility: "on" }]
+          }
+        ]
+      };
 
-        map = new google.maps.Map(map, mapOptions);
+      map = new google.maps.Map(map, mapOptions);
 
-        let marker = new google.maps.Marker({
-          position: myLatlng,
-          map: map,
-          animation: google.maps.Animation.DROP,
-          title: 'Hello World!'
-        });
+      let marker = new google.maps.Marker({
+        position: myLatlng,
+        map: map,
+        animation: google.maps.Animation.DROP,
+        title: "Hello World!"
+      });
 
-        let contentString = '<div class="info-window-content"><h2>Argon Dashboard PRO</h2>' +
-          '<p>A beautiful premium dashboard for Bootstrap 4.</p></div>';
+      let contentString =
+        '<div class="info-window-content"><h2>Argon Dashboard PRO</h2>' +
+        "<p>A beautiful premium dashboard for Bootstrap 4.</p></div>";
 
-        let infowindow = new google.maps.InfoWindow({
-          content: contentString
-        });
+      let infowindow = new google.maps.InfoWindow({
+        content: contentString
+      });
 
-        google.maps.event.addListener(marker, 'click', function () {
-          infowindow.open(map, marker);
-        });
-      }
-    },
-    mounted() {
-      GoogleMapsLoader.load(google => {
-        this.initMap(google);
+      google.maps.event.addListener(marker, "click", function() {
+        infowindow.open(map, marker);
       });
     }
-  };
+  },
+  mounted() {
+    GoogleMapsLoader.load(google => {
+      this.initMap(google);
+    });
+  }
+};
 </script>
diff --git a/frontend/src/views/Icons.vue b/frontend/src/views/Icons.vue
index 7f9c932fb..ccb205726 100644
--- a/frontend/src/views/Icons.vue
+++ b/frontend/src/views/Icons.vue
@@ -1,16 +1,17 @@
 <template>
   <div>
-       <!-- BootstrapVue Done -->
+    <!-- BootstrapVue Done -->
     <base-header class="pb-6 pb-8 pt-5 pt-md-8 bg-gradient-success">
       <!-- Card stats -->
       <b-row>
         <b-col xl="3" md="6">
-          <stats-card title="Total traffic"
-                      type="gradient-red"
-                      sub-title="350,897"
-                      icon="ni ni-active-40"
-                      class="mb-4">
-
+          <stats-card
+            title="Total traffic"
+            type="gradient-red"
+            sub-title="350,897"
+            icon="ni ni-active-40"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">3.48%</span>
               <span class="text-nowrap">Since last month</span>
@@ -18,12 +19,13 @@
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Total traffic"
-                      type="gradient-orange"
-                      sub-title="2,356"
-                      icon="ni ni-chart-pie-35"
-                      class="mb-4">
-
+          <stats-card
+            title="Total traffic"
+            type="gradient-orange"
+            sub-title="2,356"
+            icon="ni ni-chart-pie-35"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">12.18%</span>
               <span class="text-nowrap">Since last month</span>
@@ -31,26 +33,27 @@
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Sales"
-                      type="gradient-green"
-                      sub-title="924"
-                      icon="ni ni-money-coins"
-                      class="mb-4">
-
+          <stats-card
+            title="Sales"
+            type="gradient-green"
+            sub-title="924"
+            icon="ni ni-money-coins"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-danger mr-2">5.72%</span>
               <span class="text-nowrap">Since last month</span>
             </template>
           </stats-card>
-
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Performance"
-                      type="gradient-info"
-                      sub-title="49,65%"
-                      icon="ni ni-chart-bar-32"
-                      class="mb-4">
-
+          <stats-card
+            title="Performance"
+            type="gradient-info"
+            sub-title="49,65%"
+            icon="ni ni-chart-bar-32"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">54.8%</span>
               <span class="text-nowrap">Since last month</span>
@@ -67,10 +70,14 @@
             <h3 slot="header" class="mb-0">Icons</h3>
             <b-row class="icon-examples">
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-active-40'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-active-40'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-active-40"></i>
                     <span>active-40</span>
@@ -78,10 +85,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-air-baloon'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-air-baloon'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-air-baloon"></i>
                     <span>air-baloon</span>
@@ -89,10 +100,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-album-2'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-album-2'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-album-2"></i>
                     <span>album-2</span>
@@ -100,10 +115,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-align-center'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-align-center'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-align-center"></i>
                     <span>align-center</span>
@@ -111,10 +130,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-align-left-2'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-align-left-2'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-align-left-2"></i>
                     <span>align-left-2</span>
@@ -122,10 +145,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-ambulance'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-ambulance'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-ambulance"></i>
                     <span>ambulance</span>
@@ -133,10 +160,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-app'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-app'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-app"></i>
                     <span>app</span>
@@ -144,10 +175,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-archive-2'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-archive-2'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-archive-2"></i>
                     <span>archive-2</span>
@@ -155,10 +190,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-atom'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-atom'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-atom"></i>
                     <span>atom</span>
@@ -166,10 +205,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-badge'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-badge'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-badge"></i>
                     <span>badge</span>
@@ -177,10 +220,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bag-17'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bag-17'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bag-17"></i>
                     <span>bag-17</span>
@@ -188,10 +235,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-basket'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-basket'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-basket"></i>
                     <span>basket</span>
@@ -199,10 +250,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bell-55'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bell-55'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bell-55"></i>
                     <span>bell-55</span>
@@ -210,10 +265,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bold-down'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bold-down'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bold-down"></i>
                     <span>bold-down</span>
@@ -221,10 +280,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bold-left'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bold-left'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bold-left"></i>
                     <span>bold-left</span>
@@ -232,10 +295,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bold-right'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bold-right'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bold-right"></i>
                     <span>bold-right</span>
@@ -243,10 +310,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bold-up'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bold-up'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bold-up"></i>
                     <span>bold-up</span>
@@ -254,10 +325,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bold'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bold'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bold"></i>
                     <span>bold</span>
@@ -265,10 +340,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-book-bookmark'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-book-bookmark'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-book-bookmark"></i>
                     <span>book-bookmark</span>
@@ -276,10 +355,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-books'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-books'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-books"></i>
                     <span>books</span>
@@ -287,10 +370,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-box-2'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-box-2'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-box-2"></i>
                     <span>box-2</span>
@@ -298,10 +385,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-briefcase-24'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-briefcase-24'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-briefcase-24"></i>
                     <span>briefcase-24</span>
@@ -309,10 +400,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-building'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-building'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-building"></i>
                     <span>building</span>
@@ -320,10 +415,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bulb-61'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bulb-61'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bulb-61"></i>
                     <span>bulb-61</span>
@@ -331,10 +430,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bullet-list-67'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bullet-list-67'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bullet-list-67"></i>
                     <span>bullet-list-67</span>
@@ -342,10 +445,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-bus-front-12'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-bus-front-12'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-bus-front-12"></i>
                     <span>bus-front-12</span>
@@ -353,10 +460,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-button-pause'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-button-pause'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-button-pause"></i>
                     <span>button-pause</span>
@@ -364,10 +475,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-button-play'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-button-play'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-button-play"></i>
                     <span>button-play</span>
@@ -375,10 +490,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-button-power'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-button-power'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-button-power"></i>
                     <span>button-power</span>
@@ -386,10 +505,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-calendar-grid-58'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-calendar-grid-58'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-calendar-grid-58"></i>
                     <span>calendar-grid-58</span>
@@ -397,10 +520,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-camera-compact'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-camera-compact'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-camera-compact"></i>
                     <span>camera-compact</span>
@@ -408,10 +535,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-caps-small'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-caps-small'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-caps-small"></i>
                     <span>caps-small</span>
@@ -419,10 +550,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-cart'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-cart'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-cart"></i>
                     <span>cart</span>
@@ -430,10 +565,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-chart-bar-32'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-chart-bar-32'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-chart-bar-32"></i>
                     <span>chart-bar-32</span>
@@ -441,10 +580,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-chart-pie-35'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-chart-pie-35'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-chart-pie-35"></i>
                     <span>chart-pie-35</span>
@@ -452,10 +595,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-chat-round'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-chat-round'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-chat-round"></i>
                     <span>chat-round</span>
@@ -463,10 +610,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-check-bold'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-check-bold'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-check-bold"></i>
                     <span>check-bold</span>
@@ -474,10 +625,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-circle-08'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-circle-08'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-circle-08"></i>
                     <span>circle-08</span>
@@ -485,10 +640,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-cloud-download-95'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-cloud-download-95'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-cloud-download-95"></i>
                     <span>cloud-download-95</span>
@@ -496,10 +655,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-cloud-upload-96'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-cloud-upload-96'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-cloud-upload-96"></i>
                     <span>cloud-upload-96</span>
@@ -507,10 +670,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-compass-04'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-compass-04'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-compass-04"></i>
                     <span>compass-04</span>
@@ -518,10 +685,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-controller'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-controller'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-controller"></i>
                     <span>controller</span>
@@ -529,10 +700,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-credit-card'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-credit-card'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-credit-card"></i>
                     <span>credit-card</span>
@@ -540,10 +715,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-curved-next'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-curved-next'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-curved-next"></i>
                     <span>curved-next</span>
@@ -551,10 +730,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-delivery-fast'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-delivery-fast'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-delivery-fast"></i>
                     <span>delivery-fast</span>
@@ -562,10 +745,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-diamond'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-diamond'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-diamond"></i>
                     <span>diamond</span>
@@ -573,10 +760,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-email-83'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-email-83'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-email-83"></i>
                     <span>email-83</span>
@@ -584,10 +775,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-fat-add'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-fat-add'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-fat-add"></i>
                     <span>fat-add</span>
@@ -595,10 +790,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-fat-delete'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-fat-delete'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-fat-delete"></i>
                     <span>fat-delete</span>
@@ -606,10 +805,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-fat-remove'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-fat-remove'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-fat-remove"></i>
                     <span>fat-remove</span>
@@ -617,10 +820,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-favourite-28'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-favourite-28'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-favourite-28"></i>
                     <span>favourite-28</span>
@@ -628,10 +835,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-folder-17'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-folder-17'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-folder-17"></i>
                     <span>folder-17</span>
@@ -639,10 +850,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-glasses-2'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-glasses-2'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-glasses-2"></i>
                     <span>glasses-2</span>
@@ -650,10 +865,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-hat-3'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-hat-3'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-hat-3"></i>
                     <span>hat-3</span>
@@ -661,10 +880,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-headphones'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-headphones'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-headphones"></i>
                     <span>headphones</span>
@@ -672,10 +895,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-html5'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-html5'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-html5"></i>
                     <span>html5</span>
@@ -683,10 +910,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-istanbul'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-istanbul'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-istanbul"></i>
                     <span>istanbul</span>
@@ -694,10 +925,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-circle-08'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-circle-08'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-circle-08"></i>
                     <span>circle-08</span>
@@ -705,10 +940,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-key-25'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-key-25'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-key-25"></i>
                     <span>key-25</span>
@@ -716,10 +955,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-laptop'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-laptop'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-laptop"></i>
                     <span>laptop</span>
@@ -727,10 +970,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-like-2'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-like-2'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-like-2"></i>
                     <span>like-2</span>
@@ -738,10 +985,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-lock-circle-open'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-lock-circle-open'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-lock-circle-open"></i>
                     <span>lock-circle-open</span>
@@ -749,10 +1000,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-map-big'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-map-big'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-map-big"></i>
                     <span>map-big</span>
@@ -760,10 +1015,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-mobile-button'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-mobile-button'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-mobile-button"></i>
                     <span>mobile-button</span>
@@ -771,10 +1030,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-money-coins'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-money-coins'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-money-coins"></i>
                     <span>money-coins</span>
@@ -782,10 +1045,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-note-03'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-note-03'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-note-03"></i>
                     <span>note-03</span>
@@ -793,10 +1060,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-notification-70'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-notification-70'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-notification-70"></i>
                     <span>notification-70</span>
@@ -804,10 +1075,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-palette'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-palette'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-palette"></i>
                     <span>palette</span>
@@ -815,10 +1090,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-paper-diploma'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-paper-diploma'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-paper-diploma"></i>
                     <span>paper-diploma</span>
@@ -826,10 +1105,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-pin-3'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-pin-3'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-pin-3"></i>
                     <span>pin-3</span>
@@ -837,10 +1120,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-planet'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-planet'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-planet"></i>
                     <span>planet</span>
@@ -848,10 +1135,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-ruler-pencil'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-ruler-pencil'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-ruler-pencil"></i>
                     <span>ruler-pencil</span>
@@ -859,10 +1150,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-satisfied'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-satisfied'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-satisfied"></i>
                     <span>satisfied</span>
@@ -870,10 +1165,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-scissors'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-scissors'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-scissors"></i>
                     <span>scissors</span>
@@ -881,10 +1180,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-send'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-send'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-send"></i>
                     <span>send</span>
@@ -892,10 +1195,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-settings-gear-65'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-settings-gear-65'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-settings-gear-65"></i>
                     <span>settings-gear-65</span>
@@ -903,10 +1210,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-settings'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-settings'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-settings"></i>
                     <span>settings</span>
@@ -914,10 +1225,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-single-02'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-single-02'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-single-02"></i>
                     <span>single-02</span>
@@ -925,10 +1240,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-single-copy-04'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-single-copy-04'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-single-copy-04"></i>
                     <span>single-copy-04</span>
@@ -936,10 +1255,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-sound-wave'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-sound-wave'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-sound-wave"></i>
                     <span>sound-wave</span>
@@ -947,10 +1270,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-spaceship'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-spaceship'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-spaceship"></i>
                     <span>spaceship</span>
@@ -958,10 +1285,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-square-pin'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-square-pin'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-square-pin"></i>
                     <span>square-pin</span>
@@ -969,10 +1300,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-support-16'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-support-16'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-support-16"></i>
                     <span>support-16</span>
@@ -980,10 +1315,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-tablet-button'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-tablet-button'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-tablet-button"></i>
                     <span>tablet-button</span>
@@ -991,10 +1330,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-tag'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-tag'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-tag"></i>
                     <span>tag</span>
@@ -1002,10 +1345,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-tie-bow'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-tie-bow'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-tie-bow"></i>
                     <span>tie-bow</span>
@@ -1013,10 +1360,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-time-alarm'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-time-alarm'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-time-alarm"></i>
                     <span>time-alarm</span>
@@ -1024,10 +1375,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-trophy'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-trophy'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-trophy"></i>
                     <span>trophy</span>
@@ -1035,10 +1390,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-tv-2'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-tv-2'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-tv-2"></i>
                     <span>tv-2</span>
@@ -1046,10 +1405,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-umbrella-13'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-umbrella-13'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-umbrella-13"></i>
                     <span>umbrella-13</span>
@@ -1057,10 +1420,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-user-run'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-user-run'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-user-run"></i>
                     <span>user-run</span>
@@ -1068,10 +1435,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-vector'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-vector'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-vector"></i>
                     <span>vector</span>
@@ -1079,10 +1450,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-watch-time'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-watch-time'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-watch-time"></i>
                     <span>watch-time</span>
@@ -1090,10 +1465,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-world'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-world'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-world"></i>
                     <span>world</span>
@@ -1101,10 +1480,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-zoom-split-in'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-zoom-split-in'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-zoom-split-in"></i>
                     <span>zoom-split-in</span>
@@ -1112,10 +1495,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-collection'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-collection'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-collection"></i>
                     <span>collection</span>
@@ -1123,10 +1510,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-image'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-image'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-image"></i>
                     <span>image</span>
@@ -1134,10 +1525,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-shop'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-shop'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-shop"></i>
                     <span>shop</span>
@@ -1145,10 +1540,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-ungroup'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-ungroup'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-ungroup"></i>
                     <span>ungroup</span>
@@ -1156,10 +1555,14 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-world-2'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-world-2'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-world-2"></i>
                     <span>world-2</span>
@@ -1167,17 +1570,20 @@
                 </button>
               </b-col>
               <b-col lg="3" md="6">
-                <button type="button" class="btn-icon-clipboard" v-clipboard:copy="'ni ni-ui-04'"
-                        v-clipboard:success="onCopy"
-                        title=""
-                        data-original-title="Copy to clipboard">
+                <button
+                  type="button"
+                  class="btn-icon-clipboard"
+                  v-clipboard:copy="'ni ni-ui-04'"
+                  v-clipboard:success="onCopy"
+                  title=""
+                  data-original-title="Copy to clipboard"
+                >
                   <div>
                     <i class="ni ni-ui-04"></i>
                     <span>ui-04</span>
                   </div>
                 </button>
               </b-col>
-
             </b-row>
           </card>
         </b-col>
@@ -1186,24 +1592,24 @@
   </div>
 </template>
 <script>
-  import Vue from 'vue'
-  import VueClipboard from 'vue-clipboard2'
-  import BaseHeader from '@/components/BaseHeader';
+import Vue from "vue";
+import VueClipboard from "vue-clipboard2";
+import BaseHeader from "@/components/BaseHeader";
 
-  Vue.use(VueClipboard)
-  export default {
-    name: 'icons',
-    components: {
-      BaseHeader
-    },
-    methods: {
-      onCopy() {
-        this.$notify({
-          type: 'info',
-          message: 'Copied to clipboard'
-        })
-      }
+Vue.use(VueClipboard);
+export default {
+  name: "icons",
+  components: {
+    BaseHeader
+  },
+  methods: {
+    onCopy() {
+      this.$notify({
+        type: "info",
+        message: "Copied to clipboard"
+      });
     }
-  };
+  }
+};
 </script>
 <style></style>
diff --git a/frontend/src/views/KontoOverview.vue b/frontend/src/views/KontoOverview.vue
index cea82bbb1..270e60e2c 100644
--- a/frontend/src/views/KontoOverview.vue
+++ b/frontend/src/views/KontoOverview.vue
@@ -1,56 +1,53 @@
 <template>
   <div>
-    <base-header class="pb-6 pb-8 pt-5 pt-md-8 bg-transparent"></base-header>     
-      <b-container fluid class="mt--7">
-          <gdd-status />        
-              <br>
-              <gdd-send />
-              <hr>
-              <gdd-table />
-              <!-- <hr>
+    <base-header class="pb-6 pb-8 pt-5 pt-md-8 bg-transparent"></base-header>
+    <b-container fluid class="mt--7">
+      <gdd-status />
+      <br />
+      <gdd-send />
+      <hr />
+      <gdd-table />
+      <!-- <hr>
               <div>
                 <gdd-add-work-2 />       
               </div>
-              <br> --> 
-              <!--
+              <br> -->
+      <!--
                 <div>
                   <gdd-add-work />       
                 </div>
                 <br>
-              -->      
-            <!-- <div>
+              -->
+      <!-- <div>
                 <gdd-work-table />       
-              </div>     --> 
-              
-       </b-container>
+              </div>     -->
+    </b-container>
   </div>
 </template>
 <script>
-  import GddStatus    from './KontoOverview/GddStatus.vue';
-  import GddSend      from './KontoOverview/GddSend.vue';
-  import GddTable     from './KontoOverview/GddTable.vue';
- // import GddAddWork2  from './KontoOverview/GddAddWork2.vue';
- // import GddWorkTable from './KontoOverview/GddWorkTable.vue';
+import GddStatus from "./KontoOverview/GddStatus.vue";
+import GddSend from "./KontoOverview/GddSend.vue";
+import GddTable from "./KontoOverview/GddTable.vue";
+// import GddAddWork2  from './KontoOverview/GddAddWork2.vue';
+// import GddWorkTable from './KontoOverview/GddWorkTable.vue';
 
-  export default {  
-    name: "Overview",
-    components: {
-      GddStatus,
-      GddSend,
-      GddTable,
-      //GddAddWork2,
-      //GddWorkTable
-     },
-     created() { 
-       this.$store.dispatch('accountBalance',  $cookies.get("gdd_session_id"))        
-     }
-  };
+export default {
+  name: "Overview",
+  components: {
+    GddStatus,
+    GddSend,
+    GddTable
+    //GddAddWork2,
+    //GddWorkTable
+  },
+  created() {
+    this.$store.dispatch("accountBalance", $cookies.get("gdd_session_id"));
+  }
+};
 </script>
 
 <style>
-.active { background-color: rgba(192, 192, 192, 0.568);}
-
+.active {
+  background-color: rgba(192, 192, 192, 0.568);
+}
 </style>
-
-
- 
\ No newline at end of file
diff --git a/frontend/src/views/KontoOverview/GddAddWork.vue b/frontend/src/views/KontoOverview/GddAddWork.vue
index eec578ca6..cd7ce8be8 100644
--- a/frontend/src/views/KontoOverview/GddAddWork.vue
+++ b/frontend/src/views/KontoOverview/GddAddWork.vue
@@ -1,154 +1,224 @@
 <template>
   <div>
     <b-row>
-        <b-col xl="12" md="12">
-         <base-button   icon type="info" size="lg"  v-b-toggle.collapse-2>
-            <span class="btn-inner--icon"><i class="ni ni-fat-add"></i></span>
-            <span class="btn-inner--text">{{ $t('site.overview.add_work') }} </span>
-          </base-button>
-            <b-collapse id="collapse-2" class="mt-2">
-              <b-card>
-                <div class="card-text">
-                    <b-row>
-                      <b-col>
-                        <h1>Neuer Beitrag</h1>
-                        <h3>{ Name der Community }</h3>
-                      </b-col>
-                      <b-col>  
-                       <h3>Bitte trage jede arbeit einzeln ein.</h3> 
-                      </b-col>
-                    </b-row>               
-                    <hr>
-                    <b-form @submit="onSubmit" @reset="onReset" v-if="show">
-                      
-                         <b-row class="form-group">
-                          <label for="example-datetime-local-input" class="col-md-2 col-form-label form-control-label form-control-lg">von</label>
-                          <b-col md="10">
-                            <base-input type="datetime-local" value="2018-11-23T10:30:00" v-model="form.from" @change="dateDiff" />
-                          </b-col>
-                        </b-row>
-                           <b-row class="form-group">
-                          <label for="example-datetime-local-input" class="col-md-2 col-form-label form-control-label form-control-lg">bis</label>
-                          <b-col md="10">
-                            <base-input type="datetime-local" value="2018-11-23T10:30:00" v-model="form.to"  @change="dateDiff" />
-                          </b-col>
-                        </b-row>
-                           <b-row class="form-group">
-                          <label for="example-datetime-local-input" class="col-md-2 col-form-label form-control-label form-control-lg">Stunden</label>
-                          <b-col md="10">
-                            <base-input type="text" v-model="form.hours" disabled class="form-control-lg"/>
-                          </b-col>
-                        </b-row>
-                          <b-row class="form-group">
-                          <label for="example-datetime-local-input" class="col-md-2 col-form-label form-control-label form-control-lg">GDD Shöpfen</label>
-                          <b-col md="10">
-                             <base-input type="text" :value="(form.hours * 20)" disabled class="form-control-lg"/>
-                          </b-col>
+      <b-col xl="12" md="12">
+        <base-button icon type="info" size="lg" v-b-toggle.collapse-2>
+          <span class="btn-inner--icon"><i class="ni ni-fat-add"></i></span>
+          <span class="btn-inner--text">
+            {{ $t("site.overview.add_work") }}
+          </span>
+        </base-button>
+        <b-collapse id="collapse-2" class="mt-2">
+          <b-card>
+            <div class="card-text">
+              <b-row>
+                <b-col>
+                  <h1>Neuer Beitrag</h1>
+                  <h3>{ Name der Community }</h3>
+                </b-col>
+                <b-col>
+                  <h3>Bitte trage jede arbeit einzeln ein.</h3>
+                </b-col>
+              </b-row>
+              <hr />
+              <b-form @submit="onSubmit" @reset="onReset" v-if="show">
+                <b-row class="form-group">
+                  <label
+                    for="example-datetime-local-input"
+                    class="col-md-2 col-form-label form-control-label form-control-lg"
+                  >
+                    von
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      type="datetime-local"
+                      value="2018-11-23T10:30:00"
+                      v-model="form.from"
+                      @change="dateDiff"
+                    />
+                  </b-col>
+                </b-row>
+                <b-row class="form-group">
+                  <label
+                    for="example-datetime-local-input"
+                    class="col-md-2 col-form-label form-control-label form-control-lg"
+                  >
+                    bis
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      type="datetime-local"
+                      value="2018-11-23T10:30:00"
+                      v-model="form.to"
+                      @change="dateDiff"
+                    />
+                  </b-col>
+                </b-row>
+                <b-row class="form-group">
+                  <label
+                    for="example-datetime-local-input"
+                    class="col-md-2 col-form-label form-control-label form-control-lg"
+                  >
+                    Stunden
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      type="text"
+                      v-model="form.hours"
+                      disabled
+                      class="form-control-lg"
+                    />
+                  </b-col>
+                </b-row>
+                <b-row class="form-group">
+                  <label
+                    for="example-datetime-local-input"
+                    class="col-md-2 col-form-label form-control-label form-control-lg"
+                  >
+                    GDD Shöpfen
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      type="text"
+                      :value="form.hours * 20"
+                      disabled
+                      class="form-control-lg"
+                    />
+                  </b-col>
+                </b-row>
+                <b-row class="form-group">
+                  <label
+                    class="col-md-2 col-form-label form-control-label form-control-lg"
+                  >
+                    Ort
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      placeholder="Berlin"
+                      v-model="form.location"
+                      class="form-control-lg"
+                    ></base-input>
+                  </b-col>
+                </b-row>
+                <b-row class="form-group">
+                  <label
+                    class="col-md-2 col-form-label form-control-label form-control-lg"
+                  >
+                    Kategorie
+                  </label>
+                  <b-col md="10">
+                    <base-input>
+                      <select class="form-control form-control-lg">
+                        <option>Umwelt</option>
+                        <option>Helfen</option>
+                        <option>Verein</option>
+                      </select>
+                    </base-input>
+                  </b-col>
+                </b-row>
 
-                        </b-row>
-                          <b-row class="form-group">
-                            <label class="col-md-2 col-form-label form-control-label form-control-lg">Ort</label>
-                            <b-col md="10">
-                              <base-input placeholder="Berlin" v-model="form.location" class="form-control-lg"></base-input>
-                            </b-col>
-                          </b-row>
-                              <b-row class="form-group">
-                            <label class="col-md-2 col-form-label form-control-label form-control-lg">Kategorie</label>
-                            <b-col md="10">
-                                        <base-input >
-                            <select class="form-control form-control-lg">
-                              <option>Umwelt</option>
-                              <option>Helfen</option>
-                              <option>Verein</option>
-                            </select>
-                          </base-input>
-                            </b-col>
-                          </b-row>
-                
-                          
-                          
-                         <base-input label="Beitrag">
-                          <textarea class="form-control form-control-lg" rows="3" v-model="form.text" ></textarea>
-                        </base-input>
-                         <b-row class="form-group">
-                            <label class="col-md-2 col-form-label form-control-label form-control-lg">Tätigkeit</label>
-                            <b-col md="8">
-                              <base-input placeholder="Tätigkeit" v-model="form.location" class="form-control-lg"></base-input>
-                            </b-col>
-                             <b-col md="2">
-                              <base-input placeholder="Stunden" v-model="form.location" class="form-control-lg"></base-input>
-                            </b-col>
-                          </b-row>
-                      
-                      <br>                
-                       
-                    <br>
-                    <b-button type="submit" variant="success">jetzt einreichen <small>{{timestamp}}</small></b-button>
-                    <b-button type="reset" variant="danger">Cancel</b-button>
-                    <br>
-                  </b-form> 
-                </div>
-              </b-card>
-            </b-collapse>
-        </b-col>
-      </b-row>
+                <base-input label="Beitrag">
+                  <textarea
+                    class="form-control form-control-lg"
+                    rows="3"
+                    v-model="form.text"
+                  ></textarea>
+                </base-input>
+                <b-row class="form-group">
+                  <label
+                    class="col-md-2 col-form-label form-control-label form-control-lg"
+                  >
+                    Tätigkeit
+                  </label>
+                  <b-col md="8">
+                    <base-input
+                      placeholder="Tätigkeit"
+                      v-model="form.location"
+                      class="form-control-lg"
+                    ></base-input>
+                  </b-col>
+                  <b-col md="2">
+                    <base-input
+                      placeholder="Stunden"
+                      v-model="form.location"
+                      class="form-control-lg"
+                    ></base-input>
+                  </b-col>
+                </b-row>
+
+                <br />
+
+                <br />
+                <b-button type="submit" variant="success">
+                  jetzt einreichen
+                  <small>{{ timestamp }}</small>
+                </b-button>
+                <b-button type="reset" variant="danger">Cancel</b-button>
+                <br />
+              </b-form>
+            </div>
+          </b-card>
+        </b-collapse>
+      </b-col>
+    </b-row>
   </div>
 </template>
 
 <script>
- 
 export default {
-  name: 'GDDAddWork',
-  data(){
+  name: "GDDAddWork",
+  data() {
     return {
       show: true,
-       form: {
-           from:'',
-           to: '',
-           hours: '',
-           text: '',
-           gdd: 0.00,
-           location: '',
-           text2: '',
-           sendtime: ''
-        },
-        timestamp: ""
-    }
+      form: {
+        from: "",
+        to: "",
+        hours: "",
+        text: "",
+        gdd: 0.0,
+        location: "",
+        text2: "",
+        sendtime: ""
+      },
+      timestamp: ""
+    };
   },
   created() {
     setInterval(this.getNow, 2000);
   },
   methods: {
     dateDiff() {
-      this.form.hours = ((((this.$moment(this.form.to)) - (this.$moment(this.form.from)))/1000)/3600)
+      this.form.hours =
+        (this.$moment(this.form.to) - this.$moment(this.form.from)) /
+        1000 /
+        3600;
     },
     getNow: function() {
-      //const today = new Date()      
+      //const today = new Date()
       //const date = today.getDate()+'.'+(today.getMonth()+1)+'.'+ today.getFullYear();
       //const time = today.getHours() + ":" + today.getMinutes();
-      //const dateTime = date +', '+ time;      
-      this.timestamp = new Date()
+      //const dateTime = date +', '+ time;
+      this.timestamp = new Date();
     },
     onSubmit(event) {
-        event.preventDefault()
-        console.log("onSUBMIT this.form.from >>>>",  this.form.from)
-        console.log("onSUBMIT this.form.from >>>>",  this.$moment(this.form.from))
-        console.log("onSUBMIT this.form.to >>>>",  this.form.to)
-       // console.log("onSUBMIT >>>>", this.getHours(this.form.from, this.form.to))
-       this.form.sendtime = new Date()
-        alert(JSON.stringify(this.form))
-     
-      },
-      onReset(event) {
-        event.preventDefault()
-        // Reset our form values
-       
-        // Trick to reset/clear native browser form validation state
-        this.show = false
-        this.$nextTick(() => {
-          this.show = true
-        })
-      }
+      event.preventDefault();
+      console.log("onSUBMIT this.form.from >>>>", this.form.from);
+      console.log("onSUBMIT this.form.from >>>>", this.$moment(this.form.from));
+      console.log("onSUBMIT this.form.to >>>>", this.form.to);
+      // console.log("onSUBMIT >>>>", this.getHours(this.form.from, this.form.to))
+      this.form.sendtime = new Date();
+      alert(JSON.stringify(this.form));
+    },
+    onReset(event) {
+      event.preventDefault();
+      // Reset our form values
+
+      // Trick to reset/clear native browser form validation state
+      this.show = false;
+      this.$nextTick(() => {
+        this.show = true;
+      });
+    }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/KontoOverview/GddAddWork2.vue b/frontend/src/views/KontoOverview/GddAddWork2.vue
index 10a8034ae..bdeafa0e3 100644
--- a/frontend/src/views/KontoOverview/GddAddWork2.vue
+++ b/frontend/src/views/KontoOverview/GddAddWork2.vue
@@ -1,240 +1,302 @@
 <template>
   <div>
-    <b-tabs content-class="mt-3" fill> 
-      <b-tab :title="names.thisMonth" active>        
-        
+    <b-tabs content-class="mt-3" fill>
+      <b-tab :title="names.thisMonth" active>
         <b-row>
-          <b-col cols="3"> 
-             
-            <base-input label="Arbeitstunden" >
-              <b-form-input  type="number" placeholder="23" />
+          <b-col cols="3">
+            <base-input label="Arbeitstunden">
+              <b-form-input type="number" placeholder="23" />
             </base-input>
-             <base-input label="Datum / Zeitraum" >
-              <flat-pickr class="form-control" v-model="date" :config="config"></flat-pickr>
+            <base-input label="Datum / Zeitraum">
+              <flat-pickr
+                class="form-control"
+                v-model="date"
+                :config="config"
+              ></flat-pickr>
             </base-input>
           </b-col>
-          <b-col cols="9"> 
+          <b-col cols="9">
             <base-input label="Arbeitsreport">
-              <textarea class="form-control" rows="5" @focus="textFocus"></textarea>
+              <textarea
+                class="form-control"
+                rows="5"
+                @focus="textFocus"
+              ></textarea>
             </base-input>
           </b-col>
-         
         </b-row>
         <b-row>
-          <b-col><button class="btn btn-info text-right" @click.prevent="newWorkForm">weiteren Report hinzufügen</button></b-col>
-          <b-col>  
+          <b-col>
+            <button
+              class="btn btn-info text-right"
+              @click.prevent="newWorkForm"
+            >
+              weiteren Report hinzufügen
+            </button>
+          </b-col>
+          <b-col>
             <div class="text-right">
-              <button class="btn btn-info text-right" @click.prevent="submitForm2">save new Report</button>
+              <button
+                class="btn btn-info text-right"
+                @click.prevent="submitForm2"
+              >
+                save new Report
+              </button>
             </div>
           </b-col>
-        </b-row>  
-    </b-tab>
-  
-   
-  
-    <b-tab :title="names.lastMonth">
-<b-row>
-          <b-col cols="3"> 
-             
-            <base-input label="Arbeitstunden" >
-              <b-form-input  type="number" placeholder="23" />
-            </base-input>
-             <base-input label="Datum / Zeitraum" >
-              <flat-pickr class="form-control" v-model="date" :config="lastConfig"></flat-pickr>
-            </base-input>
-          </b-col>
-          <b-col cols="9"> 
-            <base-input label="Arbeitsreport">
-              <textarea class="form-control" rows="5" @focus="textFocus"></textarea>
-            </base-input>
-          </b-col>
-         
         </b-row>
-        <b-row>
-          <b-col><button class="btn btn-warning text-right" @click.prevent="newWorkForm">+ weiteren Report hinzufügen</button></b-col>
-          <b-col>  
-            <div class="text-right">
-              <button class="btn btn-info text-right" @click.prevent="submitForm2">save new Report</button>
-            </div>
-          </b-col>
-        </b-row>  
-        <hr>
-        <pre>Selected date is - {{date}}</pre>
-        <p>{{days.lastMonth}} Days in {{names.lastMonth}} </p>
-     
-      <p>Du hast diesen Monat 
-               {{stundenSumme>0 ? 'schon ' : 'noch keine' }}
-              {{stundenSumme>0 ? ''+ stundenSumme : ''  }} 
-              Stunden eingetragen</p>
-         
-    </b-tab>
-  
-  
-   
-  
-    <b-tab :title="names.beforLastMonth">
+      </b-tab>
 
-       <b-row>
-          <b-col cols="3"> 
-             
-            <base-input label="Arbeitstunden" >
-              <b-form-input  type="number" placeholder="23" />
+      <b-tab :title="names.lastMonth">
+        <b-row>
+          <b-col cols="3">
+            <base-input label="Arbeitstunden">
+              <b-form-input type="number" placeholder="23" />
             </base-input>
-             <base-input label="Datum / Zeitraum" >
-              <flat-pickr class="form-control" v-model="date" :config="beforLastConfig"></flat-pickr>
+            <base-input label="Datum / Zeitraum">
+              <flat-pickr
+                class="form-control"
+                v-model="date"
+                :config="lastConfig"
+              ></flat-pickr>
             </base-input>
           </b-col>
-          <b-col cols="9"> 
+          <b-col cols="9">
             <base-input label="Arbeitsreport">
-              <textarea class="form-control" rows="5" @focus="textFocus"></textarea>
+              <textarea
+                class="form-control"
+                rows="5"
+                @focus="textFocus"
+              ></textarea>
             </base-input>
           </b-col>
-         
         </b-row>
         <b-row>
-          <b-col><button class="btn btn-warning text-right" @click.prevent="newWorkForm">+ weiteren Report hinzufügen</button></b-col>
-          <b-col>  
+          <b-col>
+            <button
+              class="btn btn-warning text-right"
+              @click.prevent="newWorkForm"
+            >
+              + weiteren Report hinzufügen
+            </button>
+          </b-col>
+          <b-col>
             <div class="text-right">
-              <button class="btn btn-info text-right" @click.prevent="submitForm3">save new Report</button>
+              <button
+                class="btn btn-info text-right"
+                @click.prevent="submitForm2"
+              >
+                save new Report
+              </button>
             </div>
           </b-col>
-        </b-row>  
-        <hr>
-        <pre>Selected date is - {{date}}</pre>
-        <p>{{days.beforLastMonth}} Days in {{names.beforLastMonth}} </p>
-        <p>Du hast noch keine Einträge </p>
-    
-     
-    </b-tab>
-    
-  </b-tabs>
- 
+        </b-row>
+        <hr />
+        <pre>Selected date is - {{ date }}</pre>
+        <p>{{ days.lastMonth }} Days in {{ names.lastMonth }}</p>
+
+        <p>
+          Du hast diesen Monat
+          {{ stundenSumme > 0 ? "schon " : "noch keine" }}
+          {{ stundenSumme > 0 ? "" + stundenSumme : "" }}
+          Stunden eingetragen
+        </p>
+      </b-tab>
+
+      <b-tab :title="names.beforLastMonth">
+        <b-row>
+          <b-col cols="3">
+            <base-input label="Arbeitstunden">
+              <b-form-input type="number" placeholder="23" />
+            </base-input>
+            <base-input label="Datum / Zeitraum">
+              <flat-pickr
+                class="form-control"
+                v-model="date"
+                :config="beforLastConfig"
+              ></flat-pickr>
+            </base-input>
+          </b-col>
+          <b-col cols="9">
+            <base-input label="Arbeitsreport">
+              <textarea
+                class="form-control"
+                rows="5"
+                @focus="textFocus"
+              ></textarea>
+            </base-input>
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col>
+            <button
+              class="btn btn-warning text-right"
+              @click.prevent="newWorkForm"
+            >
+              + weiteren Report hinzufügen
+            </button>
+          </b-col>
+          <b-col>
+            <div class="text-right">
+              <button
+                class="btn btn-info text-right"
+                @click.prevent="submitForm3"
+              >
+                save new Report
+              </button>
+            </div>
+          </b-col>
+        </b-row>
+        <hr />
+        <pre>Selected date is - {{ date }}</pre>
+        <p>{{ days.beforLastMonth }} Days in {{ names.beforLastMonth }}</p>
+        <p>Du hast noch keine Einträge</p>
+      </b-tab>
+    </b-tabs>
   </div>
 </template>
 
 <script>
-import flatPickr from "vue-flatpickr-component"
-import "flatpickr/dist/flatpickr.css"
+import flatPickr from "vue-flatpickr-component";
+import "flatpickr/dist/flatpickr.css";
 
 export default {
-  name: 'GDDAddWork2',
-  components: {flatPickr},
-  data(){
+  name: "GDDAddWork2",
+  components: { flatPickr },
+  data() {
     return {
       date: null,
       config: {
         altInput: false,
-        dateFormat: "d-m-Y",        
-        minDate:  this.$moment().startOf('month').format("DD.MM.YYYY"),
+        dateFormat: "d-m-Y",
+        minDate: this.$moment()
+          .startOf("month")
+          .format("DD.MM.YYYY"),
         maxDate: this.$moment().format("DD.MM.YYYY"),
-         mode: 'range'
-      
-      }, 
-      lastConfig:{
-          altInput: false,
-        dateFormat: "d-m-Y",        
-        minDate:  this.$moment().month(this.$moment().month()-1).startOf('month').format("DD.MM.YYYY"),
-        maxDate: this.$moment().month(this.$moment().month()-1).endOf('month').format("DD.MM.YYYY"),
-         mode: 'range'
+        mode: "range"
       },
-      beforLastConfig:{
-          altInput: false,
-        dateFormat: "d-m-Y",        
-        minDate:  this.$moment().month(this.$moment().month()-2).startOf('month').format("DD.MM.YYYY"),
-        maxDate: this.$moment().month(this.$moment().month()-2).endOf('month').format("DD.MM.YYYY"),
-         mode: 'range'
+      lastConfig: {
+        altInput: false,
+        dateFormat: "d-m-Y",
+        minDate: this.$moment()
+          .month(this.$moment().month() - 1)
+          .startOf("month")
+          .format("DD.MM.YYYY"),
+        maxDate: this.$moment()
+          .month(this.$moment().month() - 1)
+          .endOf("month")
+          .format("DD.MM.YYYY"),
+        mode: "range"
+      },
+      beforLastConfig: {
+        altInput: false,
+        dateFormat: "d-m-Y",
+        minDate: this.$moment()
+          .month(this.$moment().month() - 2)
+          .startOf("month")
+          .format("DD.MM.YYYY"),
+        maxDate: this.$moment()
+          .month(this.$moment().month() - 2)
+          .endOf("month")
+          .format("DD.MM.YYYY"),
+        mode: "range"
       },
       index: 0,
-      form:[],
+      form: [],
       stundenSumme: 0,
       messages: [],
-      submitted:false,
+      submitted: false,
       days: {
-        thisMonth: this.$moment().month(this.$moment().month()).daysInMonth(),
-        lastMonth: this.$moment().month(this.$moment().month()-1).daysInMonth(),
-        beforLastMonth: this.$moment().month(this.$moment().month()-2).daysInMonth(),
+        thisMonth: this.$moment()
+          .month(this.$moment().month())
+          .daysInMonth(),
+        lastMonth: this.$moment()
+          .month(this.$moment().month() - 1)
+          .daysInMonth(),
+        beforLastMonth: this.$moment()
+          .month(this.$moment().month() - 2)
+          .daysInMonth()
       },
       names: {
-        thisMonth: this.$moment().month(this.$moment().month()).format('MMMM'),
-        lastMonth: this.$moment().month(this.$moment().month()-1).format('MMMM'),
-        beforLastMonth: this.$moment().month(this.$moment().month()-2).format('MMMM')
+        thisMonth: this.$moment()
+          .month(this.$moment().month())
+          .format("MMMM"),
+        lastMonth: this.$moment()
+          .month(this.$moment().month() - 1)
+          .format("MMMM"),
+        beforLastMonth: this.$moment()
+          .month(this.$moment().month() - 2)
+          .format("MMMM")
       }
-    }
-  },
-  created() {
-    
+    };
   },
+  created() {},
   watch: {
-    $form: function(){
-    stunden(this.form)
+    $form: function() {
+      stunden(this.form);
     }
   },
   methods: {
-     getTR(m,i){
-       console.log(m+"-"+i)
-     },
-     stunden(hour, i, mon) {
-       let n = 0
-       console.log("stunden(form)=>", hour)
-       console.log("stunden(i)=>", i)
-       console.log("stunden(mon)=>", mon)
-        
-    
-       console.log("this.stundenSumme start=> ", this.stundenSumme) 
-       this.stundenSumme = 0
-       console.log("arr.length => ", this.form.length) 
-       for (n; n < this.form.length; n++){
-         console.log(">arr[n]=> ",this.form[n])
-         if (this.form[n] > 0) {
-           this.stundenSumme += parseInt(this.form[n]) ;
-           	
-           }
+    getTR(m, i) {
+      console.log(m + "-" + i);
+    },
+    stunden(hour, i, mon) {
+      let n = 0;
+      console.log("stunden(form)=>", hour);
+      console.log("stunden(i)=>", i);
+      console.log("stunden(mon)=>", mon);
 
-          
+      console.log("this.stundenSumme start=> ", this.stundenSumme);
+      this.stundenSumme = 0;
+      console.log("arr.length => ", this.form.length);
+      for (n; n < this.form.length; n++) {
+        console.log(">arr[n]=> ", this.form[n]);
+        if (this.form[n] > 0) {
+          this.stundenSumme += parseInt(this.form[n]);
         }
-        this.messages.push({
-              id: this.index,
-        	    MonthsNumber: mon,
-        	    DaysNumber: i,
-        	    HoursNumber: hour,
-              DestinationText: '',
-        	    TextDecoded: ''
-             });
-             this.index++
-       console.log("this.stundenSumme ende=> ", this.stundenSumme) 
-     },
-     	addNewMessage: function(){
-		    this.messages.push({
-        	DaysNumber: '',
-        	TextDecoded: ''
-        });
-       
-	    },
-     deleteNewMessage: function(event) {
-       console.log("deleteNewMessage:event) => ", event) 
-       //console.log("deleteNewMessage:this.events.splice(this.event) => ", this.events.splice(this.event)) 
-        this.form.splice(event, null);
-        this.messages.splice(index, 1);
-        this.index--
-      },
+      }
+      this.messages.push({
+        id: this.index,
+        MonthsNumber: mon,
+        DaysNumber: i,
+        HoursNumber: hour,
+        DestinationText: "",
+        TextDecoded: ""
+      });
+      this.index++;
+      console.log("this.stundenSumme ende=> ", this.stundenSumme);
+    },
+    addNewMessage: function() {
+      this.messages.push({
+        DaysNumber: "",
+        TextDecoded: ""
+      });
+    },
+    deleteNewMessage: function(event) {
+      console.log("deleteNewMessage:event) => ", event);
+      //console.log("deleteNewMessage:this.events.splice(this.event) => ", this.events.splice(this.event))
+      this.form.splice(event, null);
+      this.messages.splice(index, 1);
+      this.index--;
+    },
     submitForm: function(e) {
-    	console.log(this.messages);
-       
-        this.messages = [{ DaysNumber: '', TextDecoded: '' }];
-        this.submitted = true;
+      console.log(this.messages);
+
+      this.messages = [{ DaysNumber: "", TextDecoded: "" }];
+      this.submitted = true;
     },
     submitForm2() {
-      console.log("submitForm2 TODO")
-    }, 
+      console.log("submitForm2 TODO");
+    },
     submitForm3() {
-      console.log("submitForm3 TODO")
+      console.log("submitForm3 TODO");
     },
-    textFocus(){
-      console.log("textFocus TODO")
+    textFocus() {
+      console.log("textFocus TODO");
     },
-    newWorkForm(){
-      console.log("newWorkForm TODO")
+    newWorkForm() {
+      console.log("newWorkForm TODO");
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/KontoOverview/GddSend.vue b/frontend/src/views/KontoOverview/GddSend.vue
index b6bd00e19..97d7a5c41 100644
--- a/frontend/src/views/KontoOverview/GddSend.vue
+++ b/frontend/src/views/KontoOverview/GddSend.vue
@@ -2,218 +2,264 @@
   <div>
     <b-row>
       <b-col xl="12" md="12">
-          
-               <b-alert variant="warning" show dismissible >
-                  <strong>Achtung!</strong> Bitte überprüfe alle deine Eingaben sehr genau. Du bist alleine Verantwortlich für deine Entscheidungen. Versendete Gradidos können nicht wieder zurück geholt werden.
-              </b-alert>
-            <b-card class="p-0 p-md-3">   
- 
-              <b-alert show  variant="secondary">                        
-                            <span class="alert-text"><strong>QR Code Scanner</strong> - Scanne den QR Code deines Partners</span>
-                         <b-col v-show="!scan" lg="12" class="text-right ">
-                <img src="/img/icons/gradido/qr-scan-pure.png" height="50" @click="scan = true">
-                </b-col>          
-                <b-alert v-show="scan" show variant="warning">                      
-                      <span class="alert-text" @click="scan=false"><strong>schließen!</strong></span>
-                </b-alert>
-                   <div  v-if="scan">
-                <!-- <b-row>                                          
+        <b-alert variant="warning" show dismissible>
+          <strong>Achtung!</strong>
+          Bitte überprüfe alle deine Eingaben sehr genau. Du bist alleine
+          Verantwortlich für deine Entscheidungen. Versendete Gradidos können
+          nicht wieder zurück geholt werden.
+        </b-alert>
+        <b-card class="p-0 p-md-3">
+          <b-alert show variant="secondary">
+            <span class="alert-text">
+              <strong>QR Code Scanner</strong>
+              - Scanne den QR Code deines Partners
+            </span>
+            <b-col v-show="!scan" lg="12" class="text-right ">
+              <img
+                src="/img/icons/gradido/qr-scan-pure.png"
+                height="50"
+                @click="scan = true"
+              />
+            </b-col>
+            <b-alert v-show="scan" show variant="warning">
+              <span class="alert-text" @click="scan = false">
+                <strong>schließen!</strong>
+              </span>
+            </b-alert>
+            <div v-if="scan">
+              <!-- <b-row>                                          
                     <qrcode-capture @detect="onDetect"  capture="user" ></qrcode-capture>                     
-                </b-row> -->                     
-                 
-                  <qrcode-stream class="mt-3" @decode="onDecode" @detect="onDetect" ></qrcode-stream>
+                </b-row> -->
 
-                  <b-container >
-                    <b-row>
-                      <b-col lg="8">
-                         <b-alert show  variant="secondary">                        
-                            <span class="alert-text"><strong>QR Code Scanner</strong> - Scanne den QR Code deines Partners</span>
-                        </b-alert>
-                      </b-col>
-                       
-                    </b-row>
-                  </b-container>                 
+              <qrcode-stream
+                class="mt-3"
+                @decode="onDecode"
+                @detect="onDetect"
+              ></qrcode-stream>
+
+              <b-container>
+                <b-row>
+                  <b-col lg="8">
+                    <b-alert show variant="secondary">
+                      <span class="alert-text">
+                        <strong>QR Code Scanner</strong>
+                        - Scanne den QR Code deines Partners
+                      </span>
+                    </b-alert>
+                  </b-col>
+                </b-row>
+              </b-container>
+            </div>
+          </b-alert>
+
+          <validation-observer v-slot="{ handleSubmit }" ref="formValidator">
+            <b-form
+              role="form"
+              @submit.prevent="handleSubmit(onSubmit)"
+              @reset="onReset"
+              v-if="show"
+            >
+              <br />
+              <div>
+                <qrcode-drop-zone
+                  id="input-0"
+                  v-model="form.img"
+                ></qrcode-drop-zone>
               </div>
-                        </b-alert> 
-            
+              <br />
+              <div>
+                <b-col class="text-left p-3 p-sm-1">
+                  Empfänger
+                </b-col>
 
-           
+                <b-input-group
+                  id="input-group-1"
+                  label="Empfänger:"
+                  label-for="input-1"
+                  description="We'll never share your email with anyone else."
+                  size="lg"
+                  class="mb-3"
+                >
+                  <b-input-group-prepend class="p-3 d-none d-md-block  ">
+                    <b-icon icon="envelope" class="display-3"></b-icon>
+                  </b-input-group-prepend>
+                  <b-form-input
+                    id="input-1"
+                    v-model="form.email"
+                    type="email"
+                    placeholder="E-Mail"
+                    :rules="{ required: true, email: true }"
+                    required
+                    style="font-size: xx-large; padding-left:20px"
+                  ></b-form-input>
+                </b-input-group>
+              </div>
+              <br />
+              <div>
+                <b-col class="text-left p-3 p-sm-1">
+                  Betrag
+                </b-col>
+                <b-col
+                  v-if="$store.state.user.balance == form.amount"
+                  class="text-right"
+                >
+                  <b-badge variant="primary">
+                    maximale anzahl GDD zum versenden erreicht!
+                  </b-badge>
+                </b-col>
+                <b-input-group
+                  id="input-group-2"
+                  label="Betrag:"
+                  label-for="input-2"
+                  size="lg"
+                  class="mb-3"
+                >
+                  <b-input-group-prepend class="p-2 d-none d-md-block  ">
+                    <div class="h3 pt-3 pr-3">GDD</div>
+                  </b-input-group-prepend>
+                  <b-form-input
+                    id="input-2"
+                    v-model="form.amount"
+                    type="number"
+                    placeholder="0.01"
+                    step="0.01"
+                    min="0.01"
+                    :max="$store.state.user.balance"
+                    style="font-size: xx-large; padding-left:20px"
+                  ></b-form-input>
+                </b-input-group>
+                <b-col class="text-left p-3 p-sm-1">
+                  Nachricht für den Empfänger
+                </b-col>
 
-              <validation-observer v-slot="{handleSubmit}" ref="formValidator">             
-                <b-form  role="form" @submit.prevent="handleSubmit(onSubmit)" @reset="onReset" v-if="show">                     
-                  <br>
-                  <div >
-                  <qrcode-drop-zone id="input-0" v-model="form.img" ></qrcode-drop-zone>
-                  </div>
-                  <br>
-                  <div>
-                     <b-col  class="text-left p-3 p-sm-1">
-                       Empfänger                            
-                          </b-col>  
-                                      
-                    <b-input-group
-                      id="input-group-1"
-                        label="Empfänger:"
-                        label-for="input-1"
-                        description="We'll never share your email with anyone else."
-                          size="lg"
-                        class="mb-3"
-                        >
-                          <b-input-group-prepend  class="p-3 d-none d-md-block  ">                            
-                                 <b-icon icon="envelope" class="display-3"></b-icon>                            
-                          </b-input-group-prepend>
-                      <b-form-input 
-                          id="input-1"
-                          v-model="form.email"
-                          type="email"
-                          placeholder="E-Mail"
-                          :rules="{required: true, email: true}"
-                          required
-                          style="font-size: xx-large; padding-left:20px"></b-form-input>
-                    </b-input-group>
-                  </div>
-                  <br>                
-                  <div>
-                    <b-col    class="text-left p-3 p-sm-1">
-                      Betrag
-                            
-                          </b-col> 
-                      <b-col v-if="($store.state.user.balance == form.amount)"  class="text-right">
-                            <b-badge variant="primary">maximale anzahl GDD zum versenden erreicht!</b-badge>
-                          </b-col>   
-                    <b-input-group id="input-group-2" label="Betrag:" label-for="input-2"
-                      size="lg"
-                      class="mb-3"> 
-                        <b-input-group-prepend class="p-2 d-none d-md-block  ">
-                           <div class="h3 pt-3 pr-3">GDD</div>
-                           
-                        </b-input-group-prepend>
-                        <b-form-input  
-                          id="input-2"                          
-                          v-model="form.amount"
-                          type="number" 
-                          placeholder="0.01" 
-                          step="0.01" 
-                          min="0.01" 
-                          :max="$store.state.user.balance"
-                          style="font-size: xx-large; padding-left:20px">
-                        </b-form-input>
-                    </b-input-group>  
-                     <b-col    class="text-left p-3 p-sm-1">
-                       Nachricht für den Empfänger
-                          </b-col>         
-                          
-                    <b-input-group>
-                      <b-input-group-prepend class="p-3 d-none d-md-block ">                        
-                           <b-icon icon="chat-right-text" class="display-3"></b-icon>
-                      </b-input-group-prepend>
-                      <b-form-textarea rows="3"  v-model="form.memo"  class="pl-3" style="font-size: x-large;" ></b-form-textarea>
-                    </b-input-group>
- 
-                  </div>
-                  
-                  <br>
-                  <b-row>
-                    <b-col> <b-button type="reset" variant="secondary">{{$t('form.cancel')}}</b-button></b-col>
-                   <b-col  class="text-right">  <b-button type="submit" variant="success">{{$t('form.send_now')}}</b-button></b-col>
-                  </b-row>
-                
-                 
-                  <br>
-                </b-form> 
-              </validation-observer>
-            </b-card>
-          
-        </b-col>
+                <b-input-group>
+                  <b-input-group-prepend class="p-3 d-none d-md-block ">
+                    <b-icon icon="chat-right-text" class="display-3"></b-icon>
+                  </b-input-group-prepend>
+                  <b-form-textarea
+                    rows="3"
+                    v-model="form.memo"
+                    class="pl-3"
+                    style="font-size: x-large;"
+                  ></b-form-textarea>
+                </b-input-group>
+              </div>
+
+              <br />
+              <b-row>
+                <b-col>
+                  <b-button type="reset" variant="secondary">
+                    {{ $t("form.cancel") }}
+                  </b-button>
+                </b-col>
+                <b-col class="text-right">
+                  <b-button type="submit" variant="success">
+                    {{ $t("form.send_now") }}
+                  </b-button>
+                </b-col>
+              </b-row>
+
+              <br />
+            </b-form>
+          </validation-observer>
+        </b-card>
+      </b-col>
     </b-row>
   </div>
 </template>
 
 <script>
-import { QrcodeStream, QrcodeDropZone /*, QrcodeCapture*/ } from 'vue-qrcode-reader'
-import { BIcon } from 'bootstrap-vue'
+import {
+  QrcodeStream,
+  QrcodeDropZone /*, QrcodeCapture*/
+} from "vue-qrcode-reader";
+import { BIcon } from "bootstrap-vue";
 
 export default {
-  name: 'GddSent',
+  name: "GddSent",
   components: {
-        QrcodeStream,
-        QrcodeDropZone,
-       // QrcodeCapture,
-        BIcon
-     },
-  data(){
+    QrcodeStream,
+    QrcodeDropZone,
+    // QrcodeCapture,
+    BIcon
+  },
+  data() {
     return {
-       scan: false,
-       show: true,
-       form: {
-          img: '',
-          email: '',
-          amount: '',
-          memo:''     
-        },
-        sent: false,
-    }
+      scan: false,
+      show: true,
+      form: {
+        img: "",
+        email: "",
+        amount: "",
+        memo: ""
+      },
+      sent: false
+    };
   },
   methods: {
-    sendbutton(){
-      this.sent = true
+    sendbutton() {
+      this.sent = true;
     },
-     async onDecode (decodedString) {
-           console.log('onDecode JSON.parse(decodedString)',JSON.parse(decodedString) )
-           const arr = JSON.parse(decodedString) 
-           console.log('qr-email',arr[0].email )
-           console.log('qr-amount',arr[0].amount )
+    async onDecode(decodedString) {
+      console.log(
+        "onDecode JSON.parse(decodedString)",
+        JSON.parse(decodedString)
+      );
+      const arr = JSON.parse(decodedString);
+      console.log("qr-email", arr[0].email);
+      console.log("qr-amount", arr[0].amount);
 
-           this.form.email = arr[0].email
-           this.form.amount1 = arr[0].amount
-
-      },
-      async onDetect (promise) {
-        try {
-          const {
-            imageData,    // raw image data of image/frame
-            content,      // decoded String
-            location      // QR code coordinates
-          } = await promise
-           // console.log('onDetect promise',promise)
-            //console.log('JSON.parse(decodedString)',JSON.parse(promise) )
-            const arr = JSON.parse(decodedString) 
-        } catch (error) {
-          // ...
-        }
-      },
-      async onSubmit() {
-        //event.preventDefault()
-        //console.log("onSubmit", this.form)
-        this.$store.state.ajaxCreateData.session_id = this.$cookies.get('gdd_session_id')
-        this.$store.state.ajaxCreateData.email = this.form.email
-        this.$store.state.ajaxCreateData.amount = this.form.amount
-        this.$store.state.ajaxCreateData.memo = this.form.memo
-        this.$store.state.ajaxCreateData.target_date =  Date.now()
-
-        this.$store.dispatch('ajaxCreate')
-      },
-      onReset(event) {
-        event.preventDefault()
-        this.form.email = ''
-        this.form.amount = ''  
-        this.show = false
-        this.$nextTick(() => {
-          this.show = true
-        })
+      this.form.email = arr[0].email;
+      this.form.amount1 = arr[0].amount;
+    },
+    async onDetect(promise) {
+      try {
+        const {
+          imageData, // raw image data of image/frame
+          content, // decoded String
+          location // QR code coordinates
+        } = await promise;
+        // console.log('onDetect promise',promise)
+        //console.log('JSON.parse(decodedString)',JSON.parse(promise) )
+        const arr = JSON.parse(decodedString);
+      } catch (error) {
+        // ...
       }
+    },
+    async onSubmit() {
+      //event.preventDefault()
+      //console.log("onSubmit", this.form)
+      this.$store.state.ajaxCreateData.session_id = this.$cookies.get(
+        "gdd_session_id"
+      );
+      this.$store.state.ajaxCreateData.email = this.form.email;
+      this.$store.state.ajaxCreateData.amount = this.form.amount;
+      this.$store.state.ajaxCreateData.memo = this.form.memo;
+      this.$store.state.ajaxCreateData.target_date = Date.now();
+
+      this.$store.dispatch("ajaxCreate");
+    },
+    onReset(event) {
+      event.preventDefault();
+      this.form.email = "";
+      this.form.amount = "";
+      this.show = false;
+      this.$nextTick(() => {
+        this.show = true;
+      });
+    }
   },
-   computed: {
-      state() {
-        return this.name.length >= 4
-      },
-      invalidFeedback() {
-        if (this.name.length > 0) {
-          return 'Geben Sie mindestens 4 Zeichen ein.'
-        }
-        return 'Bitte geben Sie eine GDD Adresse ein.'
+  computed: {
+    state() {
+      return this.name.length >= 4;
+    },
+    invalidFeedback() {
+      if (this.name.length > 0) {
+        return "Geben Sie mindestens 4 Zeichen ein.";
       }
-    }  
+      return "Bitte geben Sie eine GDD Adresse ein.";
+    }
+  }
 };
 </script>
 <style>
@@ -221,4 +267,4 @@ video {
   max-height: 665px;
   max-width: 665px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/views/KontoOverview/GddStatus.vue b/frontend/src/views/KontoOverview/GddStatus.vue
index f16631244..681e416f9 100644
--- a/frontend/src/views/KontoOverview/GddStatus.vue
+++ b/frontend/src/views/KontoOverview/GddStatus.vue
@@ -1,27 +1,26 @@
 <template>
   <div>
     <b-row>
-        <b-col xl="6" md="6">
-          <stats-card type="gradient-red"
-                      sub-title="balance_gdd"
-                      class="mb-4 h1">
-              {{ $n($store.state.user.balance) }} GDD
-          </stats-card>
-        </b-col>
-        <b-col xl="6" md="6">
-          <stats-card type="gradient-orange"
-                      sub-title="balance_gdt"
-                      class="mb-4 h1">
-              {{  $n($store.state.user.balance_gdt) }} GDT 
-          </stats-card>
-        </b-col>
-      </b-row>
-      
+      <b-col xl="6" md="6">
+        <stats-card type="gradient-red" sub-title="balance_gdd" class="mb-4 h1">
+          {{ $n($store.state.user.balance) }} GDD
+        </stats-card>
+      </b-col>
+      <b-col xl="6" md="6">
+        <stats-card
+          type="gradient-orange"
+          sub-title="balance_gdt"
+          class="mb-4 h1"
+        >
+          {{ $n($store.state.user.balance_gdt) }} GDT
+        </stats-card>
+      </b-col>
+    </b-row>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'GddStatus'
+  name: "GddStatus"
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/KontoOverview/GddTable.vue b/frontend/src/views/KontoOverview/GddTable.vue
index deafcdda8..f19341bc6 100644
--- a/frontend/src/views/KontoOverview/GddTable.vue
+++ b/frontend/src/views/KontoOverview/GddTable.vue
@@ -1,93 +1,154 @@
 <template>
   <div>
-  
-        <b-list-group > 
-          <b-list-group-item v-for="item in filteredItems" :key="item.id" style="background-color:#ebebeba3 !important;"> 
-          <div class="d-flex w-100 justify-content-between"  @click="toogle(item)" >
-            <b-icon v-if="item.type === 'send'" icon="box-arrow-left"   class="m-1"  font-scale="2" style="color:red"></b-icon>
-            <b-icon v-else icon="box-arrow-right" class="m-1"  font-scale="2" style="color:green" ></b-icon>       
-              <h1 class="mb-1">{{ $n((item.balance/10000)) }} <small>GDD</small></h1>
-              <h2 class="text-muted">{{item.name}}</h2>
-                <b-button v-b-toggle="'a'+item.transaction_id" variant="secondary"><b>i</b></b-button>
-            </div>
-             <b-collapse :id="'a'+item.transaction_id" class="mt-2">
-              <b-card>
-                <b-list-group>
-                  <b-list-group-item> <b-badge class="mr-4" variant="primary" pill>name</b-badge>{{item.name}}</b-list-group-item>
-                  <b-list-group-item> <b-badge class="mr-4" variant="primary" pill>type</b-badge>{{item.type}}</b-list-group-item>
-                  <b-list-group-item> <b-badge class="mr-5" variant="primary" pill>id</b-badge>{{item.transaction_id}}</b-list-group-item>
-                  <b-list-group-item> <b-badge class="mr-4" variant="primary" pill>date</b-badge>{{item.date}}</b-list-group-item>
-                  <b-list-group-item> <b-badge class="mr-4" variant="primary" pill>gdd</b-badge>{{item.balance}}</b-list-group-item>
-                  <b-list-group-item> <b-badge class="mr-4" variant="primary" pill>memo</b-badge>{{item.memo}}</b-list-group-item>
-                </b-list-group>
-                <b-button v-b-toggle="'collapse-1-inner'+ item.transaction_id"  variant="secondary">{{$t('transaction.more')}}</b-button>
-                <b-collapse :id="'collapse-1-inner'+ item.transaction_id" class="mt-2">
-                  <b-card>{{item}}</b-card>
-                </b-collapse>
-              </b-card>
+    <b-list-group>
+      <b-list-group-item
+        v-for="item in filteredItems"
+        :key="item.id"
+        style="background-color:#ebebeba3 !important;"
+      >
+        <div class="d-flex w-100 justify-content-between" @click="toogle(item)">
+          <b-icon
+            v-if="item.type === 'send'"
+            icon="box-arrow-left"
+            class="m-1"
+            font-scale="2"
+            style="color:red"
+          ></b-icon>
+          <b-icon
+            v-else
+            icon="box-arrow-right"
+            class="m-1"
+            font-scale="2"
+            style="color:green"
+          ></b-icon>
+          <h1 class="mb-1">
+            {{ $n(item.balance / 10000) }}
+            <small>GDD</small>
+          </h1>
+          <h2 class="text-muted">{{ item.name }}</h2>
+          <b-button v-b-toggle="'a' + item.transaction_id" variant="secondary">
+            <b>i</b>
+          </b-button>
+        </div>
+        <b-collapse :id="'a' + item.transaction_id" class="mt-2">
+          <b-card>
+            <b-list-group>
+              <b-list-group-item>
+                <b-badge class="mr-4" variant="primary" pill>name</b-badge>
+                {{ item.name }}
+              </b-list-group-item>
+              <b-list-group-item>
+                <b-badge class="mr-4" variant="primary" pill>type</b-badge>
+                {{ item.type }}
+              </b-list-group-item>
+              <b-list-group-item>
+                <b-badge class="mr-5" variant="primary" pill>id</b-badge>
+                {{ item.transaction_id }}
+              </b-list-group-item>
+              <b-list-group-item>
+                <b-badge class="mr-4" variant="primary" pill>date</b-badge>
+                {{ item.date }}
+              </b-list-group-item>
+              <b-list-group-item>
+                <b-badge class="mr-4" variant="primary" pill>gdd</b-badge>
+                {{ item.balance }}
+              </b-list-group-item>
+              <b-list-group-item>
+                <b-badge class="mr-4" variant="primary" pill>memo</b-badge>
+                {{ item.memo }}
+              </b-list-group-item>
+            </b-list-group>
+            <b-button
+              v-b-toggle="'collapse-1-inner' + item.transaction_id"
+              variant="secondary"
+            >
+              {{ $t("transaction.more") }}
+            </b-button>
+            <b-collapse
+              :id="'collapse-1-inner' + item.transaction_id"
+              class="mt-2"
+            >
+              <b-card>{{ item }}</b-card>
             </b-collapse>
-          </b-list-group-item>
-           <b-list-group-item v-show="this.$route.path == '/overview'">
-                <b-alert v-if="count < 5" show variant="secondary" v-html="$t('transaction.show_part', {'count':count} )"></b-alert>
-              <router-link else to="/transactions"  v-html="$t('transaction.show_all', {'count':count})"> </router-link>  
-            </b-list-group-item>
-          
- 
-        </b-list-group>
-
+          </b-card>
+        </b-collapse>
+      </b-list-group-item>
+      <b-list-group-item v-show="this.$route.path == '/overview'">
+        <b-alert
+          v-if="count < 5"
+          show
+          variant="secondary"
+          v-html="$t('transaction.show_part', { count: count })"
+        ></b-alert>
+        <router-link
+          else
+          to="/transactions"
+          v-html="$t('transaction.show_all', { count: count })"
+        ></router-link>
+      </b-list-group-item>
+    </b-list-group>
   </div>
 </template>
 
 <script>
-import axios from 'axios';
-import communityAPI from '../../apis/communityAPI'
- 
+import axios from "axios";
+import communityAPI from "../../apis/communityAPI";
+
 export default {
-  name: 'GddTable',  
-  data(){
+  name: "GddTable",
+  data() {
     return {
-        form: [],
-        fields: [ 'balance', 'date', 'memo', 'name', 'transaction_id', 'type','details'],       
-        items: [],
-        count: 0
+      form: [],
+      fields: [
+        "balance",
+        "date",
+        "memo",
+        "name",
+        "transaction_id",
+        "type",
+        "details"
+      ],
+      items: [],
+      count: 0
     };
   },
 
-    async created() {
-     const result = await communityAPI.transactions(this.$store.state.session_id)
+  async created() {
+    const result = await communityAPI.transactions(
+      this.$store.state.session_id
+    );
 
-     if( result.success ){
-        this.$store.state.user.balance_gdt =  result.result.data.gdtSum
-        this.items = result.result.data.transactions
-        this.count = result.result.data.count
-     } else {
-        console.log('error',result)
-     }
-   },
+    if (result.success) {
+      this.$store.state.user.balance_gdt = result.result.data.gdtSum;
+      this.items = result.result.data.transactions;
+      this.count = result.result.data.count;
+    } else {
+      console.log("error", result);
+    }
+  },
   computed: {
-  filteredItems(a) {
-    // console.log("filteredItems date",a.items)
-    return a.items
-    
-  }
-},
+    filteredItems(a) {
+      // console.log("filteredItems date",a.items)
+      return a.items;
+    }
+  },
   methods: {
-     rowClass(item, type) {
-        if (!item || type !== 'row') return
-        if (item.type === 'receive') return 'table-success'
-        if (item.type === 'send') return 'table-warning'
-        if (item.type === 'creation') return 'table-primary'
-      },
-      toogle(item) {
-        const temp = '<b-collapse visible v-bind:id="item.id">xxx <small class="text-muted">porta</small></b-collapse>'
-
-      }
-  } 
+    rowClass(item, type) {
+      if (!item || type !== "row") return;
+      if (item.type === "receive") return "table-success";
+      if (item.type === "send") return "table-warning";
+      if (item.type === "creation") return "table-primary";
+    },
+    toogle(item) {
+      const temp =
+        '<b-collapse visible v-bind:id="item.id">xxx <small class="text-muted">porta</small></b-collapse>';
+    }
+  }
 };
 </script>
 <style>
-.el-table .cell{
+.el-table .cell {
   padding-left: 0px;
   padding-right: 0px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/views/KontoOverview/GddWorkTable.vue b/frontend/src/views/KontoOverview/GddWorkTable.vue
index ca4d70725..e4f332651 100644
--- a/frontend/src/views/KontoOverview/GddWorkTable.vue
+++ b/frontend/src/views/KontoOverview/GddWorkTable.vue
@@ -1,47 +1,83 @@
 <template>
   <div>
-      <b-list-group > 
-        <b-list-group-item v-for="item in items" :key="item.id"> 
-        <div class="d-flex w-100 justify-content-between"  @click="toogle(item)" >
-          <b-icon v-if="item.status == 'submitted'" icon="clock-history"   class="m-1"  font-scale="2" style="color:orange"></b-icon>
-          <b-icon v-else icon="check2-all" class="m-1"  font-scale="2" style="color:green" ></b-icon>                
-            <h2 class="text-muted"><small>{{item.datel}}</small> - {{item.text}}</h2>
-          </div>
-        </b-list-group-item>
-      </b-list-group>
+    <b-list-group>
+      <b-list-group-item v-for="item in items" :key="item.id">
+        <div class="d-flex w-100 justify-content-between" @click="toogle(item)">
+          <b-icon
+            v-if="item.status == 'submitted'"
+            icon="clock-history"
+            class="m-1"
+            font-scale="2"
+            style="color:orange"
+          ></b-icon>
+          <b-icon
+            v-else
+            icon="check2-all"
+            class="m-1"
+            font-scale="2"
+            style="color:green"
+          ></b-icon>
+          <h2 class="text-muted">
+            <small>{{ item.datel }}</small>
+            - {{ item.text }}
+          </h2>
+        </div>
+      </b-list-group-item>
+    </b-list-group>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'GddWorkTable',  
-  data(){
+  name: "GddWorkTable",
+  data() {
     return {
-        form: [],        
-        items: [
-          {  id: 1, text: 'Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ', datel: '12.12.2020 14:04', status: 'submitted' },
-          {  id: 2, text: 'Larsen Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ', datel: '22.06.2020 22:23', status: 'submitted'  },
-          {  id: 3, text: 'Geneva Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ',  datel: '15.04.2020 12:55', status: 'confirmed' },
-          {  id: 4, text: 'Community Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ', datel: '10.03.2020 18:20', status: 'confirmed'}
-        ]      
+      form: [],
+      items: [
+        {
+          id: 1,
+          text: "Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ",
+          datel: "12.12.2020 14:04",
+          status: "submitted"
+        },
+        {
+          id: 2,
+          text: "Larsen Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ",
+          datel: "22.06.2020 22:23",
+          status: "submitted"
+        },
+        {
+          id: 3,
+          text: "Geneva Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ",
+          datel: "15.04.2020 12:55",
+          status: "confirmed"
+        },
+        {
+          id: 4,
+          text: "Community Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ",
+          datel: "10.03.2020 18:20",
+          status: "confirmed"
+        }
+      ]
     };
   },
   methods: {
-     rowClass(item, type) {
-        if (!item || type !== 'row') return
-        if (item.status === 'received') return 'table-success'
-        if (item.status === 'sent') return 'table-warning'
-        if (item.status === 'earned') return 'table-primary'
-      },
-      toogle(item) {
-        const temp = '<b-collapse visible v-bind:id="item.id">xxx <small class="text-muted">porta</small></b-collapse>'
-      }
+    rowClass(item, type) {
+      if (!item || type !== "row") return;
+      if (item.status === "received") return "table-success";
+      if (item.status === "sent") return "table-warning";
+      if (item.status === "earned") return "table-primary";
+    },
+    toogle(item) {
+      const temp =
+        '<b-collapse visible v-bind:id="item.id">xxx <small class="text-muted">porta</small></b-collapse>';
+    }
   }
 };
 </script>
 <style>
-.el-table .cell{
+.el-table .cell {
   padding-left: 0px;
   padding-right: 0px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/views/KontoOverview/default.vue b/frontend/src/views/KontoOverview/default.vue
index ff235e796..9e0089aaa 100644
--- a/frontend/src/views/KontoOverview/default.vue
+++ b/frontend/src/views/KontoOverview/default.vue
@@ -6,14 +6,11 @@
 
 <script>
 export default {
-  name: 'default',
-  data(){
-    return {      
-    };
+  name: "default",
+  data() {
+    return {};
   },
-  methods: {
-  },
-  watch: {
-  }
+  methods: {},
+  watch: {}
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/Landing.vue b/frontend/src/views/Landing.vue
index 4238d9a88..0d179f077 100644
--- a/frontend/src/views/Landing.vue
+++ b/frontend/src/views/Landing.vue
@@ -3,7 +3,7 @@
     <!-- Header -->
     <div class="header bg-gradient-info py-7 py-lg-8 pt-lg-9">
       <b-container>
-        <div class="header-body text-center mb-7"> 
+        <div class="header-body text-center mb-7">
           <p class="h1">GRADIDO</p>
           <p class="h4">Wallet</p>
           <!-- <b-row class="justify-content-center">
@@ -17,116 +17,181 @@
               <router-link to="/register" class="font-weight-bold text-white mt-5"> Register</router-link>
             </b-col>
           </b-row> -->
-          <hr>
+          <hr />
           <p class="lead">
             Anmelden
           </p>
 
-            <b-row class="justify-content-center">
+          <b-row class="justify-content-center">
             <b-col xl="5" lg="6" md="6" class="px-5">
-             <form @submit.prevent="login">
- 
+              <form @submit.prevent="login">
                 <b-row class="form-group">
-                  <label for="example-email-input" class="col-md-2 col-form-label form-control-label">Email</label>
+                  <label
+                    for="example-email-input"
+                    class="col-md-2 col-form-label form-control-label"
+                  >
+                    Email
+                  </label>
                   <b-col md="10">
-                    <base-input type="email" autocomplete="username email" placeholder="argon@example.com" v-model="lemail"/>
+                    <base-input
+                      type="email"
+                      autocomplete="username email"
+                      placeholder="argon@example.com"
+                      v-model="lemail"
+                    />
                   </b-col>
                 </b-row>
- 
+
                 <b-row class="form-group">
-                  <label for="example-password-input"
-                        class="col-md-2 col-form-label form-control-label">Password</label>
+                  <label
+                    for="example-password-input"
+                    class="col-md-2 col-form-label form-control-label"
+                  >
+                    Password
+                  </label>
                   <b-col md="10">
-                    <base-input type="password" autocomplete="current-password" placeholder="password" v-model="lpwd"/>
+                    <base-input
+                      type="password"
+                      autocomplete="current-password"
+                      placeholder="password"
+                      v-model="lpwd"
+                    />
                   </b-col>
                 </b-row>
- 
-                <b-button block type="submit" >Anmelden</b-button>
+
+                <b-button block type="submit">Anmelden</b-button>
               </form>
             </b-col>
           </b-row>
 
-      <hr>
-      <p class="lead">
-        neues Mitglied anlegen
-      </p>
+          <hr />
+          <p class="lead">
+            neues Mitglied anlegen
+          </p>
 
-       <b-row class="justify-content-center">
+          <b-row class="justify-content-center">
             <b-col xl="5" lg="6" md="6" class="px-5">
-             <form>
-              <b-row class="form-group">
-                <label class="col-md-2 col-form-label form-control-label">Vorname</label>
-                <b-col md="10">
-                  <base-input placeholder="Jon "  v-model="rfname"></base-input>
-                </b-col>
-              </b-row>
-              <b-row class="form-group">
-                <label class="col-md-2 col-form-label form-control-label">Nachname</label>
-                <b-col md="10">
-                  <base-input placeholder=" Snow"  v-model="rlname"></base-input>
-                </b-col>
-              </b-row>
-              <b-row class="form-group">
-                <label for="example-email-input" class="col-md-2 col-form-label form-control-label">Email</label>
-                <b-col md="10">
-                  <base-input type="email" autocomplete="username email" placeholder="argon@example.com" v-model="remail"/>
-                </b-col>
-              </b-row>
-            
-              <b-row class="form-group">
-                <label for="example-password-input"
-                      class="col-md-2 col-form-label form-control-label">Password</label>
-                <b-col md="10">
-                  <base-input type="password" autocomplete="current-password" placeholder="password" v-model="rpwd"/>
-                </b-col>
-              </b-row>            
-            </form>
-             <b-button block type="submit" @click="createUser()">Anmelden</b-button>
+              <form>
+                <b-row class="form-group">
+                  <label class="col-md-2 col-form-label form-control-label">
+                    Vorname
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      placeholder="Jon "
+                      v-model="rfname"
+                    ></base-input>
+                  </b-col>
+                </b-row>
+                <b-row class="form-group">
+                  <label class="col-md-2 col-form-label form-control-label">
+                    Nachname
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      placeholder=" Snow"
+                      v-model="rlname"
+                    ></base-input>
+                  </b-col>
+                </b-row>
+                <b-row class="form-group">
+                  <label
+                    for="example-email-input"
+                    class="col-md-2 col-form-label form-control-label"
+                  >
+                    Email
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      type="email"
+                      autocomplete="username email"
+                      placeholder="argon@example.com"
+                      v-model="remail"
+                    />
+                  </b-col>
+                </b-row>
+
+                <b-row class="form-group">
+                  <label
+                    for="example-password-input"
+                    class="col-md-2 col-form-label form-control-label"
+                  >
+                    Password
+                  </label>
+                  <b-col md="10">
+                    <base-input
+                      type="password"
+                      autocomplete="current-password"
+                      placeholder="password"
+                      v-model="rpwd"
+                    />
+                  </b-col>
+                </b-row>
+              </form>
+              <b-button block type="submit" @click="createUser()">
+                Anmelden
+              </b-button>
             </b-col>
           </b-row>
-    
         </div>
       </b-container>
       <div class="separator separator-bottom separator-skew zindex-100">
-        <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
-          <polygon class="fill-default" points="2560 0 2560 100 0 100"></polygon>
+        <svg
+          x="0"
+          y="0"
+          viewBox="0 0 2560 100"
+          preserveAspectRatio="none"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <polygon
+            class="fill-default"
+            points="2560 0 2560 100 0 100"
+          ></polygon>
         </svg>
       </div>
     </div>
     <!-- Page content -->
-  
   </div>
 </template>
 <script>
 // Components
 
 export default {
-  name: 'Landing',
-  data(){
+  name: "Landing",
+  data() {
     return {
-      lemail: '',
-      lpwd: '',
-      rfname: '',
-      rlname: '',
-      remail: '',
-      rpwd: ''
-    }
+      lemail: "",
+      lpwd: "",
+      rfname: "",
+      rlname: "",
+      remail: "",
+      rpwd: ""
+    };
   },
-   methods: {
+  methods: {
     login() {
       //if (this.lemail !== '' || this.lpwd !== '') { // TODO this should be done via form validation
-      this.$store.dispatch('login', {email: this.lemail, password: this.lpwd})   
+      this.$store.dispatch("login", {
+        email: this.lemail,
+        password: this.lpwd
+      });
       //}
     },
     createUser() {
-      this.$store.dispatch('createUser', {email:this.remail, first_name:this.rfname, last_name:this.rlname, password:this.rpwd})            
+      this.$store.dispatch("createUser", {
+        email: this.remail,
+        first_name: this.rfname,
+        last_name: this.rlname,
+        password: this.rpwd
+      });
     },
-    loginAsAdmin () {      
-       console.log("app.vue admin login(): " + this.$store.state.is_admin)
-      this.modals = false
-      this.$store.commit('loginAsAdmin')
-      this.$router.push('/AdminOverview')   
+    loginAsAdmin() {
+      console.log("app.vue admin login(): " + this.$store.state.is_admin);
+      this.modals = false;
+      this.$store.commit("loginAsAdmin");
+      this.$router.push("/AdminOverview");
     }
-   }
+  }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/views/Layout/AdminLayout.vue b/frontend/src/views/Layout/AdminLayout.vue
index a21079d0a..173a8434b 100644
--- a/frontend/src/views/Layout/AdminLayout.vue
+++ b/frontend/src/views/Layout/AdminLayout.vue
@@ -7,51 +7,48 @@
           :link="{
             name: 'Kontoübersicht',
             path: '/overview',
-            icon: 'ni ni-tv-2 text-primary',
+            icon: 'ni ni-tv-2 text-primary'
           }"
-        >
-        </sidebar-item> 
+        ></sidebar-item>
         <sidebar-item
-              :link="{
-                name: 'User Profile',
-                path: '/profile',
-                icon: 'ni ni-single-02 text-yellow'
-                }">
-        </sidebar-item>
+          :link="{
+            name: 'User Profile',
+            path: '/profile',
+            icon: 'ni ni-single-02 text-yellow'
+          }"
+        ></sidebar-item>
         <sidebar-item
-                  :link="{
-                    name: 'Login',
-                    path: '/login',
-                    icon: 'ni ni-key-25 text-info'
-                  }">
-        </sidebar-item>
+          :link="{
+            name: 'Login',
+            path: '/login',
+            icon: 'ni ni-key-25 text-info'
+          }"
+        ></sidebar-item>
         <sidebar-item
-                  :link="{
-                    name: 'Register',
-                    path: '/register',
-                    icon: 'ni ni-circle-08 text-pink'
-                  }">
-        </sidebar-item>
+          :link="{
+            name: 'Register',
+            path: '/register',
+            icon: 'ni ni-circle-08 text-pink'
+          }"
+        ></sidebar-item>
       </template>
 
       <template slot="links-after">
-        <hr class="my-3">
+        <hr class="my-3" />
         <h6 class="navbar-heading p-0 text-muted">Community</h6>
 
         <b-nav class="navbar-nav mb-md-3">
-          <b-nav-item
-               href="https://gradido.net/de/" target="_blank"
-               >
-              <i class="ni ni-spaceship"></i>
-              <b-nav-text class="p-0">GRADIDO.net</b-nav-text>
+          <b-nav-item href="https://gradido.net/de/" target="_blank">
+            <i class="ni ni-spaceship"></i>
+            <b-nav-text class="p-0">GRADIDO.net</b-nav-text>
           </b-nav-item>
           <b-nav-item href="https://elopage.com/s/gradido/sign_in">
-              <i class="ni ni-palette"></i>
-              <b-nav-text class="p-0">Mitgliederbereich</b-nav-text>
+            <i class="ni ni-palette"></i>
+            <b-nav-text class="p-0">Mitgliederbereich</b-nav-text>
           </b-nav-item>
           <b-nav-item href="https://gradido.net/de/memberships/">
-              <i class="ni ni-ui-04"></i>
-              <b-nav-text class="p-0">Mitgliedschaft</b-nav-text>
+            <i class="ni ni-ui-04"></i>
+            <b-nav-text class="p-0">Mitgliedschaft</b-nav-text>
           </b-nav-item>
         </b-nav>
       </template>
@@ -70,49 +67,48 @@
   </div>
 </template>
 <script>
-  /* eslint-disable no-new */
-  import PerfectScrollbar from 'perfect-scrollbar';
-  import 'perfect-scrollbar/css/perfect-scrollbar.css';
+/* eslint-disable no-new */
+import PerfectScrollbar from "perfect-scrollbar";
+import "perfect-scrollbar/css/perfect-scrollbar.css";
 
-  function hasElement(className) {
-    return document.getElementsByClassName(className).length > 0;
+function hasElement(className) {
+  return document.getElementsByClassName(className).length > 0;
+}
+
+function initScrollbar(className) {
+  if (hasElement(className)) {
+    new PerfectScrollbar(`.${className}`);
+  } else {
+    // try to init it later in case this component is loaded async
+    setTimeout(() => {
+      initScrollbar(className);
+    }, 100);
   }
+}
 
-  function initScrollbar(className) {
-    if (hasElement(className)) {
-      new PerfectScrollbar(`.${className}`);
-    } else {
-      // try to init it later in case this component is loaded async
-      setTimeout(() => {
-        initScrollbar(className);
-      }, 100);
-    }
-  }
+import DashboardNavbar from "./DashboardNavbar.vue";
+import ContentFooter from "./ContentFooter.vue";
+import DashboardContent from "./Content.vue";
+import { FadeTransition } from "vue2-transitions";
 
-  import DashboardNavbar from './DashboardNavbar.vue';
-  import ContentFooter from './ContentFooter.vue';
-  import DashboardContent from './Content.vue';
-  import { FadeTransition } from 'vue2-transitions';
-
-  export default {
-    components: {
-      DashboardNavbar,
-      ContentFooter,
-      //DashboardContent,
-      FadeTransition
-    },
-    methods: {
-      initScrollbar() {
-        let isWindows = navigator.platform.startsWith('Win');
-        if (isWindows) {
-          initScrollbar('sidenav');
-        }
+export default {
+  components: {
+    DashboardNavbar,
+    ContentFooter,
+    //DashboardContent,
+    FadeTransition
+  },
+  methods: {
+    initScrollbar() {
+      let isWindows = navigator.platform.startsWith("Win");
+      if (isWindows) {
+        initScrollbar("sidenav");
       }
-    },
-    mounted() {
-      this.initScrollbar()
     }
-  };
+  },
+  mounted() {
+    this.initScrollbar();
+  }
+};
 </script>
-<style lang="scss">
-</style>
\ No newline at end of file
+<style lang="scss"></style>
diff --git a/frontend/src/views/Layout/AuthLayout.vue b/frontend/src/views/Layout/AuthLayout.vue
index 74f0066e7..3894e4722 100755
--- a/frontend/src/views/Layout/AuthLayout.vue
+++ b/frontend/src/views/Layout/AuthLayout.vue
@@ -9,54 +9,66 @@
     >
       <div slot="brand" class="navbar-wrapper">
         <b-navbar-brand to="/overview">
-          <img src="img/brand/white.png">
+          <img src="img/brand/white.png" />
         </b-navbar-brand>
       </div>
 
-     <template>
-       <div class="navbar-collapse-header">
-         <b-row>
-           <b-col cols="6" class="collapse-brand">
-             <router-link to="/overview">
-               <img src="img/brand/green.png">
-             </router-link>
-           </b-col>
-           <b-col cols="6" class="collapse-close">
-             <button type="button" class="navbar-toggler" @click="showMenu = false">
-               <span></span>
-               <span></span>
-             </button>
-           </b-col>
-         </b-row>
-       </div>
-         
-     </template>
+      <template>
+        <div class="navbar-collapse-header">
+          <b-row>
+            <b-col cols="6" class="collapse-brand">
+              <router-link to="/overview">
+                <img src="img/brand/green.png" />
+              </router-link>
+            </b-col>
+            <b-col cols="6" class="collapse-close">
+              <button
+                type="button"
+                class="navbar-toggler"
+                @click="showMenu = false"
+              >
+                <span></span>
+                <span></span>
+              </button>
+            </b-col>
+          </b-row>
+        </div>
+      </template>
     </base-nav>
 
     <div class="main-content">
-      <zoom-center-transition
-        :duration="pageTransitionDuration"
-        mode="out-in"
-      >
+      <zoom-center-transition :duration="pageTransitionDuration" mode="out-in">
         <router-view></router-view>
       </zoom-center-transition>
     </div>
 
     <footer class="py-5" id="footer-main">
-      <b-container >
+      <b-container>
         <b-row align-v="center" class="justify-content-xl-between">
           <b-col xl="6">
             <div class="copyright text-center text-xl-left text-muted">
-               © {{year}} <a href="https://gradido.net/" class="font-weight-bold ml-1" target="_blank">Gradido-Akademie</a>
+              © {{ year }}
+              <a
+                href="https://gradido.net/"
+                class="font-weight-bold ml-1"
+                target="_blank"
+              >
+                Gradido-Akademie
+              </a>
             </div>
           </b-col>
           <b-col xl="6" class="col-xl-6">
-            <b-nav class="nav-footer justify-content-center justify-content-lg-end">
+            <b-nav
+              class="nav-footer justify-content-center justify-content-lg-end"
+            >
               <b-nav-item ref="https://www.creative-tim.com" target="_blank">
                 Gradido
               </b-nav-item>
-              <b-nav-item href="https://www.creative-tim.com/presentation" target="_blank">
-               Impressum
+              <b-nav-item
+                href="https://www.creative-tim.com/presentation"
+                target="_blank"
+              >
+                Impressum
               </b-nav-item>
               <b-nav-item href="http://blog.creative-tim.com" target="_blank">
                 Datenschutzerklärung
@@ -69,108 +81,108 @@
   </div>
 </template>
 <script>
-  import { BaseNav } from '@/components';
-  import { ZoomCenterTransition } from 'vue2-transitions';
+import { BaseNav } from "@/components";
+import { ZoomCenterTransition } from "vue2-transitions";
 
-  export default {
-    components: {
-      BaseNav,
-      ZoomCenterTransition
+export default {
+  components: {
+    BaseNav,
+    ZoomCenterTransition
+  },
+  props: {
+    backgroundColor: {
+      type: String,
+      default: "black"
+    }
+  },
+  data() {
+    return {
+      showMenu: false,
+      menuTransitionDuration: 250,
+      pageTransitionDuration: 200,
+      year: new Date().getFullYear(),
+      pageClass: "login-page"
+    };
+  },
+  computed: {
+    title() {
+      return `${this.$route.name} Page`;
+    }
+  },
+  methods: {
+    toggleNavbar() {
+      document.body.classList.toggle("nav-open");
+      this.showMenu = !this.showMenu;
     },
-    props: {
-      backgroundColor: {
-        type: String,
-        default: 'black'
-      }
+    closeMenu() {
+      document.body.classList.remove("nav-open");
+      this.showMenu = false;
     },
-    data() {
-      return {
-        showMenu: false,
-        menuTransitionDuration: 250,
-        pageTransitionDuration: 200,
-        year: new Date().getFullYear(),
-        pageClass: 'login-page'
-      };
+    setBackgroundColor() {
+      document.body.classList.add("bg-default");
     },
-    computed: {
-      title() {
-        return `${this.$route.name} Page`;
-      }
+    removeBackgroundColor() {
+      document.body.classList.remove("bg-default");
     },
-    methods: {
-      toggleNavbar() {
-        document.body.classList.toggle('nav-open');
-        this.showMenu = !this.showMenu;
-      },
-      closeMenu() {
-        document.body.classList.remove('nav-open');
-        this.showMenu = false;
-      },
-      setBackgroundColor() {
-        document.body.classList.add('bg-default');
-      },
-      removeBackgroundColor() {
-        document.body.classList.remove('bg-default');
-      },
-      updateBackground() {
-        if (!this.$route.meta.noBodyBackground) {
-          this.setBackgroundColor();
-        } else {
-          this.removeBackgroundColor()
-        }
-      }
-    },
-    beforeDestroy() {
-      this.removeBackgroundColor();
-    },
-    beforeRouteUpdate(to, from, next) {
-      // Close the mobile menu first then transition to next page
-      if (this.showMenu) {
-        this.closeMenu();
-        setTimeout(() => {
-          next();
-        }, this.menuTransitionDuration);
+    updateBackground() {
+      if (!this.$route.meta.noBodyBackground) {
+        this.setBackgroundColor();
       } else {
-        next();
-      }
-    },
-    watch: {
-      $route: {
-        immediate: true,
-        handler: function () {
-          this.updateBackground()
-        }
+        this.removeBackgroundColor();
       }
     }
-  };
+  },
+  beforeDestroy() {
+    this.removeBackgroundColor();
+  },
+  beforeRouteUpdate(to, from, next) {
+    // Close the mobile menu first then transition to next page
+    if (this.showMenu) {
+      this.closeMenu();
+      setTimeout(() => {
+        next();
+      }, this.menuTransitionDuration);
+    } else {
+      next();
+    }
+  },
+  watch: {
+    $route: {
+      immediate: true,
+      handler: function() {
+        this.updateBackground();
+      }
+    }
+  }
+};
 </script>
 <style lang="scss">
-  $scaleSize: 0.8;
-  @keyframes zoomIn8 {
-    from {
-      opacity: 0;
-      transform: scale3d($scaleSize, $scaleSize, $scaleSize);
-    }
-    100% {
-      opacity: 1;
-    }
+$scaleSize: 0.8;
+@keyframes zoomIn8 {
+  from {
+    opacity: 0;
+    transform: scale3d($scaleSize, $scaleSize, $scaleSize);
   }
+  100% {
+    opacity: 1;
+  }
+}
 
-  .main-content .zoomIn {
-    animation-name: zoomIn8;
-  }
+.main-content .zoomIn {
+  animation-name: zoomIn8;
+}
 
-  @keyframes zoomOut8 {
-    from {
-      opacity: 1;
-    }
-    to {
-      opacity: 0;
-      transform: scale3d($scaleSize, $scaleSize, $scaleSize);
-    }
+@keyframes zoomOut8 {
+  from {
+    opacity: 1;
   }
+  to {
+    opacity: 0;
+    transform: scale3d($scaleSize, $scaleSize, $scaleSize);
+  }
+}
 
-  .main-content .zoomOut {
-    animation-name: zoomOut8;
-  }
+.main-content .zoomOut {
+  animation-name: zoomOut8;
+}
 </style>
diff --git a/frontend/src/views/Layout/AuthLayout_gdd.vue b/frontend/src/views/Layout/AuthLayout_gdd.vue
index daf99a384..fe597e3f5 100644
--- a/frontend/src/views/Layout/AuthLayout_gdd.vue
+++ b/frontend/src/views/Layout/AuthLayout_gdd.vue
@@ -1,48 +1,43 @@
 <template>
-  <div class="main-content">    
+  <div class="main-content">
     <template>
       <div class="main-content">
-        <router-view></router-view>   
-         <content-footer v-if="!$route.meta.hideFooter"></content-footer>
-          
-          
+        <router-view></router-view>
+        <content-footer v-if="!$route.meta.hideFooter"></content-footer>
       </div>
-     
-          
-       
     </template>
   </div>
 </template>
 <script>
-import ContentFooter from './ContentFooter.vue';
-  export default { 
-     components: {
-      ContentFooter
-    },
-    data() {
-      return {
-        year: new Date().getFullYear(),
-        pageClass: 'login-page'
-      };
-    },
-    computed: {
-      title() {
-        return `${this.$route.name} Page`;
-      }
-    },
-    methods: {
-      setLocale(locale) {
-        this.$i18n.locale = locale
-        //this.$router.push({
-        //  params: { lang: locale }
-        //})
-        //this.hideDropdown()
-      }
+import ContentFooter from "./ContentFooter.vue";
+export default {
+  components: {
+    ContentFooter
+  },
+  data() {
+    return {
+      year: new Date().getFullYear(),
+      pageClass: "login-page"
+    };
+  },
+  computed: {
+    title() {
+      return `${this.$route.name} Page`;
     }
-  };
+  },
+  methods: {
+    setLocale(locale) {
+      this.$i18n.locale = locale;
+      //this.$router.push({
+      //  params: { lang: locale }
+      //})
+      //this.hideDropdown()
+    }
+  }
+};
 </script>
 <style lang="scss">
- 
-.card { background-color:rgba(136, 130, 131, 0.3); }
- 
+.card {
+  background-color: rgba(136, 130, 131, 0.3);
+}
 </style>
diff --git a/frontend/src/views/Layout/Content.vue b/frontend/src/views/Layout/Content.vue
index 18790e542..2bd804c2e 100755
--- a/frontend/src/views/Layout/Content.vue
+++ b/frontend/src/views/Layout/Content.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="content">
-    <FadeTransition :duration="200" mode="out-in">
+    <fade-transition :duration="200" mode="out-in">
       <!-- your content here -->
       <router-view></router-view>
-    </FadeTransition>
+    </fade-transition>
   </div>
 </template>
 <script>
-import { FadeTransition } from 'vue2-transitions';
+import { FadeTransition } from "vue2-transitions";
 export default {
   components: {
     FadeTransition
diff --git a/frontend/src/views/Layout/ContentFooter.vue b/frontend/src/views/Layout/ContentFooter.vue
index 2c1686696..74c1ca07d 100755
--- a/frontend/src/views/Layout/ContentFooter.vue
+++ b/frontend/src/views/Layout/ContentFooter.vue
@@ -1,22 +1,29 @@
 <template>
   <footer class="footer px-4 bg-transparent">
     <b-row align-v="center" class="justify-content-lg-between">
-    <b-col><div class="copyright text-center text-lg-center text-muted">
-          © {{year}} <a href="#!" to="/login" class="font-weight-bold ml-1" >Gradido-Akademie</a>
-        </div></b-col>
-        
-        </b-row>
-      <b-row align-v="center" class="justify-content-lg-between" >
-        <b-col>
+      <b-col>
+        <div class="copyright text-center text-lg-center text-muted">
+          © {{ year }}
+          <a href="#!" to="/login" class="font-weight-bold ml-1">
+            Gradido-Akademie
+          </a>
+        </div>
+      </b-col>
+    </b-row>
+    <b-row align-v="center" class="justify-content-lg-between">
+      <b-col>
         <b-nav class="nav-footer justify-content-center">
           <b-nav-item ref="https://gradido.net/" target="_blank">
             Gradido
           </b-nav-item>
           <b-nav-item href="https://gradido.net/de/impressum/" target="_blank">
-           {{$t('imprint')}}
+            {{ $t("imprint") }}
           </b-nav-item>
-          <b-nav-item href="https://gradido.net/de/datenschutz/" target="_blank">
-            {{$t('privacy_policy')}}
+          <b-nav-item
+            href="https://gradido.net/de/datenschutz/"
+            target="_blank"
+          >
+            {{ $t("privacy_policy") }}
           </b-nav-item>
           <!--<b-nav-item href="#!" to="/explorer" >
             GDD-Explorer
@@ -24,14 +31,13 @@
         </b-nav>
       </b-col>
     </b-row>
-       
   </footer>
 </template>
 <script>
 export default {
   data() {
     return {
-      year: new Date().getFullYear(),
+      year: new Date().getFullYear()
     };
   }
 };
diff --git a/frontend/src/views/Layout/DashboardLayout.vue b/frontend/src/views/Layout/DashboardLayout.vue
index 375a91434..ef8a02598 100755
--- a/frontend/src/views/Layout/DashboardLayout.vue
+++ b/frontend/src/views/Layout/DashboardLayout.vue
@@ -2,29 +2,31 @@
   <div class="wrapper">
     <notifications></notifications>
     <side-bar>
-      <template slot="links" >
-       
-         <b-nav-item href="#!" to="/overview">
-               
-              <b-nav-text class="p-0 text-lg text-muted">{{ $t('sent')}}</b-nav-text>
-          </b-nav-item>
-           <b-nav-item href="#!" to="/transactions">             
-              <b-nav-text class="p-0 text-lg text-muted">Transaktionen</b-nav-text>
-          </b-nav-item>
-         <b-nav-item href="#!" to="/profile">
-             
-              <b-nav-text class="p-0 text-lg text-muted">{{ $t('site.navbar.my-profil')}}</b-nav-text>
-          </b-nav-item>
-         <b-nav-item href="#!" to="/profileedit">
-              
-              <b-nav-text class="p-0 text-lg text-muted">{{ $t('site.navbar.settings') }}</b-nav-text>
-          </b-nav-item>
-           
-         <b-nav-item href="#!" to="/activity">             
-              <b-nav-text class="p-0 text-lg text-muted">{{ $t('site.navbar.activity') }}</b-nav-text>
-          </b-nav-item>
-          
-          
+      <template slot="links">
+        <b-nav-item href="#!" to="/overview">
+          <b-nav-text class="p-0 text-lg text-muted">
+            {{ $t("sent") }}
+          </b-nav-text>
+        </b-nav-item>
+        <b-nav-item href="#!" to="/transactions">
+          <b-nav-text class="p-0 text-lg text-muted">Transaktionen</b-nav-text>
+        </b-nav-item>
+        <b-nav-item href="#!" to="/profile">
+          <b-nav-text class="p-0 text-lg text-muted">
+            {{ $t("site.navbar.my-profil") }}
+          </b-nav-text>
+        </b-nav-item>
+        <b-nav-item href="#!" to="/profileedit">
+          <b-nav-text class="p-0 text-lg text-muted">
+            {{ $t("site.navbar.settings") }}
+          </b-nav-text>
+        </b-nav-item>
+
+        <b-nav-item href="#!" to="/activity">
+          <b-nav-text class="p-0 text-lg text-muted">
+            {{ $t("site.navbar.activity") }}
+          </b-nav-text>
+        </b-nav-item>
       </template>
     </side-bar>
     <div class="main-content">
@@ -41,49 +43,48 @@
   </div>
 </template>
 <script>
-  /* eslint-disable no-new */
-  import PerfectScrollbar from 'perfect-scrollbar';
-  import 'perfect-scrollbar/css/perfect-scrollbar.css';
+/* eslint-disable no-new */
+import PerfectScrollbar from "perfect-scrollbar";
+import "perfect-scrollbar/css/perfect-scrollbar.css";
 
-  function hasElement(className) {
-    return document.getElementsByClassName(className).length > 0;
+function hasElement(className) {
+  return document.getElementsByClassName(className).length > 0;
+}
+
+function initScrollbar(className) {
+  if (hasElement(className)) {
+    new PerfectScrollbar(`.${className}`);
+  } else {
+    // try to init it later in case this component is loaded async
+    setTimeout(() => {
+      initScrollbar(className);
+    }, 100);
   }
+}
 
-  function initScrollbar(className) {
-    if (hasElement(className)) {
-      new PerfectScrollbar(`.${className}`);
-    } else {
-      // try to init it later in case this component is loaded async
-      setTimeout(() => {
-        initScrollbar(className);
-      }, 100);
-    }
-  }
+import DashboardNavbar from "./DashboardNavbar.vue";
+import ContentFooter from "./ContentFooter.vue";
+// import DashboardContent from './Content.vue';
+import { FadeTransition } from "vue2-transitions";
 
-  import DashboardNavbar from './DashboardNavbar.vue';
-  import ContentFooter from './ContentFooter.vue';
-  // import DashboardContent from './Content.vue';
-  import { FadeTransition } from 'vue2-transitions';
-
-  export default {
-    components: {
-      DashboardNavbar,
-      ContentFooter,
-      // DashboardContent,
-      FadeTransition
-    },
-    methods: {
-      initScrollbar() {
-        let isWindows = navigator.platform.startsWith('Win');
-        if (isWindows) {
-          initScrollbar('sidenav');
-        }
+export default {
+  components: {
+    DashboardNavbar,
+    ContentFooter,
+    // DashboardContent,
+    FadeTransition
+  },
+  methods: {
+    initScrollbar() {
+      let isWindows = navigator.platform.startsWith("Win");
+      if (isWindows) {
+        initScrollbar("sidenav");
       }
-    },
-    mounted() {
-      this.initScrollbar()
     }
-  };
+  },
+  mounted() {
+    this.initScrollbar();
+  }
+};
 </script>
-<style lang="scss">
-</style>
+<style lang="scss"></style>
diff --git a/frontend/src/views/Layout/DashboardNavbar.vue b/frontend/src/views/Layout/DashboardNavbar.vue
index addd30e8c..b9e1b132e 100755
--- a/frontend/src/views/Layout/DashboardNavbar.vue
+++ b/frontend/src/views/Layout/DashboardNavbar.vue
@@ -2,56 +2,68 @@
   <base-nav
     container-classes="container-fluid"
     class="navbar-top navbar-expand"
-    :class="{'navbar-dark': type === 'default'}"
+    :class="{ 'navbar-dark': type === 'default' }"
   >
-    <a href="#" aria-current="page" class="h4 mb-0 text-uppercase d-none d-lg-inline-block active router-link-active"> 
-      {{$route.name}}
+    <a
+      href="#"
+      aria-current="page"
+      class="h4 mb-0 text-uppercase d-none d-lg-inline-block active router-link-active"
+    >
+      {{ $route.name }}
     </a>
     <!-- Navbar links -->
     <b-navbar-nav class="align-items-center ml-md-auto">
       <!-- This item dont have <b-nav-item> because item have data-action/data-target on tag <a>, wich we cant add -->
       <li class="nav-item d-sm-none">
-        <a class="nav-link" href="#" data-action="search-show" data-target="#navbar-search-main">
+        <a
+          class="nav-link"
+          href="#"
+          data-action="search-show"
+          data-target="#navbar-search-main"
+        >
           <i class="ni ni-zoom-split-in"></i>
         </a>
       </li>
     </b-navbar-nav>
     <b-navbar-nav class="align-items-center ml-auto ml-md-0">
-
-      <base-dropdown menu-on-right
-                     class="nav-item"
-                     tag="li"
-                     title-tag="a"
-                     title-classes="nav-link pr-0">
+      <base-dropdown
+        menu-on-right
+        class="nav-item"
+        tag="li"
+        title-tag="a"
+        title-classes="nav-link pr-0"
+      >
         <a href="#" class="pr-1" @click.prevent slot="title-container">
           <b-media no-body class="align-items-center">
-                  <span class="pb-2 text-lg font-weight-bold">{{ $store.state.email }}</span> 
+            <span class="pb-2 text-lg font-weight-bold">
+              {{ $store.state.email }}
+            </span>
             <b-media-body class="ml-2 d-none d-lg-block">
-              
-              
-               <span class="avatar ">
-                     <vue-qrcode :value="$store.state.email" type="image/png"></vue-qrcode>  
-                  </span>
+              <span class="avatar ">
+                <vue-qrcode
+                  :value="$store.state.email"
+                  type="image/png"
+                ></vue-qrcode>
+              </span>
             </b-media-body>
           </b-media>
         </a>
 
         <template>
-
           <b-dropdown-header class="noti-title">
-            <h6 class="text-overflow m-0"> {{ $t('welcome')  }}</h6>
+            <h6 class="text-overflow m-0">{{ $t("welcome") }}</h6>
           </b-dropdown-header>
-           <b-dropdown-item href="#!" to="/overview">
+          <b-dropdown-item href="#!" to="/overview">
             <i class="ni ni-single-02"></i>
-            <span>{{ $t('site.overview.account_overview')}}</span>
+            <span>{{ $t("site.overview.account_overview") }}</span>
           </b-dropdown-item>
           <b-dropdown-item href="#!" to="/profile">
             <i class="ni ni-single-02"></i>
-            <span>{{ $t('site.navbar.my-profil')}}</span>
+            <span>{{ $t("site.navbar.my-profil") }}</span>
           </b-dropdown-item>
           <b-dropdown-item href="#!" to="/profileedit">
             <i class="ni ni-settings-gear-65"></i>
-            <span>{{ $t('site.navbar.settings') }}</span>
+            <span>{{ $t("site.navbar.settings") }}</span>
           </b-dropdown-item>
           <!--
           <b-dropdown-item href="#!">
@@ -62,30 +74,30 @@
           <div class="dropdown-divider"></div>
           <b-dropdown-item href="#!" @click="logout">
             <i class="ni ni-user-run"></i>
-            <span>{{ $t('logout') }}</span>
+            <span>{{ $t("logout") }}</span>
           </b-dropdown-item>
-
         </template>
       </base-dropdown>
     </b-navbar-nav>
   </base-nav>
 </template>
 <script>
-import { CollapseTransition } from 'vue2-transitions'
-import { BaseNav } from '@/components'
-import VueQrcode from 'vue-qrcode'
+import { CollapseTransition } from "vue2-transitions";
+import { BaseNav } from "@/components";
+import VueQrcode from "vue-qrcode";
 
 export default {
   components: {
-   //CollapseTransition,
+    //CollapseTransition,
     BaseNav,
     VueQrcode
   },
   props: {
     type: {
       type: String,
-      default: 'default', // default|light
-      description: 'Look of the dashboard navbar. Default (Green) or light (gray)'
+      default: "default", // default|light
+      description:
+        "Look of the dashboard navbar. Default (Green) or light (gray)"
     }
   },
   computed: {
@@ -99,7 +111,7 @@ export default {
       activeNotifications: false,
       showMenu: false,
       searchModalVisible: false,
-      searchQuery: ''
+      searchQuery: ""
     };
   },
   methods: {
@@ -112,10 +124,10 @@ export default {
     closeDropDown() {
       this.activeNotifications = false;
     },
-    logout(){
+    logout() {
       //console.log("DashboardNavbar.vue user logout() : ")
-      this.$store.dispatch('logout')
-    }  
+      this.$store.dispatch("logout");
+    }
   }
 };
 </script>
diff --git a/frontend/src/views/Maps/API_KEY.js b/frontend/src/views/Maps/API_KEY.js
index 018f09dc6..8094ee554 100755
--- a/frontend/src/views/Maps/API_KEY.js
+++ b/frontend/src/views/Maps/API_KEY.js
@@ -1 +1 @@
-export const API_KEY = 'YOUR_API_KEY';
+export const API_KEY = "YOUR_API_KEY";
diff --git a/frontend/src/views/NotFoundPage.vue b/frontend/src/views/NotFoundPage.vue
index 17c027880..8ca523375 100755
--- a/frontend/src/views/NotFoundPage.vue
+++ b/frontend/src/views/NotFoundPage.vue
@@ -6,349 +6,1222 @@
         <div class="header-body text-center mb-7">
           <b-row class="justify-content-center">
             <b-col xl="5" lg="6" md="6" class="px-5">
-              <h1 class="text-light">{{ $t('site.404.text')  }}</h1>
+              <h1 class="text-light">{{ $t("site.404.text") }}</h1>
             </b-col>
           </b-row>
-          <a href="/login" to="/login" >
-  <div class="container">
-  <div class="row">
-    <div class="col-sm-12 col-md-12 mt-5 mb-5">
-      <svg width="100%" height="auto" viewBox="0 0 636 324" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <g id="OBJECTS">
-          <g id="Group">
-          <path id="Vector" d="M101.3 255.2C101.3 255.2 111.1 272.6 181.8 280.5C252.5 288.4 288.2 314.9 333.1 322.8C378 330.7 433.6 278.5 481.8 286.5C530 294.4 588.2 264.2 592.8 255.2H101.3Z" fill="#2F1829"/>
-          <path id="Vector_2" d="M611.9 251.7H601.4L140.8 251.8C140.8 251.8 136.1 248.1 128.9 241.8C125.8 239.1 122.2 235.9 118.3 232.3C116.9 231 115.4 229.6 113.9 228.2C100.2 215.3 83.6 198.2 70.1 180.1C55.9 161 45.1 140.6 44.8 122.6C44.8 122.2 44.8 121.8 44.8 121.4C45 104 48.4 85.1 56.9 67.7C61.9 57.5 68.5 47.8 77.3 39C100.1 16.2 137.1 0.300011 194.5 0.800011C261.4 1.30001 330.8 26.3 393.5 60.8C406.6 68 419.4 75.7 431.9 83.6C441.1 89.5 450.1 95.5 458.8 101.6C483.1 118.6 505.6 136.4 525.5 153.8C570.6 193.1 602.3 230.4 611.9 251.7Z" fill="url(#paint0_linear)"/>
-          <path id="Vector_3" opacity="0.45" d="M611.9 251.7H601.4L140.8 251.8C140.8 251.8 136.1 248.1 128.9 241.8C125.8 239.1 122.2 235.9 118.3 232.3C116.9 231 115.4 229.6 113.9 228.2C100.2 215.3 83.6 198.2 70.1 180.1C55.9 161 45.1 140.6 44.8 122.6C50.5 119.6 63.9 113.5 75 116.3C89.5 119.9 92.6 137.2 92.6 137.2C92.6 137.2 103 128.8 113.9 132.8C124.8 136.8 126.5 148.4 126.5 148.4C126.5 148.4 139.4 141.8 150.9 144.6C162.5 147.4 171.8 158.6 159.4 165.9C147.1 173.1 133.3 167.5 132.9 167.4C133.1 167.6 137.9 174.2 129.1 182.2C120.1 190.4 154.6 197.5 154.6 197.5C154.6 197.5 155.9 175.1 179 177.6C202.1 180.1 220.8 192.6 220.8 192.6C220.8 192.6 222 158.3 240.5 152C259 145.7 268.5 165.9 268.5 165.9C268.5 165.9 309.5 139.4 323.4 164.1C337.3 188.8 337.9 193.5 337.9 193.5C337.9 193.5 349.8 128.5 387 131.5C424.2 134.5 431.1 160.3 430.5 162.9C429.9 165.5 441.2 146.2 452.4 156.7C463.6 167.2 470.1 181.8 470.1 181.8L529 174.9C529 174.9 523 163.3 525.4 153.8C570.6 193.1 602.3 230.4 611.9 251.7Z" fill="url(#paint1_linear)"/>
-          <path id="Vector_4" d="M431.9 83.6H257.8C279.6 83.6 283.9 75.7 296.8 71.4C297.4 71.2 298 71 298.6 70.9C310.7 67.8 320.6 74.7 328.3 74.4C336.4 74.1 345.3 65.5 354.6 62.5C357.7 61.5 361 61.8 364.3 62.6C370.8 64.1 377.6 67.4 384.5 66.1C390.5 65 391 62.5 393.4 60.8C406.6 68 419.5 75.6 431.9 83.6Z" fill="url(#paint2_linear)"/>
-          <path id="Vector_5" d="M206.5 67.7H56.9C61.8 57.7 68.3 48.1 76.9 39.4C77 39.3 77.2 39.1 77.3 39C80.8 38.3 84.6 37.8 88.7 37.6C112.4 36.6 117.4 54.5 117.4 54.5C117.4 54.5 123.6 46.2 134.8 50.2C146 54.2 142.1 59.1 151 61.8C152.2 62.1 153.4 62.2 154.7 62.1C163.2 61.4 173.9 52.1 183.4 55.5C194.4 59.4 187.3 67.7 206.5 67.7Z" fill="url(#paint3_linear)"/>
-          <path id="Vector_6" d="M631.8 258.5H75.5C73.6 258.5 72.1 257 72.1 255.1C72.1 253.2 73.6 251.7 75.5 251.7H631.8C633.7 251.7 635.2 253.2 635.2 255.1C635.2 257 633.7 258.5 631.8 258.5Z" fill="#2F1829"/>
-          <path id="Vector_7" opacity="0.25" d="M364.4 62.5C354.5 65 343.3 75.8 336 77.4C326.9 79.4 316.3 74.8 306 72.2C302.9 71.4 300.5 71 298.6 70.8C310.7 67.7 320.6 74.6 328.3 74.3C336.4 74 345.3 65.4 354.6 62.4C357.8 61.4 361 61.7 364.4 62.5Z" fill="white"/>
-          <path id="Vector_8" opacity="0.25" d="M154.7 62.1C145.8 66.8 141.6 56.2 133.9 52.7C125 48.7 118.7 61.2 116.1 59C113.5 56.9 112.3 47.6 102.2 42.8C96.5 40.1 85.4 39.5 77 39.5C77.1 39.4 77.3 39.2 77.4 39.1C80.9 38.4 84.7 37.9 88.8 37.7C112.5 36.7 117.5 54.6 117.5 54.6C117.5 54.6 123.7 46.3 134.9 50.3C146.1 54.3 142.2 59.2 151.1 61.9C152.2 62.1 153.5 62.2 154.7 62.1Z" fill="white"/>
-          <path id="Vector_9" d="M394.9 40.3C394.9 40.3 457.4 96.1 482.1 88.5C507 80.9 351.2 7.20001 394.9 40.3Z" fill="url(#paint4_linear)"/>
-          <path id="Vector_10" d="M35 97C35 97 13.7 134.4 50.9 173.8C59.5 182.9 60.5 199.9 43.3 200.8C26.1 201.7 -0.599994 159.8 0.300006 126.1C1.30001 92.4 40.8 77.1 35 97Z" fill="url(#paint5_linear)"/>
-          <path id="Vector_11" d="M461 295.7C461 295.7 425 303.6 415.8 315.9C411.3 321.9 429.2 321 444.5 314.4C460.5 307.5 473.6 294.9 461 295.7Z" fill="#2F1829"/>
-          <path id="Vector_12" d="M200.2 293.4C200.2 293.4 214.2 293.1 226.5 297.9C238.8 302.7 241.5 317.4 229.2 319.2C217 321 189.1 304.7 190.7 298.1C191.9 293.1 200.2 293.4 200.2 293.4Z" fill="#2F1829"/>
-          </g>
-          <path id="Vector_13" d="M136.3 213.7L128.4 241.1C125.3 238.4 121.7 235.2 117.8 231.6L116.1 228.4C116.1 228.4 119.1 193.2 109.2 179.1C118.7 185.7 123.3 212.4 123.3 212.4L121.8 214.4H123.3C123.3 214.4 125.7 218.9 126.6 225.5C132.7 193.9 126.8 178.6 126.6 178.1C126.8 178.4 131.6 184.2 134.4 193.8C137.3 203.6 136.2 209.7 136.2 209.7L133.8 213.6H136.3V213.7Z" fill="black"/>
-          <g id="Group_2">
-          <g id="Group_3">
-          <path id="Vector_14" d="M376.1 240.6C376.1 240.6 378.7 238.3 380.6 235.8C380.9 235.4 381.3 234.9 381.5 234.5L382.7 235.9L382.3 233.7C382.3 233.7 390.4 230.9 393.3 223.1C391.5 231.6 388.1 238 384.1 240.9C382.3 242.2 380.5 242.8 378.6 242.7C372.3 242.5 376.1 240.6 376.1 240.6Z" fill="#F3475C"/>
-          <g id="Group_4" opacity="0.25">
-          <path id="Vector_15" opacity="0.25" d="M393.3 223.1C392.6 225.3 391.8 227.5 390.8 229.6C389.8 231.7 388.7 233.7 387.4 235.6C386.1 237.5 384.5 239.3 382.6 240.6C380.7 242 378.3 242.7 376 242.6C375.9 242.6 375.8 242.5 375.8 242.4C375.8 242.3 375.9 242.2 376 242.2C378.3 242.4 380.5 241.7 382.4 240.4C384.3 239.1 385.9 237.4 387.2 235.5C388.6 233.6 389.7 231.6 390.7 229.5C391.7 227.5 392.5 225.3 393.3 223.1Z" fill="white"/>
-          </g>
-          <path id="Vector_16" opacity="0.25" d="M376.1 240.6C376.1 240.6 378.7 238.3 380.6 235.8C381.4 238.2 383.1 240 384.1 240.9C382.3 242.2 380.5 242.8 378.6 242.7C372.3 242.5 376.1 240.6 376.1 240.6Z" fill="black"/>
-          </g>
-          <path id="Vector_17" d="M313.5 225.2C313.5 225.2 294.9 207.7 297.9 184.4C299.8 195.2 307.7 208.1 307.7 208.1L306.7 211L310.2 210.3C310.2 210.3 314.6 183.7 304.7 170.8C318.1 184.6 317.9 205.1 317.9 205.1L315.4 208.9L317.9 210C317.9 210 315 220 323.7 216.1C332.4 212.3 337.9 179.2 330 170.8C339.4 178.9 337.9 206.8 337.9 207.7C337.9 208.6 333.8 212.4 333.8 212.4L336.9 214.7C336.9 214.7 335 233.6 313.5 225.2Z" fill="black"/>
-          <path id="Vector_18" d="M398.8 250C398.8 250 392.3 243.9 393.4 235.8C394.1 239.6 396.8 244 396.8 244L396.5 245L397.7 244.8C397.7 244.8 399.2 235.5 395.8 231.1C400.4 235.9 400.4 243 400.4 243L399.5 244.3L400.4 244.7C400.4 244.7 399.4 248.2 402.4 246.8C405.4 245.5 407.3 234 404.6 231.1C407.9 233.9 407.3 243.6 407.3 243.9C407.3 244.2 405.9 245.5 405.9 245.5L407 246.3C406.9 246.4 406.3 253 398.8 250Z" fill="black"/>
-          <g id="Group_5">
-          <path id="Vector_19" d="M374 241.1L368.7 241.5C372.5 238.1 371.9 234.8 371.4 233.3C371.2 232.8 371 232.4 371 232.4L373.5 232L372.1 230.1C372.1 230.1 376.6 224.9 378.3 211.1C383.6 220.4 381.5 228.8 378.7 234.3C376.6 238.6 374 241.1 374 241.1Z" fill="#FFCA51"/>
-          <g id="Group_6" opacity="0.25">
-          <path id="Vector_20" opacity="0.25" d="M378.3 211.1C378.9 213.7 379.2 216.3 379.3 218.9C379.4 221.5 379.4 224.2 379 226.8C378.6 229.4 378 232 377 234.4C376 236.8 374.5 239.1 372.7 241.1C372.6 241.2 372.5 241.2 372.4 241.1C372.3 241 372.3 240.9 372.4 240.8C374.2 238.9 375.6 236.7 376.7 234.3C377.7 231.9 378.4 229.3 378.8 226.8C379.2 224.2 379.3 221.6 379.2 219C379.1 216.3 378.9 213.7 378.3 211.1Z" fill="white"/>
-          </g>
-          <path id="Vector_21" opacity="0.25" d="M374 241.1L368.7 241.5C372.5 238.1 371.9 234.8 371.4 233.3C374.2 235 377 234.8 378.7 234.3C376.6 238.6 374 241.1 374 241.1Z" fill="black"/>
-          </g>
-          <path id="Vector_22" d="M408.3 251.1H323L336.7 240C336.7 240 354.9 230.6 362.5 232.6C370.1 234.5 368.9 240.9 368.9 240.9C368.9 240.9 369.4 240.4 370.1 239.8C371.8 238.5 375 236.7 378.2 238.6C382.8 241.4 382.1 245 382.1 245.2C382.2 245.1 385 242.4 387.3 243.2C389.6 244.1 390.5 246.6 390.5 246.6C390.5 246.6 393.5 242.5 396 244C398.5 245.5 400 248.6 400 248.6C400 248.6 404 244.6 408.3 251.1Z" fill="#982245"/>
-          <path id="Vector_23" opacity="0.25" d="M391.9 251.1H323.1L336.8 240C336.8 240 355 230.6 362.6 232.6C370.2 234.5 369 240.9 369 240.9C369 240.9 369.5 240.4 370.2 239.8C370.4 241.2 370.4 242.6 370.2 244C370.2 244 374.1 242.5 376.6 244.6C379.1 246.7 378.4 248.6 378.4 248.6C378.4 248.6 381.8 246.6 385.7 248.6C386.8 249.3 389.3 250.2 391.9 251.1Z" fill="black"/>
-          </g>
-          <g id="Group_7">
-          <path id="Vector_24" d="M237.3 191.1V97.5H201.8V97.8L159 166.6L140.3 196.7L142.4 218.4H201.8V251H237.3V218.4H253V191H237.3V191.1ZM201.8 191.1H174.2L199.6 147.4L201.8 143.8V191.1Z" fill="url(#paint6_linear)"/>
+          <a href="/login" to="/login">
+            <div class="container">
+              <div class="row">
+                <div class="col-sm-12 col-md-12 mt-5 mb-5">
+                  <svg
+                    width="100%"
+                    height="auto"
+                    viewBox="0 0 636 324"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <g id="OBJECTS">
+                      <g id="Group">
+                        <path
+                          id="Vector"
+                          d="M101.3 255.2C101.3 255.2 111.1 272.6 181.8 280.5C252.5 288.4 288.2 314.9 333.1 322.8C378 330.7 433.6 278.5 481.8 286.5C530 294.4 588.2 264.2 592.8 255.2H101.3Z"
+                          fill="#2F1829"
+                        />
+                        <path
+                          id="Vector_2"
+                          d="M611.9 251.7H601.4L140.8 251.8C140.8 251.8 136.1 248.1 128.9 241.8C125.8 239.1 122.2 235.9 118.3 232.3C116.9 231 115.4 229.6 113.9 228.2C100.2 215.3 83.6 198.2 70.1 180.1C55.9 161 45.1 140.6 44.8 122.6C44.8 122.2 44.8 121.8 44.8 121.4C45 104 48.4 85.1 56.9 67.7C61.9 57.5 68.5 47.8 77.3 39C100.1 16.2 137.1 0.300011 194.5 0.800011C261.4 1.30001 330.8 26.3 393.5 60.8C406.6 68 419.4 75.7 431.9 83.6C441.1 89.5 450.1 95.5 458.8 101.6C483.1 118.6 505.6 136.4 525.5 153.8C570.6 193.1 602.3 230.4 611.9 251.7Z"
+                          fill="url(#paint0_linear)"
+                        />
+                        <path
+                          id="Vector_3"
+                          opacity="0.45"
+                          d="M611.9 251.7H601.4L140.8 251.8C140.8 251.8 136.1 248.1 128.9 241.8C125.8 239.1 122.2 235.9 118.3 232.3C116.9 231 115.4 229.6 113.9 228.2C100.2 215.3 83.6 198.2 70.1 180.1C55.9 161 45.1 140.6 44.8 122.6C50.5 119.6 63.9 113.5 75 116.3C89.5 119.9 92.6 137.2 92.6 137.2C92.6 137.2 103 128.8 113.9 132.8C124.8 136.8 126.5 148.4 126.5 148.4C126.5 148.4 139.4 141.8 150.9 144.6C162.5 147.4 171.8 158.6 159.4 165.9C147.1 173.1 133.3 167.5 132.9 167.4C133.1 167.6 137.9 174.2 129.1 182.2C120.1 190.4 154.6 197.5 154.6 197.5C154.6 197.5 155.9 175.1 179 177.6C202.1 180.1 220.8 192.6 220.8 192.6C220.8 192.6 222 158.3 240.5 152C259 145.7 268.5 165.9 268.5 165.9C268.5 165.9 309.5 139.4 323.4 164.1C337.3 188.8 337.9 193.5 337.9 193.5C337.9 193.5 349.8 128.5 387 131.5C424.2 134.5 431.1 160.3 430.5 162.9C429.9 165.5 441.2 146.2 452.4 156.7C463.6 167.2 470.1 181.8 470.1 181.8L529 174.9C529 174.9 523 163.3 525.4 153.8C570.6 193.1 602.3 230.4 611.9 251.7Z"
+                          fill="url(#paint1_linear)"
+                        />
+                        <path
+                          id="Vector_4"
+                          d="M431.9 83.6H257.8C279.6 83.6 283.9 75.7 296.8 71.4C297.4 71.2 298 71 298.6 70.9C310.7 67.8 320.6 74.7 328.3 74.4C336.4 74.1 345.3 65.5 354.6 62.5C357.7 61.5 361 61.8 364.3 62.6C370.8 64.1 377.6 67.4 384.5 66.1C390.5 65 391 62.5 393.4 60.8C406.6 68 419.5 75.6 431.9 83.6Z"
+                          fill="url(#paint2_linear)"
+                        />
+                        <path
+                          id="Vector_5"
+                          d="M206.5 67.7H56.9C61.8 57.7 68.3 48.1 76.9 39.4C77 39.3 77.2 39.1 77.3 39C80.8 38.3 84.6 37.8 88.7 37.6C112.4 36.6 117.4 54.5 117.4 54.5C117.4 54.5 123.6 46.2 134.8 50.2C146 54.2 142.1 59.1 151 61.8C152.2 62.1 153.4 62.2 154.7 62.1C163.2 61.4 173.9 52.1 183.4 55.5C194.4 59.4 187.3 67.7 206.5 67.7Z"
+                          fill="url(#paint3_linear)"
+                        />
+                        <path
+                          id="Vector_6"
+                          d="M631.8 258.5H75.5C73.6 258.5 72.1 257 72.1 255.1C72.1 253.2 73.6 251.7 75.5 251.7H631.8C633.7 251.7 635.2 253.2 635.2 255.1C635.2 257 633.7 258.5 631.8 258.5Z"
+                          fill="#2F1829"
+                        />
+                        <path
+                          id="Vector_7"
+                          opacity="0.25"
+                          d="M364.4 62.5C354.5 65 343.3 75.8 336 77.4C326.9 79.4 316.3 74.8 306 72.2C302.9 71.4 300.5 71 298.6 70.8C310.7 67.7 320.6 74.6 328.3 74.3C336.4 74 345.3 65.4 354.6 62.4C357.8 61.4 361 61.7 364.4 62.5Z"
+                          fill="white"
+                        />
+                        <path
+                          id="Vector_8"
+                          opacity="0.25"
+                          d="M154.7 62.1C145.8 66.8 141.6 56.2 133.9 52.7C125 48.7 118.7 61.2 116.1 59C113.5 56.9 112.3 47.6 102.2 42.8C96.5 40.1 85.4 39.5 77 39.5C77.1 39.4 77.3 39.2 77.4 39.1C80.9 38.4 84.7 37.9 88.8 37.7C112.5 36.7 117.5 54.6 117.5 54.6C117.5 54.6 123.7 46.3 134.9 50.3C146.1 54.3 142.2 59.2 151.1 61.9C152.2 62.1 153.5 62.2 154.7 62.1Z"
+                          fill="white"
+                        />
+                        <path
+                          id="Vector_9"
+                          d="M394.9 40.3C394.9 40.3 457.4 96.1 482.1 88.5C507 80.9 351.2 7.20001 394.9 40.3Z"
+                          fill="url(#paint4_linear)"
+                        />
+                        <path
+                          id="Vector_10"
+                          d="M35 97C35 97 13.7 134.4 50.9 173.8C59.5 182.9 60.5 199.9 43.3 200.8C26.1 201.7 -0.599994 159.8 0.300006 126.1C1.30001 92.4 40.8 77.1 35 97Z"
+                          fill="url(#paint5_linear)"
+                        />
+                        <path
+                          id="Vector_11"
+                          d="M461 295.7C461 295.7 425 303.6 415.8 315.9C411.3 321.9 429.2 321 444.5 314.4C460.5 307.5 473.6 294.9 461 295.7Z"
+                          fill="#2F1829"
+                        />
+                        <path
+                          id="Vector_12"
+                          d="M200.2 293.4C200.2 293.4 214.2 293.1 226.5 297.9C238.8 302.7 241.5 317.4 229.2 319.2C217 321 189.1 304.7 190.7 298.1C191.9 293.1 200.2 293.4 200.2 293.4Z"
+                          fill="#2F1829"
+                        />
+                      </g>
+                      <path
+                        id="Vector_13"
+                        d="M136.3 213.7L128.4 241.1C125.3 238.4 121.7 235.2 117.8 231.6L116.1 228.4C116.1 228.4 119.1 193.2 109.2 179.1C118.7 185.7 123.3 212.4 123.3 212.4L121.8 214.4H123.3C123.3 214.4 125.7 218.9 126.6 225.5C132.7 193.9 126.8 178.6 126.6 178.1C126.8 178.4 131.6 184.2 134.4 193.8C137.3 203.6 136.2 209.7 136.2 209.7L133.8 213.6H136.3V213.7Z"
+                        fill="black"
+                      />
+                      <g id="Group_2">
+                        <g id="Group_3">
+                          <path
+                            id="Vector_14"
+                            d="M376.1 240.6C376.1 240.6 378.7 238.3 380.6 235.8C380.9 235.4 381.3 234.9 381.5 234.5L382.7 235.9L382.3 233.7C382.3 233.7 390.4 230.9 393.3 223.1C391.5 231.6 388.1 238 384.1 240.9C382.3 242.2 380.5 242.8 378.6 242.7C372.3 242.5 376.1 240.6 376.1 240.6Z"
+                            fill="#F3475C"
+                          />
+                          <g id="Group_4" opacity="0.25">
+                            <path
+                              id="Vector_15"
+                              opacity="0.25"
+                              d="M393.3 223.1C392.6 225.3 391.8 227.5 390.8 229.6C389.8 231.7 388.7 233.7 387.4 235.6C386.1 237.5 384.5 239.3 382.6 240.6C380.7 242 378.3 242.7 376 242.6C375.9 242.6 375.8 242.5 375.8 242.4C375.8 242.3 375.9 242.2 376 242.2C378.3 242.4 380.5 241.7 382.4 240.4C384.3 239.1 385.9 237.4 387.2 235.5C388.6 233.6 389.7 231.6 390.7 229.5C391.7 227.5 392.5 225.3 393.3 223.1Z"
+                              fill="white"
+                            />
+                          </g>
+                          <path
+                            id="Vector_16"
+                            opacity="0.25"
+                            d="M376.1 240.6C376.1 240.6 378.7 238.3 380.6 235.8C381.4 238.2 383.1 240 384.1 240.9C382.3 242.2 380.5 242.8 378.6 242.7C372.3 242.5 376.1 240.6 376.1 240.6Z"
+                            fill="black"
+                          />
+                        </g>
+                        <path
+                          id="Vector_17"
+                          d="M313.5 225.2C313.5 225.2 294.9 207.7 297.9 184.4C299.8 195.2 307.7 208.1 307.7 208.1L306.7 211L310.2 210.3C310.2 210.3 314.6 183.7 304.7 170.8C318.1 184.6 317.9 205.1 317.9 205.1L315.4 208.9L317.9 210C317.9 210 315 220 323.7 216.1C332.4 212.3 337.9 179.2 330 170.8C339.4 178.9 337.9 206.8 337.9 207.7C337.9 208.6 333.8 212.4 333.8 212.4L336.9 214.7C336.9 214.7 335 233.6 313.5 225.2Z"
+                          fill="black"
+                        />
+                        <path
+                          id="Vector_18"
+                          d="M398.8 250C398.8 250 392.3 243.9 393.4 235.8C394.1 239.6 396.8 244 396.8 244L396.5 245L397.7 244.8C397.7 244.8 399.2 235.5 395.8 231.1C400.4 235.9 400.4 243 400.4 243L399.5 244.3L400.4 244.7C400.4 244.7 399.4 248.2 402.4 246.8C405.4 245.5 407.3 234 404.6 231.1C407.9 233.9 407.3 243.6 407.3 243.9C407.3 244.2 405.9 245.5 405.9 245.5L407 246.3C406.9 246.4 406.3 253 398.8 250Z"
+                          fill="black"
+                        />
+                        <g id="Group_5">
+                          <path
+                            id="Vector_19"
+                            d="M374 241.1L368.7 241.5C372.5 238.1 371.9 234.8 371.4 233.3C371.2 232.8 371 232.4 371 232.4L373.5 232L372.1 230.1C372.1 230.1 376.6 224.9 378.3 211.1C383.6 220.4 381.5 228.8 378.7 234.3C376.6 238.6 374 241.1 374 241.1Z"
+                            fill="#FFCA51"
+                          />
+                          <g id="Group_6" opacity="0.25">
+                            <path
+                              id="Vector_20"
+                              opacity="0.25"
+                              d="M378.3 211.1C378.9 213.7 379.2 216.3 379.3 218.9C379.4 221.5 379.4 224.2 379 226.8C378.6 229.4 378 232 377 234.4C376 236.8 374.5 239.1 372.7 241.1C372.6 241.2 372.5 241.2 372.4 241.1C372.3 241 372.3 240.9 372.4 240.8C374.2 238.9 375.6 236.7 376.7 234.3C377.7 231.9 378.4 229.3 378.8 226.8C379.2 224.2 379.3 221.6 379.2 219C379.1 216.3 378.9 213.7 378.3 211.1Z"
+                              fill="white"
+                            />
+                          </g>
+                          <path
+                            id="Vector_21"
+                            opacity="0.25"
+                            d="M374 241.1L368.7 241.5C372.5 238.1 371.9 234.8 371.4 233.3C374.2 235 377 234.8 378.7 234.3C376.6 238.6 374 241.1 374 241.1Z"
+                            fill="black"
+                          />
+                        </g>
+                        <path
+                          id="Vector_22"
+                          d="M408.3 251.1H323L336.7 240C336.7 240 354.9 230.6 362.5 232.6C370.1 234.5 368.9 240.9 368.9 240.9C368.9 240.9 369.4 240.4 370.1 239.8C371.8 238.5 375 236.7 378.2 238.6C382.8 241.4 382.1 245 382.1 245.2C382.2 245.1 385 242.4 387.3 243.2C389.6 244.1 390.5 246.6 390.5 246.6C390.5 246.6 393.5 242.5 396 244C398.5 245.5 400 248.6 400 248.6C400 248.6 404 244.6 408.3 251.1Z"
+                          fill="#982245"
+                        />
+                        <path
+                          id="Vector_23"
+                          opacity="0.25"
+                          d="M391.9 251.1H323.1L336.8 240C336.8 240 355 230.6 362.6 232.6C370.2 234.5 369 240.9 369 240.9C369 240.9 369.5 240.4 370.2 239.8C370.4 241.2 370.4 242.6 370.2 244C370.2 244 374.1 242.5 376.6 244.6C379.1 246.7 378.4 248.6 378.4 248.6C378.4 248.6 381.8 246.6 385.7 248.6C386.8 249.3 389.3 250.2 391.9 251.1Z"
+                          fill="black"
+                        />
+                      </g>
+                      <g id="Group_7">
+                        <path
+                          id="Vector_24"
+                          d="M237.3 191.1V97.5H201.8V97.8L159 166.6L140.3 196.7L142.4 218.4H201.8V251H237.3V218.4H253V191H237.3V191.1ZM201.8 191.1H174.2L199.6 147.4L201.8 143.8V191.1Z"
+                          fill="url(#paint6_linear)"
+                        />
 
-          <path id="Vector_26" d="M487.5 191.1V97.5H452V97.8L390.5 196.7L392.6 218.4H452V251H487.5V218.4H503.1V191H487.5V191.1ZM452 191.1H424.4L449.8 147.4L452 143.8V191.1V191.1Z" fill="url(#paint8_linear)"/>
-          <path id="Vector_27" opacity="0.25" d="M230.7 97.5C225.9 103.6 209.6 101.4 206 101.8C201.8 102.2 172.9 153.1 169 159.6C166.4 163.8 161.9 165.8 159.1 166.7L201.9 97.9V97.6H230.7V97.5Z" fill="white"/>
-          <path id="Vector_28" opacity="0.25" d="M487.5 97.5V168.3C478.4 160.7 483.4 104.9 482 103.1C480.5 101.1 461.5 102.4 458 101.3C455.7 100.6 453.8 98.6 452.8 97.4H487.5V97.5Z" fill="white"/>
-          <path id="Vector_29" opacity="0.25" d="M329.1 232.4C300.5 233.7 303.8 192.4 303.8 192.4C304 202.9 305.4 210.6 308.1 215.6C311 220.9 315.6 223.6 321.8 223.6C327.8 223.6 332.3 221 335.2 215.8C338.1 210.6 339.6 202.5 339.6 191.5V153.5C339.6 142.5 338.2 134.2 335.3 128.8C332.4 123.3 327.8 120.6 321.6 120.6C321.6 120.6 339.3 118.4 346.6 144.7C353.8 171 357.8 231.1 329.1 232.4Z" fill="black"/>
-
-          </g>
-            <g id="zero">
-              <path id="Vector_25" d="M361.2 110.3C351.9 99 338.7 93.3 321.6 93.3C304.6 93.3 291.4 98.9 282.1 110.2C272.8 121.5 268.1 137.4 268.1 158.2V186.3C268.1 206.9 272.8 222.9 282.1 234.2C291.5 245.5 304.7 251.2 321.8 251.2C338.7 251.2 351.9 245.6 361.2 234.3C370.5 223 375.2 207.1 375.2 186.3V158.3C375.2 137.6 370.5 121.6 361.2 110.3ZM303.8 151.3C304 141 305.5 133.4 308.3 128.3C311.1 123.2 315.5 120.7 321.6 120.7C327.9 120.7 332.4 123.4 335.3 128.9C338.2 134.4 339.6 142.6 339.6 153.6V191.6C339.5 202.6 338.1 210.7 335.2 215.9C332.3 221.1 327.8 223.7 321.8 223.7C315.5 223.7 311 221 308.1 215.7C305.4 210.7 303.9 202.9 303.8 192.5C303.8 191.9 303.8 191.2 303.8 190.6V151.3V151.3Z" fill="url(#paint7_linear)"/>
-              <path id="Vector_30" d="M291.5 110.1C291.5 110.1 279.6 101.5 278.3 88.1C286.9 90.5 291.5 101 291.5 101C291.5 101 289.3 91.4 291.5 84.9C297.8 94.1 296.1 101.6 291.5 110.1Z" fill="url(#paint9_linear)"/>
-            </g>
-          <g id="Group_8">
-          <g id="Group_9">
-          <path id="Vector_31" d="M569.9 241.4V244.7C569.3 244.6 567.9 244.7 566.7 244.9C565.9 245 565.2 245 564.8 245.1L564.5 242.3L565.8 242.1L569.9 241.4Z" fill="url(#paint10_linear)"/>
-          <g id="handboy">
-          <path id="Vector_32" d="M529.1 188C529.1 188 529.2 188.3 528.8 188.7C528.5 189 528 189.3 527.1 189.7C521.7 191.8 510.6 186.7 504.5 183.3C498.5 179.9 481.3 182.7 469.7 181.1C458.1 179.5 453.2 173.3 442.8 170.7C432.4 168.1 393.6 179.3 391.4 170.6C389.2 161.9 432.8 77.2 436.6 83.1C440.3 89 453.2 89.4 462.3 94.1C471.4 98.8 479.1 122.1 489.2 124.4C490.6 124.7 491.9 125.2 493.2 125.9C501.2 130.2 507 140.9 507.2 149.7C507.4 159.9 521.4 168.1 526.5 173.6C531.5 179.2 529.1 188 529.1 188Z" fill="url(#paint11_linear)"/>
-          <path id="Vector_33" opacity="0.25" d="M529.1 188C529.1 188 529.2 188.3 528.8 188.7C530.6 177.5 520.3 172.2 510.8 164.4C501.1 156.3 505.2 150.2 503.2 141.9C502 137 497 130.5 493.2 126C501.2 130.3 507 141 507.2 149.8C507.4 160 521.4 168.2 526.5 173.7C531.5 179.2 529.1 188 529.1 188Z" fill="white"/>
-          <path id="Vector_34" d="M528.9 186.5L526.3 188.9C525.9 189.2 526.1 189.8 526.5 190L528.7 190.7L533.7 196.2C533.9 196.4 534.3 196.5 534.5 196.2L535.3 195.4C535.5 195.2 535.6 194.8 535.3 194.6L530.3 189.1L529.8 186.9C529.8 186.3 529.2 186.1 528.9 186.5Z" fill="#2F1829"/>
-          <path id="Vector_35" d="M548.7 190C548 190.9 547.2 192 546.3 193.1C546 193.5 545.6 193.9 545.3 194.3C543.9 196 542.7 197.4 542.3 197.5C541.3 197.7 535.7 194.5 534.9 194.5C534.1 194.5 532.2 195.9 531.7 195.7C531.2 195.6 528.5 193.1 528.6 192.4C528.7 191.8 531.1 189.6 532.3 189.3C532.6 189.2 533.4 189.3 534.3 189.5H534.4C536.7 190 540.1 191.1 540.6 190.8C540.9 190.7 541.4 189.8 542 188.7C542.2 188.3 542.4 187.9 542.6 187.5C542.9 187 543.1 186.5 543.4 186C543.6 185.5 543.8 185.1 544 184.8C544.5 185.6 545.3 186.6 546.2 187.5C547.2 188.8 548.2 189.8 548.7 190Z" fill="url(#paint12_linear)"/>
-          </g>
-          <path id="Vector_36" d="M571.4 196.6C571.4 198.4 571.4 200.2 571.3 201.6C570.9 207.3 570.4 211.9 568.5 212C566.6 212.1 566.2 196.7 566.3 195.8C566.3 195.6 566.3 195.2 566.4 194.7C566.5 193 566.5 190 566.5 188.7C566.5 188.4 566.5 188.2 566.5 188.1L566.9 187.9L571.1 185.2C571.1 185.2 571.3 188.8 571.5 193C571.5 193.6 571.5 194.1 571.5 194.7C571.4 195.3 571.4 195.9 571.4 196.6Z" fill="url(#paint13_linear)"/>
-          <path id="Vector_37" opacity="0.25" d="M571.4 196.6C570.4 197.4 568.8 198.5 567.2 198.6C564.6 198.7 568.4 193.2 569.3 193.1C569.6 193.1 570.4 193 571.3 193C571.3 193.6 571.3 194.1 571.3 194.7C571.4 195.3 571.4 195.9 571.4 196.6Z" fill="black"/>
-          <path id="Vector_38" d="M571.4 194.7C570.3 195.1 568.9 195.3 567 194.9C566.7 194.8 566.5 194.8 566.3 194.6C564.7 193.7 565.3 191 566.4 188.6C566.5 188.3 566.7 188 566.8 187.8L571 185.1C571 185.1 571.3 189.8 571.4 194.7Z" fill="#2F1829"/>
-          <path id="Vector_39" d="M562.5 164.2C562.4 164.8 562.2 165.5 561.7 166.2C561.2 167.1 560.4 168 559.7 168.6C559.1 169 558.6 169.3 558.2 169.3C556.9 169.1 555.2 166.9 555.1 166.5C555.1 166.1 556.5 165.9 556.4 164.7C556.2 163.5 555.4 163.3 554.9 163.5C554.3 163.7 553.6 165 553.6 166.2C553.2 166.1 552.5 164.7 551.1 163.8C550.7 163.6 550.3 163.4 549.8 163.3C549.2 163.2 548.5 163.2 547.7 163.5C547.3 159.1 550 157.2 552 158C552 158 551.3 156.5 550.2 156.2C552.7 156.6 553.3 158.7 553.3 158.7C553.3 158.7 554 155.8 557.1 155.4C560.2 155 560.8 159.1 560.8 159.1C560.8 159.1 561.5 157.1 561.2 155.9C561.8 157.5 561.1 160.2 561.1 160.2C561.1 160.2 562.6 160.6 563 162.6C561.7 161.6 561.7 161.7 561.7 161.7C561.7 161.7 562.6 162.3 562.5 164.2Z" fill="#2F172B"/>
-          <path id="Vector_40" d="M559.7 168.5C559.5 169.2 559.2 169.8 559.1 170.1C558.8 170.7 555.6 173.4 553.3 170.3C551.4 167.7 551.1 164.7 551.1 163.8C552.5 164.6 553.2 166.1 553.6 166.2C553.6 165 554.3 163.8 554.9 163.5C555.5 163.3 556.2 163.5 556.4 164.7C556.6 165.9 555.1 166.1 555.1 166.5C555.1 166.9 556.8 169.1 558.2 169.3C558.6 169.2 559.1 169 559.7 168.5Z" fill="url(#paint14_linear)"/>
-          <path id="Vector_41" d="M561.3 155.6C561.2 155.4 561.2 155.3 561.1 155.2C561.2 155.3 561.2 155.5 561.3 155.6Z" fill="#2F172B"/>
-          <path id="Vector_42" d="M572.4 184.6C572.1 185.2 571.7 185.7 571.4 186.2C571.3 186.3 571.2 186.5 571.1 186.6C570.1 187.8 569.2 188.5 569.2 188.5C569.2 188.5 569.2 188.5 569.2 188.6C569.2 188.7 569.2 188.8 569.3 189C569.4 189.4 569.5 190.1 569.6 191C569.6 191.1 569.6 191.3 569.7 191.4C569.8 191.8 569.8 192.2 569.8 192.6C569.8 192.8 569.9 193.1 569.9 193.3C569.9 193.4 569.9 193.6 569.9 193.7C570 194.4 570 195 570 195.7C570 195.8 570 196 570 196.1C570 196.9 569.9 197.6 569.8 198.1C569.8 198.3 569.7 198.4 569.7 198.5C569.6 198.7 569.6 198.8 569.5 198.9C569.4 199 569.2 199.1 569 199.2C567.5 199.9 563.7 199.9 559.8 199.7C556.5 199.5 553.2 199.2 551.5 198.9C551 198.8 550.6 198.7 550.3 198.5C550.1 198.4 549.9 198.2 549.8 198.1C549.7 198 549.6 197.9 549.6 197.8C549.3 197.3 549.2 196.8 549.2 196.1C549.2 196 549.2 195.8 549.2 195.7C549.3 195.1 549.4 194.5 549.5 193.8V193.7C549.5 193.6 549.6 193.4 549.6 193.3C549.8 192.6 550 192 550.1 191.3C550.1 191.2 550.1 191.1 550.2 191V190.9C550.4 190.1 550.5 189.4 550.5 188.9C550.5 188.7 550.5 188.6 550.6 188.5C550.7 187.2 550.6 186.8 550.6 186.8C550.6 186.8 550.3 187.6 549.8 188.5C549.7 188.6 549.6 188.8 549.6 188.9C549.3 189.4 548.9 189.9 548.7 189.9C548.7 189.9 548.6 189.9 548.5 189.9C548.2 189.8 547.8 189.4 547.3 188.9C547.2 188.8 547 188.6 546.9 188.5C546.6 188.2 546.3 187.9 546 187.5C545.7 187.2 545.4 186.8 545.1 186.5C545 186.4 544.9 186.2 544.8 186.1C544.4 185.6 544.1 185.2 543.8 184.8C543.6 184.5 543.5 184.3 543.4 184.1C543.3 184 543.3 183.9 543.3 183.8V183.7C543.4 183.4 543.6 182.6 543.9 181.7C544 181.6 544 181.4 544.1 181.3C544.3 180.7 544.6 180 545 179.3C545.1 179.2 545.1 179 545.2 178.9C545.5 178.3 545.9 177.6 546.2 176.9C546.3 176.8 546.4 176.6 546.4 176.5C546.8 175.8 547.2 175.1 547.6 174.5C547.7 174.4 547.8 174.2 547.9 174.1C548.5 173.3 549 172.6 549.6 172.1C549.8 171.9 549.9 171.8 550.1 171.7C550.2 171.6 550.3 171.6 550.4 171.5C551.2 171 552 170.6 552.8 170.3C555.5 169.3 557.8 169.4 557.8 169.4C559.1 169.4 560.4 169.7 561.7 170.2C562.6 170.6 563.5 171.1 564.4 171.7C564.6 171.8 564.8 172 565 172.1C565.7 172.7 566.4 173.3 567 174.1C567.1 174.2 567.2 174.4 567.4 174.5C567.9 175.1 568.4 175.8 568.8 176.5C568.9 176.6 569 176.8 569.1 176.9C569.5 177.5 569.8 178.2 570.2 178.9C570.3 179 570.3 179.2 570.4 179.3C570.7 179.9 571 180.6 571.3 181.3C571.4 181.4 571.4 181.6 571.5 181.7C571.7 182.3 572 183 572.2 183.7C572.2 183.8 572.3 184 572.3 184.1C572.4 184.3 572.4 184.5 572.4 184.6Z" fill="#FFCA51"/>
-          <g id="Group_10">
-          <path id="Vector_43" opacity="0.25" d="M565.2 172.2H549.9C550.1 172 550.2 171.9 550.4 171.8H564.6C564.8 171.9 565 172 565.2 172.2Z" fill="white"/>
-          <path id="Vector_44" opacity="0.25" d="M567.6 174.6H548C548.1 174.5 548.2 174.3 548.3 174.2H567.3C567.3 174.3 567.4 174.4 567.6 174.6Z" fill="white"/>
-          <path id="Vector_45" opacity="0.25" d="M569.2 177H546.4C546.5 176.9 546.6 176.7 546.6 176.6H569C569.1 176.7 569.1 176.8 569.2 177Z" fill="white"/>
-          <path id="Vector_46" opacity="0.25" d="M570.5 179.4H545.2C545.3 179.3 545.3 179.1 545.4 179H570.3C570.4 179.1 570.4 179.2 570.5 179.4Z" fill="white"/>
-          <path id="Vector_47" opacity="0.25" d="M571.5 181.8H544.2C544.3 181.7 544.3 181.5 544.4 181.4H571.4C571.4 181.5 571.5 181.7 571.5 181.8Z" fill="white"/>
-          <path id="Vector_48" opacity="0.25" d="M572.3 184.2H543.6C543.5 184.1 543.5 184 543.5 183.9V183.8H572.2C572.2 183.9 572.3 184 572.3 184.2Z" fill="white"/>
-          <path id="Vector_49" opacity="0.25" d="M571.4 186.2C571.3 186.3 571.2 186.5 571.1 186.6H545.4C545.3 186.5 545.2 186.3 545.1 186.2H571.4Z" fill="white"/>
-          <path id="Vector_50" opacity="0.25" d="M547.1 188.6H550C549.9 188.7 549.8 188.9 549.8 189H547.5C547.4 188.9 547.3 188.7 547.1 188.6Z" fill="white"/>
-          <path id="Vector_51" opacity="0.25" d="M569.3 189H550.7C550.7 188.8 550.7 188.7 550.8 188.6H569.3C569.3 188.7 569.3 188.8 569.3 189Z" fill="white"/>
-          <path id="Vector_52" opacity="0.25" d="M569.7 191.4H550.3C550.3 191.3 550.3 191.2 550.4 191.1V191H569.7C569.7 191.1 569.7 191.3 569.7 191.4Z" fill="white"/>
-          <path id="Vector_53" opacity="0.25" d="M570 193.8H549.7C549.7 193.7 549.8 193.5 549.8 193.4H570C569.9 193.6 570 193.7 570 193.8Z" fill="white"/>
-          <path id="Vector_54" opacity="0.25" d="M570.1 195.8C570.1 195.9 570.1 196.1 570.1 196.2H549.3C549.3 196.1 549.3 195.9 549.3 195.8H570.1Z" fill="white"/>
-          <path id="Vector_55" opacity="0.25" d="M569.9 198.2C569.9 198.4 569.8 198.5 569.8 198.6H550.5C550.3 198.5 550.1 198.3 550 198.2H569.9Z" fill="white"/>
-          </g>
-          <path id="Vector_56" d="M570.3 238.7C569.4 239.3 563.3 239.9 563.3 239.9L563.1 238.8L562 232.1L559.3 216.4L556.6 236.1L555.8 241.9C555.8 241.9 548.3 242.3 548.3 240.5C548.3 240.3 548.3 239.5 548.4 238.2C548.6 230.2 549.5 203.9 549.7 198C550 198.6 550.7 199 551.7 199.1C551.8 199.1 551.9 199.1 552 199.1C555.8 199.7 566.5 200.6 569.1 199.4C569.2 200.4 569.3 201.9 569.4 203.8C569.8 211.4 570.1 225.2 570.3 232.9C570.3 236.4 570.3 238.7 570.3 238.7Z" fill="#2F1829"/>
-          <path id="Vector_57" opacity="0.25" d="M562 232.1L559.3 216.4C559.3 216.4 560 210.1 560.3 209.3C560.6 208.6 562.5 209.1 563.3 208.6C563.7 209.6 561 211 560.8 214.3C560.7 216.6 561.5 226.7 562 232.1Z" fill="black"/>
-          <path id="Vector_58" opacity="0.25" d="M551.1 201.4C551.1 201.4 550.9 205 553.8 206.7" stroke="white" stroke-width="0.4635" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-          <g id="Group_11" opacity="0.25">
-          <g id="Group_12" opacity="0.25">
-          <path id="Vector_59" opacity="0.25" d="M551.8 206.2L551.7 206.9" stroke="white" stroke-width="0.4635" stroke-linecap="round" stroke-linejoin="round"/>
-          <path id="Vector_60" opacity="0.25" d="M551.7 208.2L550.3 238" stroke="white" stroke-width="0.4635" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.39 1.39"/>
-          <path id="Vector_61" opacity="0.25" d="M550.2 238.7V239.4" stroke="white" stroke-width="0.4635" stroke-linecap="round" stroke-linejoin="round"/>
-          </g>
-          </g>
-          <path id="Vector_62" opacity="0.25" d="M562 209.6L564.7 237.9" stroke="white" stroke-width="0.4635" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.39 1.39"/>
-          <path id="Vector_63" opacity="0.25" d="M564.3 201.9C564.3 201.9 564 205.4 564.3 206C564.6 206.7 565.9 207.2 566.2 207.4C566.5 207.5 567.7 206.4 567.8 205.7C567.9 205 567.9 202 567.9 202C567.9 202 565.7 201.6 564.3 201.9Z" stroke="white" stroke-width="0.4635" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-          <path id="Vector_64" opacity="0.25" d="M570.3 238.7C569.4 239.3 563.3 239.9 563.3 239.9L563.1 238.8C564.9 237.8 568.4 235.6 570.2 232.9C570.3 236.4 570.3 238.7 570.3 238.7Z" fill="black"/>
-          <path id="Vector_65" d="M570.7 241.3L569.9 241.4L564.5 242.2L564.1 242.3C563.3 242.4 562.6 241.9 562.4 241.1V241C562.3 240.2 562.8 239.5 563.6 239.3L570.2 238.3C571 238.2 571.7 238.7 571.9 239.5V239.6C572 240.4 571.5 241.2 570.7 241.3Z" fill="#4C3146"/>
-          <path id="Vector_66" opacity="0.25" d="M556.7 236L555.9 241.8C555.9 241.8 548.4 242.2 548.4 240.4C548.4 240.2 548.4 239.4 548.5 238.1C550.2 238 554.3 237.5 556.7 236Z" fill="black"/>
-          <path id="Vector_67" d="M556.5 242.2V242.3C556.4 243.1 555.7 243.7 554.9 243.6L549.2 243.1L548.3 243C547.5 242.9 546.9 242.2 547 241.4V241.3C547.1 240.5 547.8 239.9 548.6 240L555.2 240.6C556 240.7 556.6 241.4 556.5 242.2Z" fill="#4C3146"/>
-          <path id="Vector_68" opacity="0.25" d="M569.4 203.8C560.2 205 554 200.8 551.9 199.1C555.7 199.7 566.4 200.6 569 199.4C569.2 200.4 569.3 201.9 569.4 203.8Z" fill="black"/>
-          <path id="Vector_69" opacity="0.25" d="M550.4 191.1C551.1 187.8 550.8 186.9 550.8 186.9C550.8 186.9 549.6 189.9 548.9 190C548.6 190 547.4 188.9 546.2 187.6C547.2 187.3 548.7 186.8 549.5 185.9C550.7 184.5 550.6 178.5 551.1 178.5C551.6 178.5 552.7 189.6 549.6 193.9C549.9 193 550.2 192 550.4 191.1Z" fill="black"/>
-          <path id="Vector_70" opacity="0.25" d="M572.4 184.6C571 187.2 569.2 188.5 569.2 188.5C569.2 188.5 567.6 179.9 567.1 179.1C566.7 178.4 567.3 177.8 568.2 180.7C568.9 183 570.7 184.7 572.3 184.3C572.4 184.3 572.4 184.4 572.4 184.6Z" fill="black"/>
-          <path id="Vector_71" opacity="0.25" d="M569.5 199.1C569.4 199.2 569.2 199.3 569 199.4C567.5 200.1 563.7 200.1 559.8 199.9C562.4 199.6 568.7 198.2 569.8 192.7C570.1 195.2 570.3 198.2 569.5 199.1Z" fill="black"/>
-          <path id="Vector_72" opacity="0.25" d="M562 170.2C561.7 170.6 561.1 170.8 560.1 170.6C558.2 170.2 555.7 171 554.5 170.8C553.8 170.7 553.4 170.5 553.1 170.3C555.8 169.3 558.1 169.4 558.1 169.4C559.4 169.4 560.7 169.7 562 170.2Z" fill="black"/>
-          <path id="Vector_73" d="M548.7 190C548 190.9 547.2 192 546.3 193.1C544.4 192 542.9 190 542 188.8C542.8 187.4 543.6 185.7 544 184.9C544.5 185.7 545.3 186.7 546.2 187.6C547.2 188.8 548.2 189.8 548.7 190Z" fill="#2F1829"/>
-          <path id="Vector_74" opacity="0.25" d="M548.7 190C548 190.9 547.2 192 546.3 193.1C546 193.5 545.6 193.9 545.3 194.3C545.4 190.8 544.2 187.7 543.5 186.1C543.7 185.6 543.9 185.2 544.1 184.9C544.6 185.7 545.4 186.7 546.3 187.6C547.2 188.8 548.2 189.8 548.7 190Z" fill="black"/>
-          <path id="Vector_75" opacity="0.25" d="M542.7 187.6C542.7 188.6 541.7 190.1 541.5 190.5C541.2 191 541.4 193.3 541.1 193C540.8 192.7 540.7 191.6 540.3 191.2C539.9 190.9 535.3 189.7 534.5 189.5C536.8 190 540.2 191.1 540.7 190.8C541 190.7 541.5 189.8 542.1 188.7C542.3 188.5 542.5 188.1 542.7 187.6Z" fill="white"/>
-          <path id="Vector_76" opacity="0.25" d="M561.7 166.2C561.2 167.1 560.4 168 559.7 168.6C559.1 169 558.6 169.3 558.2 169.3C556.9 169.1 555.2 166.9 555.1 166.5C555.1 166.1 556.5 165.9 556.4 164.7C556.2 163.5 555.4 163.3 554.9 163.5C554.3 163.7 553.6 165 553.6 166.2C553.2 166.1 552.5 164.7 551.1 163.8C550.7 163.6 550.3 163.4 549.8 163.3C550.5 163.2 551.4 163.2 551.9 163.4C553.1 163.9 553.2 164.4 553.2 164.4C553.2 164.4 553.4 162.6 555.4 162.2C557.1 161.9 558.4 166.5 561.7 166.2Z" fill="black"/>
-          <path id="Vector_77" d="M555.9 251.1H542.8C542.8 251.1 542.7 250.7 542.7 250.2C542.7 249.5 542.9 248.6 544 248.2C544.4 248 544.8 247.9 545.2 247.7C546.8 246.9 548.6 245.9 548.9 245.3C548.9 245.3 549 245.3 549.2 245.4C549.5 245.5 550.1 245.8 550.8 246C551.1 246.1 551.4 246.1 551.7 246.1C552.4 246.1 553.9 245.7 554.8 245.6C555.2 245.5 555.5 245.5 555.6 245.7C555.8 246 556 248.7 556.1 250.2C555.8 250.7 555.9 251.1 555.9 251.1Z" fill="#1F3247"/>
-          <path id="Vector_78" d="M554.9 243.6C554.8 244.2 554.7 244.9 554.5 245.5C553.8 245.6 552.9 245.8 552.2 245.9C551.9 245.9 551.7 246 551.5 246C550.7 246 549.6 245.5 549.1 245.3C549.1 244.6 549.2 243.7 549.2 243L551.5 243.2L554.9 243.6Z" fill="url(#paint15_linear)"/>
-          <path id="Vector_79" d="M571.6 251.1H563.7C563.7 251.1 563.6 250.7 563.6 250.2C563.6 249.8 563.7 249.4 563.9 248.9C564.5 247.6 564.2 245.6 564.4 245.2C564.4 245.2 564.5 245.2 564.8 245.2C565.9 245.1 569 244.8 569.9 244.8C570 244.8 570 244.8 570.1 244.8C570.6 245 571.2 248.4 571.5 250.2C571.6 250.6 571.6 250.9 571.6 251.1Z" fill="#1F3247"/>
-          <path id="Vector_80" opacity="0.25" d="M555.8 250.1C555.8 250.7 555.9 251 555.9 251H542.8C542.8 251 542.7 250.6 542.7 250.1H555.8Z" fill="black"/>
-          <path id="Vector_81" opacity="0.25" d="M571.6 251.1H563.7C563.7 251.1 563.6 250.7 563.6 250.2H571.5C571.6 250.6 571.6 250.9 571.6 251.1Z" fill="black"/>
-          <path id="Vector_82" d="M550.6 245.9C549.4 246.7 547.1 248.1 546.3 248.1C545.7 248.1 545.3 247.8 545 247.6C546.6 246.8 548.4 245.8 548.7 245.2C548.7 245.2 548.8 245.2 549 245.3C549.4 245.5 550 245.7 550.6 245.9Z" fill="#122230"/>
-          <path id="Vector_83" opacity="0.25" d="M554.9 243.6C554.8 244.2 554.7 244.9 554.5 245.5C553.8 245.6 552.9 245.8 552.2 245.9L551.4 243.2L554.9 243.6Z" fill="black"/>
-          <path id="Vector_84" opacity="0.25" d="M569.9 241.4V244.7C569.3 244.6 567.9 244.7 566.7 244.9L565.8 242.1L569.9 241.4Z" fill="black"/>
-          </g>
-          </g>
-          <g id="Group_13">
-          <g id="Group_14">
-          <path id="Vector_85" d="M98.3 163.3C98.3 163.3 98.2 164.3 98.1 165.5C97.9 167.1 97.5 169.2 96.8 170.2C96.8 170.2 96.8 170.3 96.7 170.3C95.6 171.7 93.6 171.4 92.6 169.6C93.2 168.8 93.5 167.9 93.1 167.5C92.3 166.7 92.5 164.4 93.7 164.7C94.9 165 95.1 168.2 95.5 168.1C95.8 168.2 97.6 165.3 98.3 163.3Z" fill="url(#paint16_linear)"/>
-          <path id="Vector_86" d="M98.7 161.9C98.7 162.2 98.6 162.7 98.4 163.3C98.3 163.6 98.1 164 98 164.3C97.2 166.1 95.9 168.1 95.6 168.2C95.2 168.3 95 165 93.8 164.8C92.6 164.5 92.4 166.8 93.2 167.6C93.6 168 93.3 168.9 92.7 169.7C92 170.5 91 171.1 89.9 170.4C87.9 169.2 87.5 161.4 87.5 160.8C87.5 160.8 87.5 160.3 87.6 159.6C87.8 158.6 88.5 157.4 90.2 156.6C93.2 155.3 98.7 155.6 98.7 161.9Z" fill="#2F1829"/>
-          <path id="Vector_87" d="M114.4 194.3C114.4 194.4 114.4 194.5 114.3 194.5C114.2 194.9 114.1 195.1 114 195.1C113.9 195.1 113.3 195.1 112.4 195C111.2 194.8 109.4 194.6 107.8 194.3C105.8 193.9 104 193.5 103.4 193.2C102.9 192.9 102.1 191.9 101.3 190.7C101.1 190.4 100.9 190.1 100.7 189.7C99.7 188.1 98.9 186.5 98.7 186.1C98.7 186 98.6 186 98.6 186C98.6 186 98.6 186 98.6 186.1C98.6 186.5 98.4 188.1 97.9 189.7C97.8 190 97.7 190.4 97.5 190.7C97.4 191 97.2 191.3 97 191.5C96.5 192.3 96.6 193.3 96.9 194.3C96.9 194.4 97 194.5 97 194.7C97.1 194.9 97.2 195.1 97.3 195.3C97.5 195.7 97.6 196 97.8 196.3C98.3 197.3 98.7 198.2 98.6 198.7C98.6 198.8 98.5 198.8 98.4 198.9C98.3 199 98.3 199 98.2 199.1C97.9 199.3 97.3 199.6 96.6 199.9C92.7 201.5 83.9 203.4 80.1 199.9C80 199.8 80 199.8 79.9 199.7C79.7 199.4 79.6 199.2 79.6 198.9C79.6 198.5 79.8 198.2 80.1 197.7C80.5 197 81.2 196.3 81.7 195.2C81.9 194.9 82 194.6 82.1 194.2C82.3 193.7 82.5 193.1 82.5 192.4C82.6 191.8 82.6 191.1 82.7 190.5C82.7 190.2 82.8 189.8 82.8 189.5C82.9 188.2 82.9 187 82.9 185.9C82.9 185.6 82.9 185.2 82.9 184.9C82.9 183.6 82.8 182.4 82.8 181.3C82.8 181 82.8 180.6 82.8 180.3C82.8 179 82.8 177.8 82.9 176.7C82.9 176.4 83 176 83 175.7C83.3 174.2 83.9 173 85 172.1L85.1 172C85.5 171.7 85.9 171.4 86.2 171.1C86.6 170.8 87 170.6 87.3 170.3C89.7 168.9 90.9 169.1 90.9 169.1C90.9 169.1 91.6 169.1 92.7 169.3C93.8 169.5 95.1 169.8 96.5 170.3C96.7 170.4 96.8 170.4 97 170.5C97.4 170.7 97.7 170.8 98.1 171C98.3 171.1 98.6 171.3 98.8 171.4C99.1 171.6 99.4 171.8 99.6 172C100.3 172.5 100.8 173.1 101.3 173.8C101.6 174.3 102 175 102.3 175.6C102.5 175.9 102.6 176.2 102.8 176.6C103.3 177.8 103.9 179 104.4 180.2C104.5 180.5 104.7 180.9 104.8 181.2C105.3 182.5 105.8 183.8 106.1 184.8C106.2 185.1 106.3 185.5 106.4 185.8C106.8 186.9 107 187.6 107.1 187.9C107.2 188.3 108.1 188.7 109.2 189.1C109.6 189.2 109.9 189.3 110.3 189.4C111.1 189.6 111.8 189.8 112.5 190C113 190.1 113.5 190.3 113.9 190.4C114.3 190.5 114.5 190.6 114.6 190.7C114.6 190.7 114.6 190.8 114.7 190.9C114.7 191.8 114.6 193.3 114.4 194.3Z" fill="#F5B539"/>
-          <g id="Group_15" opacity="0.25">
-          <g id="Group_16" opacity="0.25">
-          <path id="Vector_88" opacity="0.25" d="M98.1 171.4C98.4 171.6 98.7 171.7 99 171.9H85.7C85.9 171.7 86.2 171.5 86.4 171.4H98.1ZM98.1 171.2H86.2C85.8 171.5 85.5 171.7 85.1 172.1L85 172.2H99.7C99.2 171.8 98.7 171.5 98.1 171.2Z" fill="white"/>
-          </g>
-          <g id="Group_17" opacity="0.25">
-          <path id="Vector_89" opacity="0.25" d="M102.1 176.1C102.2 176.3 102.3 176.4 102.4 176.6H83.1C83.1 176.4 83.2 176.2 83.2 176.1H102.1ZM102.3 175.8H83C82.9 176.1 82.9 176.4 82.9 176.8H102.8C102.6 176.5 102.4 176.1 102.3 175.8Z" fill="white"/>
-          </g>
-          <g id="Group_18" opacity="0.25">
-          <path id="Vector_90" opacity="0.25" d="M104.2 180.7C104.3 180.9 104.3 181 104.4 181.2H83.1C83.1 181 83.1 180.9 83.1 180.7H104.2ZM104.3 180.5H82.8C82.8 180.8 82.8 181.1 82.8 181.5H104.7C104.6 181.1 104.4 180.8 104.3 180.5Z" fill="white"/>
-          </g>
-          <g id="Group_19" opacity="0.25">
-          <path id="Vector_91" opacity="0.25" d="M105.9 185.3L106 185.7L106.1 185.9H83.3C83.3 185.7 83.3 185.6 83.3 185.4H105.9V185.3ZM106 185.1H83C83 185.4 83 185.7 83 186.1H106.4C106.3 185.8 106.1 185.4 106 185.1Z" fill="white"/>
-          </g>
-          <g id="Group_20" opacity="0.25">
-          <path id="Vector_92" opacity="0.25" d="M97.6 189.9C97.5 190.1 97.5 190.3 97.4 190.4H83.1C83.1 190.2 83.1 190.1 83.1 189.9H97.6ZM97.9 189.7H82.9C82.9 190 82.9 190.3 82.8 190.7H97.5C97.7 190.4 97.8 190 97.9 189.7Z" fill="white"/>
-          </g>
-          <g id="Group_21" opacity="0.25">
-          <path id="Vector_93" opacity="0.25" d="M110.2 189.9C110.8 190.1 111.4 190.2 111.9 190.4L112.1 190.5H101.5C101.4 190.3 101.3 190.2 101.2 190H110.2V189.9ZM110.2 189.7H100.7C100.9 190 101.1 190.4 101.3 190.7H113.7C113.3 190.6 112.9 190.4 112.3 190.3C111.8 190.1 111 189.9 110.2 189.7Z" fill="white"/>
-          </g>
-          <g id="Group_22" opacity="0.25">
-          <path id="Vector_94" opacity="0.25" d="M96.9 194.6C96.9 194.6 96.9 194.7 97 194.7V194.8C97 194.9 97.1 195 97.1 195.1H82.2C82.3 194.9 82.4 194.8 82.4 194.6H96.9V194.6ZM97 194.3H82.2C82.1 194.7 81.9 195 81.8 195.3H97.4C97.3 195.1 97.2 194.9 97.1 194.7C97.1 194.6 97.1 194.5 97 194.3Z" fill="white"/>
-          </g>
-          <g id="Group_23" opacity="0.25">
-          <path id="Vector_95" opacity="0.25" d="M114.1 194.6C114 194.9 113.9 195 113.9 195C113.9 195 113.9 195 113.8 195C113.6 195 113.1 195 112.4 194.9C111.8 194.8 111.2 194.7 110.5 194.6H114.1V194.6ZM114.4 194.3H107.8C109.4 194.6 111.2 194.9 112.4 195C113.1 195.1 113.6 195.1 113.8 195.1C113.9 195.1 113.9 195.1 114 195.1C114.1 195.1 114.2 194.8 114.3 194.5C114.4 194.5 114.4 194.4 114.4 194.3Z" fill="white"/>
-          </g>
-          <g id="Group_24" opacity="0.25">
-          <path id="Vector_96" opacity="0.25" d="M97.8 199.2C97.5 199.4 97.1 199.5 96.7 199.7H80.4L80.3 199.6L80.1 199.8L80.2 199.6C80.1 199.5 80 199.4 80 199.2H97.8ZM98.5 199H79.7C79.7 199.3 79.8 199.5 80 199.8C80.1 199.9 80.1 199.9 80.2 200H96.7C97.4 199.7 97.9 199.4 98.3 199.2C98.4 199.1 98.4 199 98.5 199Z" fill="white"/>
-          </g>
-          </g>
-          <path id="Vector_97" d="M99.9 242.3C99.8 242.5 99.8 242.7 99.7 242.8C98.6 244.7 95.6 244.9 94.5 244.5C94.4 244.5 94.2 244.4 94.2 244.3C93.5 243.7 93 238.9 89.4 211.7C89.4 211.8 89.4 211.8 89.4 211.9C89.3 215.8 88.5 222.6 87.7 228.9C86.8 235.9 85.8 242.2 85.6 243.2C85.6 243.5 85.4 243.8 85.2 244.1C84.2 245.2 81.7 245.5 80.2 243.7C80.1 243.6 80 243.4 79.9 243.2C80.5 238.2 80.8 222.8 79.8 213.6C79.4 210.2 79.4 207.2 79.5 204.8C79.6 202.3 79.9 200.5 80.1 199.5C83.9 203.3 93.1 201.3 97 199.6C97.6 199.3 98 199.1 98.3 198.9C99.3 203.5 98.9 216.4 99.9 242.3Z" fill="#2F1829"/>
-          <path id="Vector_98" opacity="0.25" d="M97.1 170.7C90.7 170.9 88.9 180.8 88.9 180.8L87.4 170.4C89.8 169 91 169.2 91 169.2C91 169.2 94.1 169.4 97.1 170.7Z" fill="black"/>
-          <path id="Vector_99" d="M107.2 251C107.2 251 96.3 251 94.5 251C94.4 250.6 94.4 250.1 94.4 249.5C94.4 249.3 94.4 249.1 94.4 248.8C94.4 247.3 94.4 245.5 94.5 244.6C94.8 244.7 95.2 244.8 95.7 244.7C96.7 244.7 97.9 244.4 98.8 243.8C99.1 243.6 99.4 243.2 99.6 242.9C100.4 244.6 102 245.7 103.5 246.5C104.8 247.2 106.1 247.7 106.6 248.1C107.1 248.5 107.3 249 107.3 249.5C107.5 250.2 107.2 251 107.2 251Z" fill="#1F3247"/>
-          <path id="Vector_100" d="M85.3 249.5C85.3 250.5 85.2 251 85.2 251H77.9C78 250.5 78.1 250 78.2 249.5C78.8 247 79.7 244.8 80.1 243.9C80.6 244.5 81.2 244.8 81.8 245C82.5 245.2 83.2 245.2 83.9 245C84.4 244.8 84.9 244.6 85.2 244.2C85.4 246.3 85.3 248.2 85.3 249.5Z" fill="#1F3247"/>
-          <path id="Vector_101" opacity="0.25" d="M98.7 198.7C98.7 198.8 98.5 199 98.3 199.1C96 200.7 84.4 204.1 80.1 199.7C79.5 199.1 79.8 198.5 80.3 197.8C80.9 198.3 82 198.8 84 199.2C87.9 199.8 94.7 198.8 98 196.4C98.4 197.4 98.8 198.2 98.7 198.7Z" fill="black"/>
-          <g id="girllight">
-          <path id="Vector_102" d="M121.8 188C121.8 188 119.4 179.3 124.5 173.8C129.6 168.3 143.5 160.1 143.8 149.9C144.1 139.7 151.7 126.9 161.8 124.5C171.9 122.2 179.6 98.8 188.7 94.2C197.8 89.5 210.7 89.1 214.4 83.2C218.1 77.3 261.7 162 259.6 170.7C257.4 179.4 218.6 168.2 208.2 170.8C197.8 173.4 192.9 179.6 181.3 181.2C169.7 182.8 152.5 180 146.5 183.4C140.5 186.8 129.4 191.8 123.9 189.8C121.6 188.8 121.8 188 121.8 188Z" fill="url(#paint17_linear)"/>
-          <path id="Vector_103" d="M123.9 189.6L121.4 187.1C121 186.7 120.4 186.9 120.3 187.4L119.7 189.6L114.4 194.9C114.2 195.1 114.2 195.5 114.4 195.7L115.2 196.5C115.4 196.7 115.8 196.7 116 196.5L121.3 191.2L123.5 190.6C124.1 190.6 124.3 190 123.9 189.6Z" fill="#2F1829"/>
-          <path id="Vector_104" d="M121.2 192.6C121.1 193.4 118.2 195.9 117.3 195.7C117.2 195.7 117 195.6 116.9 195.5C116.3 195.2 115.6 194.6 114.4 194.5C114.6 193.5 114.7 191.7 114.6 191.1C114.8 191 115 190.9 115.2 190.8C116.2 190.4 117.5 189.8 118 189.9C118.9 190.2 121.4 191.8 121.2 192.6Z" fill="url(#paint18_linear)"/>
-          <path id="Vector_105" opacity="0.25" d="M114.4 194.6C114.3 195 114.2 195.2 114.1 195.2C114 195.2 113.4 195.2 112.5 195.1C113.1 192.8 112.7 191.1 112.5 190.3C113.6 190.6 114.4 190.8 114.5 191C114.5 191 114.5 191.1 114.6 191.2C114.7 191.8 114.6 193.6 114.4 194.6Z" fill="black"/>
-          </g>
-          <path id="Vector_106" opacity="0.25" d="M97.2 194.7C95.7 193.3 96.4 192.1 97.2 189.3C98 186.4 96.4 185.2 96.1 182C95.8 178.8 96.2 177 98.1 174.9C95.7 181.1 98.7 186 98.7 186C98.7 186 98.6 189.4 97.1 191.6C96.5 192.4 96.7 193.6 97.2 194.7Z" fill="black"/>
-          <path id="Vector_107" opacity="0.25" d="M97.9 164.4C97.1 166.2 95.8 168.2 95.5 168.3C95.1 168.4 94.9 165.1 93.7 164.9C92.5 164.6 92.3 166.9 93.1 167.7C93.5 168.1 93.2 169 92.6 169.8C91.9 170.6 90.9 171.2 89.8 170.5C87.8 169.3 87.4 161.5 87.4 160.9C87.4 160.9 87.4 160.4 87.5 159.7C88.5 159.6 90.8 159.8 91.3 161.8C91.8 163.8 91.8 164.7 91.8 165.1C91.9 164.5 92.4 162.8 94.3 163.2C95.4 163.3 96.7 164.1 97.9 164.4Z" fill="black"/>
-          <g id="hairgirl">
-          <path id="Vector_108" d="M89.6 161.6C89.6 161.6 88.8 159.9 86.1 160.4C83.5 160.9 82.3 164.3 83.5 169.8C83.5 164.9 84.2 163.8 84.2 163.8C84.2 163.8 83.1 166.8 84.5 173.5C85.9 180.2 86.8 186.7 83.2 189.5C90.3 185.5 90.8 180.7 90.3 174.9C90 169.1 91.3 164 89.6 161.6Z" fill="#2F1829"/>
-          </g>
-          <path id="Vector_109" opacity="0.25" d="M93.9 167.5C93.8 167.9 95.2 169.8 96.7 170.2C96.7 170.2 96.7 170.3 96.6 170.3C96.6 170.4 96.5 170.4 96.5 170.5C95.1 170 93.7 169.6 92.7 169.5C93.2 168.8 93.4 168 93 167.6C92.2 166.8 92.4 164.5 93.6 164.8C94.8 165.1 95 168.3 95.4 168.2C95.7 168.1 97.5 165.3 98.2 163.3C98.2 163.3 98.1 164.3 98 165.5C97.6 166.2 96.7 167.7 96 168.3C95.1 169.1 94.7 168.1 94.5 167.5C94.4 167 94 167 93.9 167.5Z" fill="black"/>
-          <path id="Vector_110" opacity="0.25" d="M81.5 204.9C81.5 204.9 81.3 208.6 81.8 209.6C82.3 210.6 83.7 211.3 83.7 211.3C83.7 211.3 85.5 210.5 86 209.4C86.5 207.2 86.4 204.5 86.4 204.5C86.4 204.5 82.8 203.7 81.5 204.9Z" stroke="white" stroke-width="0.4635" stroke-miterlimit="10"/>
-          <path id="Vector_111" opacity="0.25" d="M97.2 201.9C97.2 201.9 97.4 205 94.7 206.5" stroke="white" stroke-width="0.4635" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-          <path id="Vector_112" opacity="0.25" d="M96.5 204.6L98.7 241.6" stroke="white" stroke-width="0.4635" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-          <path id="Vector_113" opacity="0.25" d="M89.3 212C89.2 215.9 88.4 222.7 87.6 229.1C87.5 221.7 86.4 212.6 86.8 211.1C87.9 212.1 89.3 212 89.3 212Z" fill="black"/>
-          <path id="Vector_114" opacity="0.25" d="M87.4 213L84.3 243.2" stroke="white" stroke-width="0.4635" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-          <path id="Vector_115" opacity="0.25" d="M96.9 199.9C95.1 201.7 89.5 206.1 79.4 205.1C79.5 202.6 79.8 200.8 80 199.8C83.8 203.6 93.1 201.5 96.9 199.9Z" fill="black"/>
-          <path id="Vector_116" opacity="0.25" d="M78.3 249.5H85.3C85.3 250.5 85.2 251 85.2 251H77.9C78 250.5 78.1 250 78.3 249.5Z" fill="black"/>
-          <path id="Vector_117" opacity="0.25" d="M107.2 251C107.2 251 96.3 251 94.5 251C94.4 250.6 94.4 250.1 94.4 249.5H107.4C107.5 250.2 107.2 251 107.2 251Z" fill="black"/>
-          <path id="Vector_118" opacity="0.25" d="M103.6 246.4C101.3 247.5 99.7 245.2 98.9 243.7C99.2 243.5 99.5 243.1 99.7 242.8C100.5 244.5 102.1 245.6 103.6 246.4Z" fill="white"/>
-          <path id="Vector_119" opacity="0.25" d="M83.9 245C83.7 248.4 82.5 248.5 81.9 248.1C81.3 247.8 81.7 245.6 81.9 244.9C82.5 245.2 83.2 245.2 83.9 245Z" fill="black"/>
-          <path id="Vector_120" opacity="0.25" d="M94.4 248.8C94.4 247.3 94.4 245.5 94.5 244.6C94.8 244.7 95.2 244.8 95.7 244.7C95.9 245.8 96 248.3 94.4 248.8Z" fill="black"/>
-          <path id="Vector_121" opacity="0.25" d="M114.4 194.6C114.6 193.6 114.7 191.8 114.6 191.2C114.8 191.1 115 191 115.2 190.9C115.8 191.8 116.9 193.5 117 195.5C116.3 195.2 115.7 194.6 114.4 194.6Z" fill="black"/>
-          <path id="Vector_122" opacity="0.25" d="M109.1 189.4C107.1 189.6 105.7 191.7 105.6 191.3C105.4 190.8 106.5 189.8 106.4 189.1C106.3 188.4 103.2 180.5 101.5 176.6C100.5 174.2 99.5 172.6 98.9 171.6C99.2 171.8 99.5 172 99.7 172.2C100.4 172.7 100.9 173.3 101.4 174C101.7 174.5 102.1 175.2 102.4 175.8C102.6 176.1 102.7 176.4 102.9 176.8C103.4 178 104 179.2 104.5 180.4C104.6 180.7 104.8 181.1 104.9 181.4C105.4 182.7 105.9 184 106.2 185C106.3 185.3 106.4 185.7 106.5 186C106.9 187.1 107.1 187.8 107.2 188.1C107.2 188.6 108 189 109.1 189.4Z" fill="white"/>
-          </g>
-          </g>
-          <path id="Vector_123" d="M592.4 253C591.7 252.5 570.9 196.3 594.9 164.3C591.6 186.9 593.4 205.4 593.4 205.4L590.3 208.5L593.8 209.5C593.8 209.5 596.1 240.9 597.3 244.5C594.7 221 601.1 207.3 601.1 207.3C601.1 207.3 600 224 602.1 230.1L600.4 232.3L602.1 232C602.1 232 600.9 242.1 602.1 245.1C602.1 245.1 615.5 205.1 609.2 187.5C617.5 200.3 615.1 221.8 615.1 221.8L613 222.6L614.3 223.6C614.3 223.6 610.8 246.5 602.9 252.9" fill="#2F1829"/>
-          <g id="Group_25">
-          <path id="Vector_124" d="M452.1 246.4C452.1 246.4 433.5 244.7 426.1 249.9C429.6 244.9 443.7 242.6 443.7 242.6L444.7 243.4V242.6C444.7 242.6 447.1 241.4 450.6 240.9C433.7 237.6 425.6 240.8 425.6 240.8C425.6 240.8 428.7 238.2 433.9 236.7C439.1 235.2 442.3 235.8 442.3 235.8L444.4 237.1V235.7L462.4 241" fill="black"/>
-          <path id="Vector_125" d="M523.5 247.4C523.5 247.4 521.5 234.8 531.8 226.1C531.7 236.3 528.9 245 523.5 247.4Z" stroke="#1F3247" stroke-width="0.9271" stroke-miterlimit="10"/>
-          <g id="Group_26">
-          <path id="Vector_126" d="M454.5 239.1L452.5 244C451.1 239.1 448 238.1 446.4 238C445.8 237.9 445.5 238 445.5 238L446.2 235.6L443.9 236C443.9 236 441.3 229.7 429.6 222C440.3 221.4 446.9 227 450.6 232C453.4 235.7 454.5 239.1 454.5 239.1Z" fill="#FFCA51"/>
-          <g id="Group_27" opacity="0.25">
-          <path id="Vector_127" opacity="0.25" d="M429.6 222C432.1 222.6 434.6 223.5 437 224.6C439.4 225.7 441.7 226.9 443.9 228.3C446.1 229.8 448.1 231.5 449.9 233.5C451.6 235.5 453 237.8 454 240.3C454 240.4 454 240.6 453.9 240.6C453.8 240.6 453.6 240.6 453.6 240.5C452.7 238.1 451.4 235.8 449.7 233.8C448 231.8 446 230.1 443.9 228.6C441.7 227.1 439.4 225.9 437 224.8C434.6 223.6 432.1 222.6 429.6 222Z" fill="white"/>
-          </g>
-          <path id="Vector_128" opacity="0.25" d="M454.5 239.1L452.5 244C451.1 239.1 448 238.1 446.4 238C449.2 236.3 450.2 233.6 450.6 231.9C453.4 235.7 454.5 239.1 454.5 239.1Z" fill="black"/>
-          </g>
-          <g id="Group_28">
-          <path id="Vector_129" d="M531.8 215.8C512.6 231.6 507.7 239.4 507.7 239.4L504.3 237.9C504.3 237.9 504.3 238 504.3 238.2C504.3 239.1 504.4 241.5 504.3 242.4C504.2 243.1 497.4 246.8 493.5 248.8C491.9 249.6 490.9 250.2 490.9 250.2L487.7 247L488 246.4L489.7 243.2C489.7 243.2 494.1 236.9 501.6 230.3C508.9 223.7 519.4 216.9 531.8 215.8Z" fill="#FFADAE"/>
-          <g id="Group_29" opacity="0.25">
-          <path id="Vector_130" opacity="0.25" d="M489.6 248.9C492.2 245.1 495.1 241.5 498.1 238.1C501.1 234.7 504.4 231.4 507.8 228.4C511.3 225.4 515 222.7 519 220.4C523 218.2 527.3 216.5 531.8 215.7C527.3 216.5 523 218.2 519 220.5C515 222.8 511.4 225.5 507.9 228.5C504.5 231.5 501.3 234.8 498.3 238.2C495.3 241.6 492.5 245.2 489.9 249C489.8 249.1 489.7 249.1 489.6 249.1C489.5 249.2 489.5 249 489.6 248.9Z" fill="white"/>
-          </g>
-          <path id="Vector_131" opacity="0.25" d="M504.3 242.3C504.2 243 497.4 246.7 493.5 248.7C491.4 247.9 489.4 247 488 246.2L489.7 243C489.7 243 494.1 236.7 501.6 230.1C502 232.4 502.9 235.7 504.4 238.1C504.3 239 504.4 241.5 504.3 242.3Z" fill="black"/>
-          </g>
-          <g id="Group_30">
-          <path id="Vector_132" d="M519.7 205.4C506 216.8 499.7 226.4 497.1 231.2C495.9 233.4 495.5 234.7 495.5 234.7L492.5 233.6L493.7 236.3L489.3 245.1L487.4 249V233.6C488 232.5 488.8 231 489.8 229.3C491.7 226.1 494.4 222.2 497.9 218.4C499.5 216.7 501.2 215 503 213.4C507.8 209.6 513.3 206.5 519.7 205.4Z" fill="#F3475C"/>
-          <g id="Group_31" opacity="0.25">
-          <path id="Vector_133" opacity="0.25" d="M487.3 239.8C488.7 236 490.6 232.4 492.7 228.9C494.8 225.4 497.3 222.2 500 219.2C502.7 216.2 505.8 213.5 509.1 211.1L511.6 209.4L514.3 207.9C514.7 207.7 515.2 207.4 515.6 207.2L517 206.6L519.8 205.4L517 206.6L515.6 207.2C515.2 207.4 514.7 207.7 514.3 207.9L511.7 209.4L509.2 211.1C505.9 213.5 502.9 216.2 500.2 219.2C497.5 222.2 495.1 225.5 493.1 229C491 232.5 489.2 236.1 487.9 239.9C487.9 240 487.7 240.1 487.6 240C487.3 240.1 487.3 239.9 487.3 239.8Z" fill="white"/>
-          </g>
-          <path id="Vector_134" opacity="0.25" d="M495.6 234.8L492.6 233.7L493.8 236.4L489.4 245.2L487.5 245.5V233.7C488.1 232.6 488.9 231.1 489.9 229.4C491.3 230.5 493.7 231.8 497.1 231.3C496 233.5 495.6 234.8 495.6 234.8Z" fill="black"/>
-          </g>
-          <path id="Vector_135" d="M537.2 251.1H487.5V244.1C487.5 244.1 488.2 242.4 490.2 241.4C490.8 241.1 491.6 240.8 492.4 240.7C496.1 240.2 497.4 243.3 497.4 243.3C497.4 243.3 498.3 240.6 502 240.3C505.6 240 507.8 245.6 507.9 246C507.9 245.7 507.6 242.6 510.4 242.4C513.3 242.2 513.3 246 513.3 246C513.3 246 515.6 243.5 518.6 243.6C521.6 243.8 522.2 246.7 522.2 246.7C522.2 246.7 523.9 244.2 527.5 245.1C531.2 245.9 531.7 251.1 537.2 251.1Z" fill="#982245"/>
-          <path id="Vector_136" opacity="0.25" d="M521.7 251.1H487.6V244.1C487.6 244.1 488.3 242.4 490.3 241.4C491.8 241.5 494.4 242 495.5 244C497.1 246.9 497.2 249.6 497.2 249.6C497.2 249.6 500.5 244.8 503.2 245.6C505.9 246.4 507.3 249.6 507.3 249.6C507.3 249.6 510.1 246.6 512.5 247.6C513.6 248.2 517.8 249.7 521.7 251.1Z" fill="black"/>
-          <path id="Vector_137" d="M423.7 253C423.5 252.9 417.7 237.1 424.4 228.1C423.5 234.5 424 239.7 424 239.7L423.1 240.6L424.1 240.9C424.1 240.9 424.8 249.7 425.1 250.8C424.4 244.2 426.2 240.3 426.2 240.3C426.2 240.3 425.9 245 426.5 246.7L426 247.3L426.5 247.2C426.5 247.2 426.2 250 426.5 250.9C426.5 250.9 430.3 239.7 428.5 234.7C430.8 238.3 430.2 244.3 430.2 244.3L429.6 244.5L430 244.8C430 244.8 429 251.2 426.8 253" fill="#2F1829"/>
-          </g>
-          <g id="Group_32">
-          <path id="Vector_138" d="M197 247.9C197 247.9 167.7 228.2 150.6 230C161 224.9 186.5 233.9 186.5 233.9L187.5 236.2L188.2 234.9C188.2 234.9 193.3 235 199.5 237.5C174.5 216.5 158.1 214.5 158.1 214.5C158.1 214.5 165.6 213.1 175.6 215.3C185.6 217.5 190.4 221.5 190.4 221.5L192.7 225.5L193.9 223.3L218.9 248.5" fill="black"/>
-          <path id="Vector_139" d="M174.2 250.2C174.2 250.2 161.8 247.6 154.1 238.3C167.3 239.7 173 244.4 174.2 250.2Z" stroke="#1F3247" stroke-width="0.9271" stroke-miterlimit="10"/>
-          <g id="Group_33">
-          <path id="Vector_140" d="M215.5 194.6C214.4 219.4 217 228.3 217 228.3L213.6 229.9C213.6 229.9 213.7 230 213.8 230.1C214.5 230.7 216.3 232.3 216.9 232.9C217.4 233.4 215.6 241 214.5 245.2C214.1 246.9 213.8 248.1 213.8 248.1L209.3 248.3L209.1 247.6L207.8 244.2C207.8 244.2 206 236.7 206.1 226.8C206.1 216.9 208.1 204.5 215.5 194.6Z" fill="#FFADAE"/>
-          <g id="Group_34" opacity="0.25">
-          <path id="Vector_141" opacity="0.25" d="M212 248.1C210.9 243.6 210.2 239.1 209.6 234.6C209.1 230 208.8 225.5 208.9 220.9C209 216.3 209.4 211.7 210.4 207.3C211.4 202.8 213 198.5 215.5 194.6C213.1 198.5 211.5 202.8 210.5 207.3C209.5 211.8 209.1 216.3 209.1 220.9C209 225.5 209.4 230 209.9 234.6C210.5 239.1 211.3 243.6 212.4 248.1C212.4 248.2 212.4 248.4 212.2 248.4C212.2 248.3 212 248.3 212 248.1Z" fill="white"/>
-          </g>
-          <path id="Vector_142" opacity="0.25" d="M216.9 232.8C217.4 233.3 215.6 240.9 214.5 245.1C212.5 246.2 210.5 247 209 247.6L207.7 244.2C207.7 244.2 205.9 236.7 206 226.8C208 228 211 229.5 213.8 230C214.4 230.6 216.3 232.2 216.9 232.8Z" fill="black"/>
-          </g>
-          <g id="Group_35">
-          <path id="Vector_143" d="M233 211.6C226.9 222.3 225.1 230 224.6 233.7C224.4 235.4 224.4 236.3 224.4 236.3H222.2L223.6 237.8L222.9 244.6L222.6 247.6L218.9 237.7C219 236.8 219.2 235.7 219.4 234.3C219.9 231.8 220.7 228.6 222 225.3C222.6 223.8 223.3 222.3 224.1 220.9C226.3 217.2 229.1 213.9 233 211.6Z" fill="#F3475C"/>
-          <g id="Group_36" opacity="0.25">
-          <path id="Vector_144" opacity="0.25" d="M220.2 241.7C220.2 238.9 220.5 236.1 221.1 233.3C221.6 230.5 222.4 227.9 223.5 225.3C224.5 222.7 225.9 220.2 227.4 217.9L228.6 216.2L230 214.6C230.2 214.3 230.5 214.1 230.7 213.8L231.5 213.1L233 211.7L231.5 213.2L230.8 213.9C230.6 214.2 230.3 214.4 230.1 214.7L228.8 216.3L227.6 218C226.1 220.3 224.7 222.8 223.8 225.4C222.8 228 222.1 230.7 221.5 233.4C221 236.1 220.7 238.9 220.7 241.7C220.7 241.8 220.6 241.9 220.5 241.9C220.3 241.9 220.2 241.8 220.2 241.7Z" fill="white"/>
-          </g>
-          <path id="Vector_145" opacity="0.25" d="M224.4 236.4H222.2L223.6 237.9L222.9 244.7L221.7 245.3L218.9 237.7C219 236.8 219.2 235.7 219.4 234.3C220.5 234.7 222.4 235 224.5 233.8C224.4 235.5 224.4 236.4 224.4 236.4Z" fill="black"/>
-          </g>
-          <path id="Vector_146" d="M254 251H241.6L187.6 251.1H171.6C171.6 251.1 172.9 246.8 179.2 244.8C185.5 242.8 187.3 246.9 187.3 246.9C187.3 246.9 187 238.7 194.4 235.9C201.8 233.1 205.1 242.5 205.1 242.5C205.1 242.5 206.6 237.9 214.5 237.5C222.4 237.1 221.6 243.3 221.6 243.3C221.6 243.3 226.1 238.3 234.2 239.4C242.3 240.5 243.1 247 243.1 247C243.1 247 250.2 244.8 254 251Z" fill="#982245"/>
-          <path id="Vector_147" opacity="0.25" d="M241.6 251L187.6 251.1C190.4 248.6 195 245.4 199.8 245.3C207.7 245.2 209 248.1 209 248.1C209 248.1 213.9 242.9 217.7 243.8C221.6 244.7 221.7 248.8 221.7 248.8C221.7 248.8 234.1 245.9 241.6 251Z" fill="black"/>
-          <path id="Vector_148" d="M262.9 254.5C262.9 254.5 253.9 238.6 256.6 223.2C259.2 235.3 265.7 243.3 265.7 243.3L263.1 245.4H265.7L271.3 256.1L263.7 254.5V255.2L262.9 254.5Z" fill="#2F1829"/>
-          </g>
-          </g>
-          <defs>
-          <linearGradient id="paint0_linear" x1="327.54" y1="250.471" x2="330.184" y2="46.9149" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#E8D197"/>
-          <stop offset="1" stop-color="#FEF5DA"/>
-          </linearGradient>
-          <linearGradient id="paint1_linear" x1="326.925" y1="147.902" x2="330.395" y2="242.079" gradientUnits="userSpaceOnUse">
-          <stop/>
-          <stop offset="1" stop-opacity="0"/>
-          </linearGradient>
-          <linearGradient id="paint2_linear" x1="344.3" y1="64.1527" x2="344.961" y2="87.284" gradientUnits="userSpaceOnUse">
-          <stop stop-color="white"/>
-          <stop offset="1" stop-color="white" stop-opacity="0"/>
-          </linearGradient>
-          <linearGradient id="paint3_linear" x1="130.102" y1="26.1247" x2="132.084" y2="77.0139" gradientUnits="userSpaceOnUse">
-          <stop stop-color="white"/>
-          <stop offset="1" stop-color="white" stop-opacity="0"/>
-          </linearGradient>
-          <linearGradient id="paint4_linear" x1="455.752" y1="229.215" x2="433.942" y2="41.3544" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#E8D197"/>
-          <stop offset="1" stop-color="#FEF5DA"/>
-          </linearGradient>
-          <linearGradient id="paint5_linear" x1="60.0761" y1="430.474" x2="23.3198" y2="113.867" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#E8D197"/>
-          <stop offset="1" stop-color="#FEF5DA"/>
-          </linearGradient>
-          <linearGradient id="paint6_linear" x1="197.311" y1="242.736" x2="195.989" y2="148.447" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#2F1829"/>
-          <stop offset="1" stop-color="#3B223C"/>
-          </linearGradient>
-          <linearGradient id="paint7_linear" x1="322.636" y1="240.979" x2="321.314" y2="146.691" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#2F1829"/>
-          <stop offset="1" stop-color="#3B223C"/>
-          </linearGradient>
-          <linearGradient id="paint8_linear" x1="447.456" y1="239.229" x2="446.134" y2="144.941" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#2F1829"/>
-          <stop offset="1" stop-color="#3B223C"/>
-          </linearGradient>
-          <linearGradient id="paint9_linear" x1="281.068" y1="73.4007" x2="292.303" y2="109.089" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#2F1829"/>
-          <stop offset="1" stop-color="#3B223C"/>
-          </linearGradient>
-          <linearGradient id="paint10_linear" x1="567.282" y1="246.761" x2="567.144" y2="239.051" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#FECBA6"/>
-          <stop offset="1" stop-color="#D17878"/>
-          </linearGradient>
-          <linearGradient id="paint11_linear" x1="575.336" y1="236.543" x2="417.383" y2="126.175" gradientUnits="userSpaceOnUse">
-          <stop stop-color="white"/>
-          <stop offset="1" stop-color="white" stop-opacity="0"/>
-          </linearGradient>
-          <linearGradient id="paint12_linear" x1="529.726" y1="200.324" x2="554.29" y2="176.972" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#FECBA6"/>
-          <stop offset="1" stop-color="#D17878"/>
-          </linearGradient>
-          <linearGradient id="paint13_linear" x1="568.688" y1="209.407" x2="569.018" y2="182.751" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#FECBA6"/>
-          <stop offset="1" stop-color="#D17878"/>
-          </linearGradient>
-          <linearGradient id="paint14_linear" x1="552.343" y1="166.843" x2="558.043" y2="168.082" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#FECBA6"/>
-          <stop offset="1" stop-color="#D17878"/>
-          </linearGradient>
-          <linearGradient id="paint15_linear" x1="550.457" y1="250.958" x2="552.881" y2="239.337" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#FECBA6"/>
-          <stop offset="1" stop-color="#D17878"/>
-          </linearGradient>
-          <linearGradient id="paint16_linear" x1="95.6885" y1="163.838" x2="93.7609" y2="174.468" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#FECBA6"/>
-          <stop offset="1" stop-color="#D17878"/>
-          </linearGradient>
-          <linearGradient id="paint17_linear" x1="75.5473" y1="236.543" x2="233.501" y2="126.174" gradientUnits="userSpaceOnUse">
-          <stop stop-color="white"/>
-          <stop offset="1" stop-color="white" stop-opacity="0"/>
-          </linearGradient>
-          <linearGradient id="paint18_linear" x1="124.267" y1="190.961" x2="113.114" y2="194.142" gradientUnits="userSpaceOnUse">
-          <stop stop-color="#FECBA6"/>
-          <stop offset="1" stop-color="#D17878"/>
-          </linearGradient>
-          </defs>
-          </svg>
+                        <path
+                          id="Vector_26"
+                          d="M487.5 191.1V97.5H452V97.8L390.5 196.7L392.6 218.4H452V251H487.5V218.4H503.1V191H487.5V191.1ZM452 191.1H424.4L449.8 147.4L452 143.8V191.1V191.1Z"
+                          fill="url(#paint8_linear)"
+                        />
+                        <path
+                          id="Vector_27"
+                          opacity="0.25"
+                          d="M230.7 97.5C225.9 103.6 209.6 101.4 206 101.8C201.8 102.2 172.9 153.1 169 159.6C166.4 163.8 161.9 165.8 159.1 166.7L201.9 97.9V97.6H230.7V97.5Z"
+                          fill="white"
+                        />
+                        <path
+                          id="Vector_28"
+                          opacity="0.25"
+                          d="M487.5 97.5V168.3C478.4 160.7 483.4 104.9 482 103.1C480.5 101.1 461.5 102.4 458 101.3C455.7 100.6 453.8 98.6 452.8 97.4H487.5V97.5Z"
+                          fill="white"
+                        />
+                        <path
+                          id="Vector_29"
+                          opacity="0.25"
+                          d="M329.1 232.4C300.5 233.7 303.8 192.4 303.8 192.4C304 202.9 305.4 210.6 308.1 215.6C311 220.9 315.6 223.6 321.8 223.6C327.8 223.6 332.3 221 335.2 215.8C338.1 210.6 339.6 202.5 339.6 191.5V153.5C339.6 142.5 338.2 134.2 335.3 128.8C332.4 123.3 327.8 120.6 321.6 120.6C321.6 120.6 339.3 118.4 346.6 144.7C353.8 171 357.8 231.1 329.1 232.4Z"
+                          fill="black"
+                        />
+                      </g>
+                      <g id="zero">
+                        <path
+                          id="Vector_25"
+                          d="M361.2 110.3C351.9 99 338.7 93.3 321.6 93.3C304.6 93.3 291.4 98.9 282.1 110.2C272.8 121.5 268.1 137.4 268.1 158.2V186.3C268.1 206.9 272.8 222.9 282.1 234.2C291.5 245.5 304.7 251.2 321.8 251.2C338.7 251.2 351.9 245.6 361.2 234.3C370.5 223 375.2 207.1 375.2 186.3V158.3C375.2 137.6 370.5 121.6 361.2 110.3ZM303.8 151.3C304 141 305.5 133.4 308.3 128.3C311.1 123.2 315.5 120.7 321.6 120.7C327.9 120.7 332.4 123.4 335.3 128.9C338.2 134.4 339.6 142.6 339.6 153.6V191.6C339.5 202.6 338.1 210.7 335.2 215.9C332.3 221.1 327.8 223.7 321.8 223.7C315.5 223.7 311 221 308.1 215.7C305.4 210.7 303.9 202.9 303.8 192.5C303.8 191.9 303.8 191.2 303.8 190.6V151.3V151.3Z"
+                          fill="url(#paint7_linear)"
+                        />
+                        <path
+                          id="Vector_30"
+                          d="M291.5 110.1C291.5 110.1 279.6 101.5 278.3 88.1C286.9 90.5 291.5 101 291.5 101C291.5 101 289.3 91.4 291.5 84.9C297.8 94.1 296.1 101.6 291.5 110.1Z"
+                          fill="url(#paint9_linear)"
+                        />
+                      </g>
+                      <g id="Group_8">
+                        <g id="Group_9">
+                          <path
+                            id="Vector_31"
+                            d="M569.9 241.4V244.7C569.3 244.6 567.9 244.7 566.7 244.9C565.9 245 565.2 245 564.8 245.1L564.5 242.3L565.8 242.1L569.9 241.4Z"
+                            fill="url(#paint10_linear)"
+                          />
+                          <g id="handboy">
+                            <path
+                              id="Vector_32"
+                              d="M529.1 188C529.1 188 529.2 188.3 528.8 188.7C528.5 189 528 189.3 527.1 189.7C521.7 191.8 510.6 186.7 504.5 183.3C498.5 179.9 481.3 182.7 469.7 181.1C458.1 179.5 453.2 173.3 442.8 170.7C432.4 168.1 393.6 179.3 391.4 170.6C389.2 161.9 432.8 77.2 436.6 83.1C440.3 89 453.2 89.4 462.3 94.1C471.4 98.8 479.1 122.1 489.2 124.4C490.6 124.7 491.9 125.2 493.2 125.9C501.2 130.2 507 140.9 507.2 149.7C507.4 159.9 521.4 168.1 526.5 173.6C531.5 179.2 529.1 188 529.1 188Z"
+                              fill="url(#paint11_linear)"
+                            />
+                            <path
+                              id="Vector_33"
+                              opacity="0.25"
+                              d="M529.1 188C529.1 188 529.2 188.3 528.8 188.7C530.6 177.5 520.3 172.2 510.8 164.4C501.1 156.3 505.2 150.2 503.2 141.9C502 137 497 130.5 493.2 126C501.2 130.3 507 141 507.2 149.8C507.4 160 521.4 168.2 526.5 173.7C531.5 179.2 529.1 188 529.1 188Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_34"
+                              d="M528.9 186.5L526.3 188.9C525.9 189.2 526.1 189.8 526.5 190L528.7 190.7L533.7 196.2C533.9 196.4 534.3 196.5 534.5 196.2L535.3 195.4C535.5 195.2 535.6 194.8 535.3 194.6L530.3 189.1L529.8 186.9C529.8 186.3 529.2 186.1 528.9 186.5Z"
+                              fill="#2F1829"
+                            />
+                            <path
+                              id="Vector_35"
+                              d="M548.7 190C548 190.9 547.2 192 546.3 193.1C546 193.5 545.6 193.9 545.3 194.3C543.9 196 542.7 197.4 542.3 197.5C541.3 197.7 535.7 194.5 534.9 194.5C534.1 194.5 532.2 195.9 531.7 195.7C531.2 195.6 528.5 193.1 528.6 192.4C528.7 191.8 531.1 189.6 532.3 189.3C532.6 189.2 533.4 189.3 534.3 189.5H534.4C536.7 190 540.1 191.1 540.6 190.8C540.9 190.7 541.4 189.8 542 188.7C542.2 188.3 542.4 187.9 542.6 187.5C542.9 187 543.1 186.5 543.4 186C543.6 185.5 543.8 185.1 544 184.8C544.5 185.6 545.3 186.6 546.2 187.5C547.2 188.8 548.2 189.8 548.7 190Z"
+                              fill="url(#paint12_linear)"
+                            />
+                          </g>
+                          <path
+                            id="Vector_36"
+                            d="M571.4 196.6C571.4 198.4 571.4 200.2 571.3 201.6C570.9 207.3 570.4 211.9 568.5 212C566.6 212.1 566.2 196.7 566.3 195.8C566.3 195.6 566.3 195.2 566.4 194.7C566.5 193 566.5 190 566.5 188.7C566.5 188.4 566.5 188.2 566.5 188.1L566.9 187.9L571.1 185.2C571.1 185.2 571.3 188.8 571.5 193C571.5 193.6 571.5 194.1 571.5 194.7C571.4 195.3 571.4 195.9 571.4 196.6Z"
+                            fill="url(#paint13_linear)"
+                          />
+                          <path
+                            id="Vector_37"
+                            opacity="0.25"
+                            d="M571.4 196.6C570.4 197.4 568.8 198.5 567.2 198.6C564.6 198.7 568.4 193.2 569.3 193.1C569.6 193.1 570.4 193 571.3 193C571.3 193.6 571.3 194.1 571.3 194.7C571.4 195.3 571.4 195.9 571.4 196.6Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_38"
+                            d="M571.4 194.7C570.3 195.1 568.9 195.3 567 194.9C566.7 194.8 566.5 194.8 566.3 194.6C564.7 193.7 565.3 191 566.4 188.6C566.5 188.3 566.7 188 566.8 187.8L571 185.1C571 185.1 571.3 189.8 571.4 194.7Z"
+                            fill="#2F1829"
+                          />
+                          <path
+                            id="Vector_39"
+                            d="M562.5 164.2C562.4 164.8 562.2 165.5 561.7 166.2C561.2 167.1 560.4 168 559.7 168.6C559.1 169 558.6 169.3 558.2 169.3C556.9 169.1 555.2 166.9 555.1 166.5C555.1 166.1 556.5 165.9 556.4 164.7C556.2 163.5 555.4 163.3 554.9 163.5C554.3 163.7 553.6 165 553.6 166.2C553.2 166.1 552.5 164.7 551.1 163.8C550.7 163.6 550.3 163.4 549.8 163.3C549.2 163.2 548.5 163.2 547.7 163.5C547.3 159.1 550 157.2 552 158C552 158 551.3 156.5 550.2 156.2C552.7 156.6 553.3 158.7 553.3 158.7C553.3 158.7 554 155.8 557.1 155.4C560.2 155 560.8 159.1 560.8 159.1C560.8 159.1 561.5 157.1 561.2 155.9C561.8 157.5 561.1 160.2 561.1 160.2C561.1 160.2 562.6 160.6 563 162.6C561.7 161.6 561.7 161.7 561.7 161.7C561.7 161.7 562.6 162.3 562.5 164.2Z"
+                            fill="#2F172B"
+                          />
+                          <path
+                            id="Vector_40"
+                            d="M559.7 168.5C559.5 169.2 559.2 169.8 559.1 170.1C558.8 170.7 555.6 173.4 553.3 170.3C551.4 167.7 551.1 164.7 551.1 163.8C552.5 164.6 553.2 166.1 553.6 166.2C553.6 165 554.3 163.8 554.9 163.5C555.5 163.3 556.2 163.5 556.4 164.7C556.6 165.9 555.1 166.1 555.1 166.5C555.1 166.9 556.8 169.1 558.2 169.3C558.6 169.2 559.1 169 559.7 168.5Z"
+                            fill="url(#paint14_linear)"
+                          />
+                          <path
+                            id="Vector_41"
+                            d="M561.3 155.6C561.2 155.4 561.2 155.3 561.1 155.2C561.2 155.3 561.2 155.5 561.3 155.6Z"
+                            fill="#2F172B"
+                          />
+                          <path
+                            id="Vector_42"
+                            d="M572.4 184.6C572.1 185.2 571.7 185.7 571.4 186.2C571.3 186.3 571.2 186.5 571.1 186.6C570.1 187.8 569.2 188.5 569.2 188.5C569.2 188.5 569.2 188.5 569.2 188.6C569.2 188.7 569.2 188.8 569.3 189C569.4 189.4 569.5 190.1 569.6 191C569.6 191.1 569.6 191.3 569.7 191.4C569.8 191.8 569.8 192.2 569.8 192.6C569.8 192.8 569.9 193.1 569.9 193.3C569.9 193.4 569.9 193.6 569.9 193.7C570 194.4 570 195 570 195.7C570 195.8 570 196 570 196.1C570 196.9 569.9 197.6 569.8 198.1C569.8 198.3 569.7 198.4 569.7 198.5C569.6 198.7 569.6 198.8 569.5 198.9C569.4 199 569.2 199.1 569 199.2C567.5 199.9 563.7 199.9 559.8 199.7C556.5 199.5 553.2 199.2 551.5 198.9C551 198.8 550.6 198.7 550.3 198.5C550.1 198.4 549.9 198.2 549.8 198.1C549.7 198 549.6 197.9 549.6 197.8C549.3 197.3 549.2 196.8 549.2 196.1C549.2 196 549.2 195.8 549.2 195.7C549.3 195.1 549.4 194.5 549.5 193.8V193.7C549.5 193.6 549.6 193.4 549.6 193.3C549.8 192.6 550 192 550.1 191.3C550.1 191.2 550.1 191.1 550.2 191V190.9C550.4 190.1 550.5 189.4 550.5 188.9C550.5 188.7 550.5 188.6 550.6 188.5C550.7 187.2 550.6 186.8 550.6 186.8C550.6 186.8 550.3 187.6 549.8 188.5C549.7 188.6 549.6 188.8 549.6 188.9C549.3 189.4 548.9 189.9 548.7 189.9C548.7 189.9 548.6 189.9 548.5 189.9C548.2 189.8 547.8 189.4 547.3 188.9C547.2 188.8 547 188.6 546.9 188.5C546.6 188.2 546.3 187.9 546 187.5C545.7 187.2 545.4 186.8 545.1 186.5C545 186.4 544.9 186.2 544.8 186.1C544.4 185.6 544.1 185.2 543.8 184.8C543.6 184.5 543.5 184.3 543.4 184.1C543.3 184 543.3 183.9 543.3 183.8V183.7C543.4 183.4 543.6 182.6 543.9 181.7C544 181.6 544 181.4 544.1 181.3C544.3 180.7 544.6 180 545 179.3C545.1 179.2 545.1 179 545.2 178.9C545.5 178.3 545.9 177.6 546.2 176.9C546.3 176.8 546.4 176.6 546.4 176.5C546.8 175.8 547.2 175.1 547.6 174.5C547.7 174.4 547.8 174.2 547.9 174.1C548.5 173.3 549 172.6 549.6 172.1C549.8 171.9 549.9 171.8 550.1 171.7C550.2 171.6 550.3 171.6 550.4 171.5C551.2 171 552 170.6 552.8 170.3C555.5 169.3 557.8 169.4 557.8 169.4C559.1 169.4 560.4 169.7 561.7 170.2C562.6 170.6 563.5 171.1 564.4 171.7C564.6 171.8 564.8 172 565 172.1C565.7 172.7 566.4 173.3 567 174.1C567.1 174.2 567.2 174.4 567.4 174.5C567.9 175.1 568.4 175.8 568.8 176.5C568.9 176.6 569 176.8 569.1 176.9C569.5 177.5 569.8 178.2 570.2 178.9C570.3 179 570.3 179.2 570.4 179.3C570.7 179.9 571 180.6 571.3 181.3C571.4 181.4 571.4 181.6 571.5 181.7C571.7 182.3 572 183 572.2 183.7C572.2 183.8 572.3 184 572.3 184.1C572.4 184.3 572.4 184.5 572.4 184.6Z"
+                            fill="#FFCA51"
+                          />
+                          <g id="Group_10">
+                            <path
+                              id="Vector_43"
+                              opacity="0.25"
+                              d="M565.2 172.2H549.9C550.1 172 550.2 171.9 550.4 171.8H564.6C564.8 171.9 565 172 565.2 172.2Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_44"
+                              opacity="0.25"
+                              d="M567.6 174.6H548C548.1 174.5 548.2 174.3 548.3 174.2H567.3C567.3 174.3 567.4 174.4 567.6 174.6Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_45"
+                              opacity="0.25"
+                              d="M569.2 177H546.4C546.5 176.9 546.6 176.7 546.6 176.6H569C569.1 176.7 569.1 176.8 569.2 177Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_46"
+                              opacity="0.25"
+                              d="M570.5 179.4H545.2C545.3 179.3 545.3 179.1 545.4 179H570.3C570.4 179.1 570.4 179.2 570.5 179.4Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_47"
+                              opacity="0.25"
+                              d="M571.5 181.8H544.2C544.3 181.7 544.3 181.5 544.4 181.4H571.4C571.4 181.5 571.5 181.7 571.5 181.8Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_48"
+                              opacity="0.25"
+                              d="M572.3 184.2H543.6C543.5 184.1 543.5 184 543.5 183.9V183.8H572.2C572.2 183.9 572.3 184 572.3 184.2Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_49"
+                              opacity="0.25"
+                              d="M571.4 186.2C571.3 186.3 571.2 186.5 571.1 186.6H545.4C545.3 186.5 545.2 186.3 545.1 186.2H571.4Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_50"
+                              opacity="0.25"
+                              d="M547.1 188.6H550C549.9 188.7 549.8 188.9 549.8 189H547.5C547.4 188.9 547.3 188.7 547.1 188.6Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_51"
+                              opacity="0.25"
+                              d="M569.3 189H550.7C550.7 188.8 550.7 188.7 550.8 188.6H569.3C569.3 188.7 569.3 188.8 569.3 189Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_52"
+                              opacity="0.25"
+                              d="M569.7 191.4H550.3C550.3 191.3 550.3 191.2 550.4 191.1V191H569.7C569.7 191.1 569.7 191.3 569.7 191.4Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_53"
+                              opacity="0.25"
+                              d="M570 193.8H549.7C549.7 193.7 549.8 193.5 549.8 193.4H570C569.9 193.6 570 193.7 570 193.8Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_54"
+                              opacity="0.25"
+                              d="M570.1 195.8C570.1 195.9 570.1 196.1 570.1 196.2H549.3C549.3 196.1 549.3 195.9 549.3 195.8H570.1Z"
+                              fill="white"
+                            />
+                            <path
+                              id="Vector_55"
+                              opacity="0.25"
+                              d="M569.9 198.2C569.9 198.4 569.8 198.5 569.8 198.6H550.5C550.3 198.5 550.1 198.3 550 198.2H569.9Z"
+                              fill="white"
+                            />
+                          </g>
+                          <path
+                            id="Vector_56"
+                            d="M570.3 238.7C569.4 239.3 563.3 239.9 563.3 239.9L563.1 238.8L562 232.1L559.3 216.4L556.6 236.1L555.8 241.9C555.8 241.9 548.3 242.3 548.3 240.5C548.3 240.3 548.3 239.5 548.4 238.2C548.6 230.2 549.5 203.9 549.7 198C550 198.6 550.7 199 551.7 199.1C551.8 199.1 551.9 199.1 552 199.1C555.8 199.7 566.5 200.6 569.1 199.4C569.2 200.4 569.3 201.9 569.4 203.8C569.8 211.4 570.1 225.2 570.3 232.9C570.3 236.4 570.3 238.7 570.3 238.7Z"
+                            fill="#2F1829"
+                          />
+                          <path
+                            id="Vector_57"
+                            opacity="0.25"
+                            d="M562 232.1L559.3 216.4C559.3 216.4 560 210.1 560.3 209.3C560.6 208.6 562.5 209.1 563.3 208.6C563.7 209.6 561 211 560.8 214.3C560.7 216.6 561.5 226.7 562 232.1Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_58"
+                            opacity="0.25"
+                            d="M551.1 201.4C551.1 201.4 550.9 205 553.8 206.7"
+                            stroke="white"
+                            stroke-width="0.4635"
+                            stroke-miterlimit="10"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                          <g id="Group_11" opacity="0.25">
+                            <g id="Group_12" opacity="0.25">
+                              <path
+                                id="Vector_59"
+                                opacity="0.25"
+                                d="M551.8 206.2L551.7 206.9"
+                                stroke="white"
+                                stroke-width="0.4635"
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                              />
+                              <path
+                                id="Vector_60"
+                                opacity="0.25"
+                                d="M551.7 208.2L550.3 238"
+                                stroke="white"
+                                stroke-width="0.4635"
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                                stroke-dasharray="1.39 1.39"
+                              />
+                              <path
+                                id="Vector_61"
+                                opacity="0.25"
+                                d="M550.2 238.7V239.4"
+                                stroke="white"
+                                stroke-width="0.4635"
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                              />
+                            </g>
+                          </g>
+                          <path
+                            id="Vector_62"
+                            opacity="0.25"
+                            d="M562 209.6L564.7 237.9"
+                            stroke="white"
+                            stroke-width="0.4635"
+                            stroke-miterlimit="10"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            stroke-dasharray="1.39 1.39"
+                          />
+                          <path
+                            id="Vector_63"
+                            opacity="0.25"
+                            d="M564.3 201.9C564.3 201.9 564 205.4 564.3 206C564.6 206.7 565.9 207.2 566.2 207.4C566.5 207.5 567.7 206.4 567.8 205.7C567.9 205 567.9 202 567.9 202C567.9 202 565.7 201.6 564.3 201.9Z"
+                            stroke="white"
+                            stroke-width="0.4635"
+                            stroke-miterlimit="10"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                          <path
+                            id="Vector_64"
+                            opacity="0.25"
+                            d="M570.3 238.7C569.4 239.3 563.3 239.9 563.3 239.9L563.1 238.8C564.9 237.8 568.4 235.6 570.2 232.9C570.3 236.4 570.3 238.7 570.3 238.7Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_65"
+                            d="M570.7 241.3L569.9 241.4L564.5 242.2L564.1 242.3C563.3 242.4 562.6 241.9 562.4 241.1V241C562.3 240.2 562.8 239.5 563.6 239.3L570.2 238.3C571 238.2 571.7 238.7 571.9 239.5V239.6C572 240.4 571.5 241.2 570.7 241.3Z"
+                            fill="#4C3146"
+                          />
+                          <path
+                            id="Vector_66"
+                            opacity="0.25"
+                            d="M556.7 236L555.9 241.8C555.9 241.8 548.4 242.2 548.4 240.4C548.4 240.2 548.4 239.4 548.5 238.1C550.2 238 554.3 237.5 556.7 236Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_67"
+                            d="M556.5 242.2V242.3C556.4 243.1 555.7 243.7 554.9 243.6L549.2 243.1L548.3 243C547.5 242.9 546.9 242.2 547 241.4V241.3C547.1 240.5 547.8 239.9 548.6 240L555.2 240.6C556 240.7 556.6 241.4 556.5 242.2Z"
+                            fill="#4C3146"
+                          />
+                          <path
+                            id="Vector_68"
+                            opacity="0.25"
+                            d="M569.4 203.8C560.2 205 554 200.8 551.9 199.1C555.7 199.7 566.4 200.6 569 199.4C569.2 200.4 569.3 201.9 569.4 203.8Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_69"
+                            opacity="0.25"
+                            d="M550.4 191.1C551.1 187.8 550.8 186.9 550.8 186.9C550.8 186.9 549.6 189.9 548.9 190C548.6 190 547.4 188.9 546.2 187.6C547.2 187.3 548.7 186.8 549.5 185.9C550.7 184.5 550.6 178.5 551.1 178.5C551.6 178.5 552.7 189.6 549.6 193.9C549.9 193 550.2 192 550.4 191.1Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_70"
+                            opacity="0.25"
+                            d="M572.4 184.6C571 187.2 569.2 188.5 569.2 188.5C569.2 188.5 567.6 179.9 567.1 179.1C566.7 178.4 567.3 177.8 568.2 180.7C568.9 183 570.7 184.7 572.3 184.3C572.4 184.3 572.4 184.4 572.4 184.6Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_71"
+                            opacity="0.25"
+                            d="M569.5 199.1C569.4 199.2 569.2 199.3 569 199.4C567.5 200.1 563.7 200.1 559.8 199.9C562.4 199.6 568.7 198.2 569.8 192.7C570.1 195.2 570.3 198.2 569.5 199.1Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_72"
+                            opacity="0.25"
+                            d="M562 170.2C561.7 170.6 561.1 170.8 560.1 170.6C558.2 170.2 555.7 171 554.5 170.8C553.8 170.7 553.4 170.5 553.1 170.3C555.8 169.3 558.1 169.4 558.1 169.4C559.4 169.4 560.7 169.7 562 170.2Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_73"
+                            d="M548.7 190C548 190.9 547.2 192 546.3 193.1C544.4 192 542.9 190 542 188.8C542.8 187.4 543.6 185.7 544 184.9C544.5 185.7 545.3 186.7 546.2 187.6C547.2 188.8 548.2 189.8 548.7 190Z"
+                            fill="#2F1829"
+                          />
+                          <path
+                            id="Vector_74"
+                            opacity="0.25"
+                            d="M548.7 190C548 190.9 547.2 192 546.3 193.1C546 193.5 545.6 193.9 545.3 194.3C545.4 190.8 544.2 187.7 543.5 186.1C543.7 185.6 543.9 185.2 544.1 184.9C544.6 185.7 545.4 186.7 546.3 187.6C547.2 188.8 548.2 189.8 548.7 190Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_75"
+                            opacity="0.25"
+                            d="M542.7 187.6C542.7 188.6 541.7 190.1 541.5 190.5C541.2 191 541.4 193.3 541.1 193C540.8 192.7 540.7 191.6 540.3 191.2C539.9 190.9 535.3 189.7 534.5 189.5C536.8 190 540.2 191.1 540.7 190.8C541 190.7 541.5 189.8 542.1 188.7C542.3 188.5 542.5 188.1 542.7 187.6Z"
+                            fill="white"
+                          />
+                          <path
+                            id="Vector_76"
+                            opacity="0.25"
+                            d="M561.7 166.2C561.2 167.1 560.4 168 559.7 168.6C559.1 169 558.6 169.3 558.2 169.3C556.9 169.1 555.2 166.9 555.1 166.5C555.1 166.1 556.5 165.9 556.4 164.7C556.2 163.5 555.4 163.3 554.9 163.5C554.3 163.7 553.6 165 553.6 166.2C553.2 166.1 552.5 164.7 551.1 163.8C550.7 163.6 550.3 163.4 549.8 163.3C550.5 163.2 551.4 163.2 551.9 163.4C553.1 163.9 553.2 164.4 553.2 164.4C553.2 164.4 553.4 162.6 555.4 162.2C557.1 161.9 558.4 166.5 561.7 166.2Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_77"
+                            d="M555.9 251.1H542.8C542.8 251.1 542.7 250.7 542.7 250.2C542.7 249.5 542.9 248.6 544 248.2C544.4 248 544.8 247.9 545.2 247.7C546.8 246.9 548.6 245.9 548.9 245.3C548.9 245.3 549 245.3 549.2 245.4C549.5 245.5 550.1 245.8 550.8 246C551.1 246.1 551.4 246.1 551.7 246.1C552.4 246.1 553.9 245.7 554.8 245.6C555.2 245.5 555.5 245.5 555.6 245.7C555.8 246 556 248.7 556.1 250.2C555.8 250.7 555.9 251.1 555.9 251.1Z"
+                            fill="#1F3247"
+                          />
+                          <path
+                            id="Vector_78"
+                            d="M554.9 243.6C554.8 244.2 554.7 244.9 554.5 245.5C553.8 245.6 552.9 245.8 552.2 245.9C551.9 245.9 551.7 246 551.5 246C550.7 246 549.6 245.5 549.1 245.3C549.1 244.6 549.2 243.7 549.2 243L551.5 243.2L554.9 243.6Z"
+                            fill="url(#paint15_linear)"
+                          />
+                          <path
+                            id="Vector_79"
+                            d="M571.6 251.1H563.7C563.7 251.1 563.6 250.7 563.6 250.2C563.6 249.8 563.7 249.4 563.9 248.9C564.5 247.6 564.2 245.6 564.4 245.2C564.4 245.2 564.5 245.2 564.8 245.2C565.9 245.1 569 244.8 569.9 244.8C570 244.8 570 244.8 570.1 244.8C570.6 245 571.2 248.4 571.5 250.2C571.6 250.6 571.6 250.9 571.6 251.1Z"
+                            fill="#1F3247"
+                          />
+                          <path
+                            id="Vector_80"
+                            opacity="0.25"
+                            d="M555.8 250.1C555.8 250.7 555.9 251 555.9 251H542.8C542.8 251 542.7 250.6 542.7 250.1H555.8Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_81"
+                            opacity="0.25"
+                            d="M571.6 251.1H563.7C563.7 251.1 563.6 250.7 563.6 250.2H571.5C571.6 250.6 571.6 250.9 571.6 251.1Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_82"
+                            d="M550.6 245.9C549.4 246.7 547.1 248.1 546.3 248.1C545.7 248.1 545.3 247.8 545 247.6C546.6 246.8 548.4 245.8 548.7 245.2C548.7 245.2 548.8 245.2 549 245.3C549.4 245.5 550 245.7 550.6 245.9Z"
+                            fill="#122230"
+                          />
+                          <path
+                            id="Vector_83"
+                            opacity="0.25"
+                            d="M554.9 243.6C554.8 244.2 554.7 244.9 554.5 245.5C553.8 245.6 552.9 245.8 552.2 245.9L551.4 243.2L554.9 243.6Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_84"
+                            opacity="0.25"
+                            d="M569.9 241.4V244.7C569.3 244.6 567.9 244.7 566.7 244.9L565.8 242.1L569.9 241.4Z"
+                            fill="black"
+                          />
+                        </g>
+                      </g>
+                      <g id="Group_13">
+                        <g id="Group_14">
+                          <path
+                            id="Vector_85"
+                            d="M98.3 163.3C98.3 163.3 98.2 164.3 98.1 165.5C97.9 167.1 97.5 169.2 96.8 170.2C96.8 170.2 96.8 170.3 96.7 170.3C95.6 171.7 93.6 171.4 92.6 169.6C93.2 168.8 93.5 167.9 93.1 167.5C92.3 166.7 92.5 164.4 93.7 164.7C94.9 165 95.1 168.2 95.5 168.1C95.8 168.2 97.6 165.3 98.3 163.3Z"
+                            fill="url(#paint16_linear)"
+                          />
+                          <path
+                            id="Vector_86"
+                            d="M98.7 161.9C98.7 162.2 98.6 162.7 98.4 163.3C98.3 163.6 98.1 164 98 164.3C97.2 166.1 95.9 168.1 95.6 168.2C95.2 168.3 95 165 93.8 164.8C92.6 164.5 92.4 166.8 93.2 167.6C93.6 168 93.3 168.9 92.7 169.7C92 170.5 91 171.1 89.9 170.4C87.9 169.2 87.5 161.4 87.5 160.8C87.5 160.8 87.5 160.3 87.6 159.6C87.8 158.6 88.5 157.4 90.2 156.6C93.2 155.3 98.7 155.6 98.7 161.9Z"
+                            fill="#2F1829"
+                          />
+                          <path
+                            id="Vector_87"
+                            d="M114.4 194.3C114.4 194.4 114.4 194.5 114.3 194.5C114.2 194.9 114.1 195.1 114 195.1C113.9 195.1 113.3 195.1 112.4 195C111.2 194.8 109.4 194.6 107.8 194.3C105.8 193.9 104 193.5 103.4 193.2C102.9 192.9 102.1 191.9 101.3 190.7C101.1 190.4 100.9 190.1 100.7 189.7C99.7 188.1 98.9 186.5 98.7 186.1C98.7 186 98.6 186 98.6 186C98.6 186 98.6 186 98.6 186.1C98.6 186.5 98.4 188.1 97.9 189.7C97.8 190 97.7 190.4 97.5 190.7C97.4 191 97.2 191.3 97 191.5C96.5 192.3 96.6 193.3 96.9 194.3C96.9 194.4 97 194.5 97 194.7C97.1 194.9 97.2 195.1 97.3 195.3C97.5 195.7 97.6 196 97.8 196.3C98.3 197.3 98.7 198.2 98.6 198.7C98.6 198.8 98.5 198.8 98.4 198.9C98.3 199 98.3 199 98.2 199.1C97.9 199.3 97.3 199.6 96.6 199.9C92.7 201.5 83.9 203.4 80.1 199.9C80 199.8 80 199.8 79.9 199.7C79.7 199.4 79.6 199.2 79.6 198.9C79.6 198.5 79.8 198.2 80.1 197.7C80.5 197 81.2 196.3 81.7 195.2C81.9 194.9 82 194.6 82.1 194.2C82.3 193.7 82.5 193.1 82.5 192.4C82.6 191.8 82.6 191.1 82.7 190.5C82.7 190.2 82.8 189.8 82.8 189.5C82.9 188.2 82.9 187 82.9 185.9C82.9 185.6 82.9 185.2 82.9 184.9C82.9 183.6 82.8 182.4 82.8 181.3C82.8 181 82.8 180.6 82.8 180.3C82.8 179 82.8 177.8 82.9 176.7C82.9 176.4 83 176 83 175.7C83.3 174.2 83.9 173 85 172.1L85.1 172C85.5 171.7 85.9 171.4 86.2 171.1C86.6 170.8 87 170.6 87.3 170.3C89.7 168.9 90.9 169.1 90.9 169.1C90.9 169.1 91.6 169.1 92.7 169.3C93.8 169.5 95.1 169.8 96.5 170.3C96.7 170.4 96.8 170.4 97 170.5C97.4 170.7 97.7 170.8 98.1 171C98.3 171.1 98.6 171.3 98.8 171.4C99.1 171.6 99.4 171.8 99.6 172C100.3 172.5 100.8 173.1 101.3 173.8C101.6 174.3 102 175 102.3 175.6C102.5 175.9 102.6 176.2 102.8 176.6C103.3 177.8 103.9 179 104.4 180.2C104.5 180.5 104.7 180.9 104.8 181.2C105.3 182.5 105.8 183.8 106.1 184.8C106.2 185.1 106.3 185.5 106.4 185.8C106.8 186.9 107 187.6 107.1 187.9C107.2 188.3 108.1 188.7 109.2 189.1C109.6 189.2 109.9 189.3 110.3 189.4C111.1 189.6 111.8 189.8 112.5 190C113 190.1 113.5 190.3 113.9 190.4C114.3 190.5 114.5 190.6 114.6 190.7C114.6 190.7 114.6 190.8 114.7 190.9C114.7 191.8 114.6 193.3 114.4 194.3Z"
+                            fill="#F5B539"
+                          />
+                          <g id="Group_15" opacity="0.25">
+                            <g id="Group_16" opacity="0.25">
+                              <path
+                                id="Vector_88"
+                                opacity="0.25"
+                                d="M98.1 171.4C98.4 171.6 98.7 171.7 99 171.9H85.7C85.9 171.7 86.2 171.5 86.4 171.4H98.1ZM98.1 171.2H86.2C85.8 171.5 85.5 171.7 85.1 172.1L85 172.2H99.7C99.2 171.8 98.7 171.5 98.1 171.2Z"
+                                fill="white"
+                              />
+                            </g>
+                            <g id="Group_17" opacity="0.25">
+                              <path
+                                id="Vector_89"
+                                opacity="0.25"
+                                d="M102.1 176.1C102.2 176.3 102.3 176.4 102.4 176.6H83.1C83.1 176.4 83.2 176.2 83.2 176.1H102.1ZM102.3 175.8H83C82.9 176.1 82.9 176.4 82.9 176.8H102.8C102.6 176.5 102.4 176.1 102.3 175.8Z"
+                                fill="white"
+                              />
+                            </g>
+                            <g id="Group_18" opacity="0.25">
+                              <path
+                                id="Vector_90"
+                                opacity="0.25"
+                                d="M104.2 180.7C104.3 180.9 104.3 181 104.4 181.2H83.1C83.1 181 83.1 180.9 83.1 180.7H104.2ZM104.3 180.5H82.8C82.8 180.8 82.8 181.1 82.8 181.5H104.7C104.6 181.1 104.4 180.8 104.3 180.5Z"
+                                fill="white"
+                              />
+                            </g>
+                            <g id="Group_19" opacity="0.25">
+                              <path
+                                id="Vector_91"
+                                opacity="0.25"
+                                d="M105.9 185.3L106 185.7L106.1 185.9H83.3C83.3 185.7 83.3 185.6 83.3 185.4H105.9V185.3ZM106 185.1H83C83 185.4 83 185.7 83 186.1H106.4C106.3 185.8 106.1 185.4 106 185.1Z"
+                                fill="white"
+                              />
+                            </g>
+                            <g id="Group_20" opacity="0.25">
+                              <path
+                                id="Vector_92"
+                                opacity="0.25"
+                                d="M97.6 189.9C97.5 190.1 97.5 190.3 97.4 190.4H83.1C83.1 190.2 83.1 190.1 83.1 189.9H97.6ZM97.9 189.7H82.9C82.9 190 82.9 190.3 82.8 190.7H97.5C97.7 190.4 97.8 190 97.9 189.7Z"
+                                fill="white"
+                              />
+                            </g>
+                            <g id="Group_21" opacity="0.25">
+                              <path
+                                id="Vector_93"
+                                opacity="0.25"
+                                d="M110.2 189.9C110.8 190.1 111.4 190.2 111.9 190.4L112.1 190.5H101.5C101.4 190.3 101.3 190.2 101.2 190H110.2V189.9ZM110.2 189.7H100.7C100.9 190 101.1 190.4 101.3 190.7H113.7C113.3 190.6 112.9 190.4 112.3 190.3C111.8 190.1 111 189.9 110.2 189.7Z"
+                                fill="white"
+                              />
+                            </g>
+                            <g id="Group_22" opacity="0.25">
+                              <path
+                                id="Vector_94"
+                                opacity="0.25"
+                                d="M96.9 194.6C96.9 194.6 96.9 194.7 97 194.7V194.8C97 194.9 97.1 195 97.1 195.1H82.2C82.3 194.9 82.4 194.8 82.4 194.6H96.9V194.6ZM97 194.3H82.2C82.1 194.7 81.9 195 81.8 195.3H97.4C97.3 195.1 97.2 194.9 97.1 194.7C97.1 194.6 97.1 194.5 97 194.3Z"
+                                fill="white"
+                              />
+                            </g>
+                            <g id="Group_23" opacity="0.25">
+                              <path
+                                id="Vector_95"
+                                opacity="0.25"
+                                d="M114.1 194.6C114 194.9 113.9 195 113.9 195C113.9 195 113.9 195 113.8 195C113.6 195 113.1 195 112.4 194.9C111.8 194.8 111.2 194.7 110.5 194.6H114.1V194.6ZM114.4 194.3H107.8C109.4 194.6 111.2 194.9 112.4 195C113.1 195.1 113.6 195.1 113.8 195.1C113.9 195.1 113.9 195.1 114 195.1C114.1 195.1 114.2 194.8 114.3 194.5C114.4 194.5 114.4 194.4 114.4 194.3Z"
+                                fill="white"
+                              />
+                            </g>
+                            <g id="Group_24" opacity="0.25">
+                              <path
+                                id="Vector_96"
+                                opacity="0.25"
+                                d="M97.8 199.2C97.5 199.4 97.1 199.5 96.7 199.7H80.4L80.3 199.6L80.1 199.8L80.2 199.6C80.1 199.5 80 199.4 80 199.2H97.8ZM98.5 199H79.7C79.7 199.3 79.8 199.5 80 199.8C80.1 199.9 80.1 199.9 80.2 200H96.7C97.4 199.7 97.9 199.4 98.3 199.2C98.4 199.1 98.4 199 98.5 199Z"
+                                fill="white"
+                              />
+                            </g>
+                          </g>
+                          <path
+                            id="Vector_97"
+                            d="M99.9 242.3C99.8 242.5 99.8 242.7 99.7 242.8C98.6 244.7 95.6 244.9 94.5 244.5C94.4 244.5 94.2 244.4 94.2 244.3C93.5 243.7 93 238.9 89.4 211.7C89.4 211.8 89.4 211.8 89.4 211.9C89.3 215.8 88.5 222.6 87.7 228.9C86.8 235.9 85.8 242.2 85.6 243.2C85.6 243.5 85.4 243.8 85.2 244.1C84.2 245.2 81.7 245.5 80.2 243.7C80.1 243.6 80 243.4 79.9 243.2C80.5 238.2 80.8 222.8 79.8 213.6C79.4 210.2 79.4 207.2 79.5 204.8C79.6 202.3 79.9 200.5 80.1 199.5C83.9 203.3 93.1 201.3 97 199.6C97.6 199.3 98 199.1 98.3 198.9C99.3 203.5 98.9 216.4 99.9 242.3Z"
+                            fill="#2F1829"
+                          />
+                          <path
+                            id="Vector_98"
+                            opacity="0.25"
+                            d="M97.1 170.7C90.7 170.9 88.9 180.8 88.9 180.8L87.4 170.4C89.8 169 91 169.2 91 169.2C91 169.2 94.1 169.4 97.1 170.7Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_99"
+                            d="M107.2 251C107.2 251 96.3 251 94.5 251C94.4 250.6 94.4 250.1 94.4 249.5C94.4 249.3 94.4 249.1 94.4 248.8C94.4 247.3 94.4 245.5 94.5 244.6C94.8 244.7 95.2 244.8 95.7 244.7C96.7 244.7 97.9 244.4 98.8 243.8C99.1 243.6 99.4 243.2 99.6 242.9C100.4 244.6 102 245.7 103.5 246.5C104.8 247.2 106.1 247.7 106.6 248.1C107.1 248.5 107.3 249 107.3 249.5C107.5 250.2 107.2 251 107.2 251Z"
+                            fill="#1F3247"
+                          />
+                          <path
+                            id="Vector_100"
+                            d="M85.3 249.5C85.3 250.5 85.2 251 85.2 251H77.9C78 250.5 78.1 250 78.2 249.5C78.8 247 79.7 244.8 80.1 243.9C80.6 244.5 81.2 244.8 81.8 245C82.5 245.2 83.2 245.2 83.9 245C84.4 244.8 84.9 244.6 85.2 244.2C85.4 246.3 85.3 248.2 85.3 249.5Z"
+                            fill="#1F3247"
+                          />
+                          <path
+                            id="Vector_101"
+                            opacity="0.25"
+                            d="M98.7 198.7C98.7 198.8 98.5 199 98.3 199.1C96 200.7 84.4 204.1 80.1 199.7C79.5 199.1 79.8 198.5 80.3 197.8C80.9 198.3 82 198.8 84 199.2C87.9 199.8 94.7 198.8 98 196.4C98.4 197.4 98.8 198.2 98.7 198.7Z"
+                            fill="black"
+                          />
+                          <g id="girllight">
+                            <path
+                              id="Vector_102"
+                              d="M121.8 188C121.8 188 119.4 179.3 124.5 173.8C129.6 168.3 143.5 160.1 143.8 149.9C144.1 139.7 151.7 126.9 161.8 124.5C171.9 122.2 179.6 98.8 188.7 94.2C197.8 89.5 210.7 89.1 214.4 83.2C218.1 77.3 261.7 162 259.6 170.7C257.4 179.4 218.6 168.2 208.2 170.8C197.8 173.4 192.9 179.6 181.3 181.2C169.7 182.8 152.5 180 146.5 183.4C140.5 186.8 129.4 191.8 123.9 189.8C121.6 188.8 121.8 188 121.8 188Z"
+                              fill="url(#paint17_linear)"
+                            />
+                            <path
+                              id="Vector_103"
+                              d="M123.9 189.6L121.4 187.1C121 186.7 120.4 186.9 120.3 187.4L119.7 189.6L114.4 194.9C114.2 195.1 114.2 195.5 114.4 195.7L115.2 196.5C115.4 196.7 115.8 196.7 116 196.5L121.3 191.2L123.5 190.6C124.1 190.6 124.3 190 123.9 189.6Z"
+                              fill="#2F1829"
+                            />
+                            <path
+                              id="Vector_104"
+                              d="M121.2 192.6C121.1 193.4 118.2 195.9 117.3 195.7C117.2 195.7 117 195.6 116.9 195.5C116.3 195.2 115.6 194.6 114.4 194.5C114.6 193.5 114.7 191.7 114.6 191.1C114.8 191 115 190.9 115.2 190.8C116.2 190.4 117.5 189.8 118 189.9C118.9 190.2 121.4 191.8 121.2 192.6Z"
+                              fill="url(#paint18_linear)"
+                            />
+                            <path
+                              id="Vector_105"
+                              opacity="0.25"
+                              d="M114.4 194.6C114.3 195 114.2 195.2 114.1 195.2C114 195.2 113.4 195.2 112.5 195.1C113.1 192.8 112.7 191.1 112.5 190.3C113.6 190.6 114.4 190.8 114.5 191C114.5 191 114.5 191.1 114.6 191.2C114.7 191.8 114.6 193.6 114.4 194.6Z"
+                              fill="black"
+                            />
+                          </g>
+                          <path
+                            id="Vector_106"
+                            opacity="0.25"
+                            d="M97.2 194.7C95.7 193.3 96.4 192.1 97.2 189.3C98 186.4 96.4 185.2 96.1 182C95.8 178.8 96.2 177 98.1 174.9C95.7 181.1 98.7 186 98.7 186C98.7 186 98.6 189.4 97.1 191.6C96.5 192.4 96.7 193.6 97.2 194.7Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_107"
+                            opacity="0.25"
+                            d="M97.9 164.4C97.1 166.2 95.8 168.2 95.5 168.3C95.1 168.4 94.9 165.1 93.7 164.9C92.5 164.6 92.3 166.9 93.1 167.7C93.5 168.1 93.2 169 92.6 169.8C91.9 170.6 90.9 171.2 89.8 170.5C87.8 169.3 87.4 161.5 87.4 160.9C87.4 160.9 87.4 160.4 87.5 159.7C88.5 159.6 90.8 159.8 91.3 161.8C91.8 163.8 91.8 164.7 91.8 165.1C91.9 164.5 92.4 162.8 94.3 163.2C95.4 163.3 96.7 164.1 97.9 164.4Z"
+                            fill="black"
+                          />
+                          <g id="hairgirl">
+                            <path
+                              id="Vector_108"
+                              d="M89.6 161.6C89.6 161.6 88.8 159.9 86.1 160.4C83.5 160.9 82.3 164.3 83.5 169.8C83.5 164.9 84.2 163.8 84.2 163.8C84.2 163.8 83.1 166.8 84.5 173.5C85.9 180.2 86.8 186.7 83.2 189.5C90.3 185.5 90.8 180.7 90.3 174.9C90 169.1 91.3 164 89.6 161.6Z"
+                              fill="#2F1829"
+                            />
+                          </g>
+                          <path
+                            id="Vector_109"
+                            opacity="0.25"
+                            d="M93.9 167.5C93.8 167.9 95.2 169.8 96.7 170.2C96.7 170.2 96.7 170.3 96.6 170.3C96.6 170.4 96.5 170.4 96.5 170.5C95.1 170 93.7 169.6 92.7 169.5C93.2 168.8 93.4 168 93 167.6C92.2 166.8 92.4 164.5 93.6 164.8C94.8 165.1 95 168.3 95.4 168.2C95.7 168.1 97.5 165.3 98.2 163.3C98.2 163.3 98.1 164.3 98 165.5C97.6 166.2 96.7 167.7 96 168.3C95.1 169.1 94.7 168.1 94.5 167.5C94.4 167 94 167 93.9 167.5Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_110"
+                            opacity="0.25"
+                            d="M81.5 204.9C81.5 204.9 81.3 208.6 81.8 209.6C82.3 210.6 83.7 211.3 83.7 211.3C83.7 211.3 85.5 210.5 86 209.4C86.5 207.2 86.4 204.5 86.4 204.5C86.4 204.5 82.8 203.7 81.5 204.9Z"
+                            stroke="white"
+                            stroke-width="0.4635"
+                            stroke-miterlimit="10"
+                          />
+                          <path
+                            id="Vector_111"
+                            opacity="0.25"
+                            d="M97.2 201.9C97.2 201.9 97.4 205 94.7 206.5"
+                            stroke="white"
+                            stroke-width="0.4635"
+                            stroke-miterlimit="10"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                          <path
+                            id="Vector_112"
+                            opacity="0.25"
+                            d="M96.5 204.6L98.7 241.6"
+                            stroke="white"
+                            stroke-width="0.4635"
+                            stroke-miterlimit="10"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                          <path
+                            id="Vector_113"
+                            opacity="0.25"
+                            d="M89.3 212C89.2 215.9 88.4 222.7 87.6 229.1C87.5 221.7 86.4 212.6 86.8 211.1C87.9 212.1 89.3 212 89.3 212Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_114"
+                            opacity="0.25"
+                            d="M87.4 213L84.3 243.2"
+                            stroke="white"
+                            stroke-width="0.4635"
+                            stroke-miterlimit="10"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                          <path
+                            id="Vector_115"
+                            opacity="0.25"
+                            d="M96.9 199.9C95.1 201.7 89.5 206.1 79.4 205.1C79.5 202.6 79.8 200.8 80 199.8C83.8 203.6 93.1 201.5 96.9 199.9Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_116"
+                            opacity="0.25"
+                            d="M78.3 249.5H85.3C85.3 250.5 85.2 251 85.2 251H77.9C78 250.5 78.1 250 78.3 249.5Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_117"
+                            opacity="0.25"
+                            d="M107.2 251C107.2 251 96.3 251 94.5 251C94.4 250.6 94.4 250.1 94.4 249.5H107.4C107.5 250.2 107.2 251 107.2 251Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_118"
+                            opacity="0.25"
+                            d="M103.6 246.4C101.3 247.5 99.7 245.2 98.9 243.7C99.2 243.5 99.5 243.1 99.7 242.8C100.5 244.5 102.1 245.6 103.6 246.4Z"
+                            fill="white"
+                          />
+                          <path
+                            id="Vector_119"
+                            opacity="0.25"
+                            d="M83.9 245C83.7 248.4 82.5 248.5 81.9 248.1C81.3 247.8 81.7 245.6 81.9 244.9C82.5 245.2 83.2 245.2 83.9 245Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_120"
+                            opacity="0.25"
+                            d="M94.4 248.8C94.4 247.3 94.4 245.5 94.5 244.6C94.8 244.7 95.2 244.8 95.7 244.7C95.9 245.8 96 248.3 94.4 248.8Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_121"
+                            opacity="0.25"
+                            d="M114.4 194.6C114.6 193.6 114.7 191.8 114.6 191.2C114.8 191.1 115 191 115.2 190.9C115.8 191.8 116.9 193.5 117 195.5C116.3 195.2 115.7 194.6 114.4 194.6Z"
+                            fill="black"
+                          />
+                          <path
+                            id="Vector_122"
+                            opacity="0.25"
+                            d="M109.1 189.4C107.1 189.6 105.7 191.7 105.6 191.3C105.4 190.8 106.5 189.8 106.4 189.1C106.3 188.4 103.2 180.5 101.5 176.6C100.5 174.2 99.5 172.6 98.9 171.6C99.2 171.8 99.5 172 99.7 172.2C100.4 172.7 100.9 173.3 101.4 174C101.7 174.5 102.1 175.2 102.4 175.8C102.6 176.1 102.7 176.4 102.9 176.8C103.4 178 104 179.2 104.5 180.4C104.6 180.7 104.8 181.1 104.9 181.4C105.4 182.7 105.9 184 106.2 185C106.3 185.3 106.4 185.7 106.5 186C106.9 187.1 107.1 187.8 107.2 188.1C107.2 188.6 108 189 109.1 189.4Z"
+                            fill="white"
+                          />
+                        </g>
+                      </g>
+                      <path
+                        id="Vector_123"
+                        d="M592.4 253C591.7 252.5 570.9 196.3 594.9 164.3C591.6 186.9 593.4 205.4 593.4 205.4L590.3 208.5L593.8 209.5C593.8 209.5 596.1 240.9 597.3 244.5C594.7 221 601.1 207.3 601.1 207.3C601.1 207.3 600 224 602.1 230.1L600.4 232.3L602.1 232C602.1 232 600.9 242.1 602.1 245.1C602.1 245.1 615.5 205.1 609.2 187.5C617.5 200.3 615.1 221.8 615.1 221.8L613 222.6L614.3 223.6C614.3 223.6 610.8 246.5 602.9 252.9"
+                        fill="#2F1829"
+                      />
+                      <g id="Group_25">
+                        <path
+                          id="Vector_124"
+                          d="M452.1 246.4C452.1 246.4 433.5 244.7 426.1 249.9C429.6 244.9 443.7 242.6 443.7 242.6L444.7 243.4V242.6C444.7 242.6 447.1 241.4 450.6 240.9C433.7 237.6 425.6 240.8 425.6 240.8C425.6 240.8 428.7 238.2 433.9 236.7C439.1 235.2 442.3 235.8 442.3 235.8L444.4 237.1V235.7L462.4 241"
+                          fill="black"
+                        />
+                        <path
+                          id="Vector_125"
+                          d="M523.5 247.4C523.5 247.4 521.5 234.8 531.8 226.1C531.7 236.3 528.9 245 523.5 247.4Z"
+                          stroke="#1F3247"
+                          stroke-width="0.9271"
+                          stroke-miterlimit="10"
+                        />
+                        <g id="Group_26">
+                          <path
+                            id="Vector_126"
+                            d="M454.5 239.1L452.5 244C451.1 239.1 448 238.1 446.4 238C445.8 237.9 445.5 238 445.5 238L446.2 235.6L443.9 236C443.9 236 441.3 229.7 429.6 222C440.3 221.4 446.9 227 450.6 232C453.4 235.7 454.5 239.1 454.5 239.1Z"
+                            fill="#FFCA51"
+                          />
+                          <g id="Group_27" opacity="0.25">
+                            <path
+                              id="Vector_127"
+                              opacity="0.25"
+                              d="M429.6 222C432.1 222.6 434.6 223.5 437 224.6C439.4 225.7 441.7 226.9 443.9 228.3C446.1 229.8 448.1 231.5 449.9 233.5C451.6 235.5 453 237.8 454 240.3C454 240.4 454 240.6 453.9 240.6C453.8 240.6 453.6 240.6 453.6 240.5C452.7 238.1 451.4 235.8 449.7 233.8C448 231.8 446 230.1 443.9 228.6C441.7 227.1 439.4 225.9 437 224.8C434.6 223.6 432.1 222.6 429.6 222Z"
+                              fill="white"
+                            />
+                          </g>
+                          <path
+                            id="Vector_128"
+                            opacity="0.25"
+                            d="M454.5 239.1L452.5 244C451.1 239.1 448 238.1 446.4 238C449.2 236.3 450.2 233.6 450.6 231.9C453.4 235.7 454.5 239.1 454.5 239.1Z"
+                            fill="black"
+                          />
+                        </g>
+                        <g id="Group_28">
+                          <path
+                            id="Vector_129"
+                            d="M531.8 215.8C512.6 231.6 507.7 239.4 507.7 239.4L504.3 237.9C504.3 237.9 504.3 238 504.3 238.2C504.3 239.1 504.4 241.5 504.3 242.4C504.2 243.1 497.4 246.8 493.5 248.8C491.9 249.6 490.9 250.2 490.9 250.2L487.7 247L488 246.4L489.7 243.2C489.7 243.2 494.1 236.9 501.6 230.3C508.9 223.7 519.4 216.9 531.8 215.8Z"
+                            fill="#FFADAE"
+                          />
+                          <g id="Group_29" opacity="0.25">
+                            <path
+                              id="Vector_130"
+                              opacity="0.25"
+                              d="M489.6 248.9C492.2 245.1 495.1 241.5 498.1 238.1C501.1 234.7 504.4 231.4 507.8 228.4C511.3 225.4 515 222.7 519 220.4C523 218.2 527.3 216.5 531.8 215.7C527.3 216.5 523 218.2 519 220.5C515 222.8 511.4 225.5 507.9 228.5C504.5 231.5 501.3 234.8 498.3 238.2C495.3 241.6 492.5 245.2 489.9 249C489.8 249.1 489.7 249.1 489.6 249.1C489.5 249.2 489.5 249 489.6 248.9Z"
+                              fill="white"
+                            />
+                          </g>
+                          <path
+                            id="Vector_131"
+                            opacity="0.25"
+                            d="M504.3 242.3C504.2 243 497.4 246.7 493.5 248.7C491.4 247.9 489.4 247 488 246.2L489.7 243C489.7 243 494.1 236.7 501.6 230.1C502 232.4 502.9 235.7 504.4 238.1C504.3 239 504.4 241.5 504.3 242.3Z"
+                            fill="black"
+                          />
+                        </g>
+                        <g id="Group_30">
+                          <path
+                            id="Vector_132"
+                            d="M519.7 205.4C506 216.8 499.7 226.4 497.1 231.2C495.9 233.4 495.5 234.7 495.5 234.7L492.5 233.6L493.7 236.3L489.3 245.1L487.4 249V233.6C488 232.5 488.8 231 489.8 229.3C491.7 226.1 494.4 222.2 497.9 218.4C499.5 216.7 501.2 215 503 213.4C507.8 209.6 513.3 206.5 519.7 205.4Z"
+                            fill="#F3475C"
+                          />
+                          <g id="Group_31" opacity="0.25">
+                            <path
+                              id="Vector_133"
+                              opacity="0.25"
+                              d="M487.3 239.8C488.7 236 490.6 232.4 492.7 228.9C494.8 225.4 497.3 222.2 500 219.2C502.7 216.2 505.8 213.5 509.1 211.1L511.6 209.4L514.3 207.9C514.7 207.7 515.2 207.4 515.6 207.2L517 206.6L519.8 205.4L517 206.6L515.6 207.2C515.2 207.4 514.7 207.7 514.3 207.9L511.7 209.4L509.2 211.1C505.9 213.5 502.9 216.2 500.2 219.2C497.5 222.2 495.1 225.5 493.1 229C491 232.5 489.2 236.1 487.9 239.9C487.9 240 487.7 240.1 487.6 240C487.3 240.1 487.3 239.9 487.3 239.8Z"
+                              fill="white"
+                            />
+                          </g>
+                          <path
+                            id="Vector_134"
+                            opacity="0.25"
+                            d="M495.6 234.8L492.6 233.7L493.8 236.4L489.4 245.2L487.5 245.5V233.7C488.1 232.6 488.9 231.1 489.9 229.4C491.3 230.5 493.7 231.8 497.1 231.3C496 233.5 495.6 234.8 495.6 234.8Z"
+                            fill="black"
+                          />
+                        </g>
+                        <path
+                          id="Vector_135"
+                          d="M537.2 251.1H487.5V244.1C487.5 244.1 488.2 242.4 490.2 241.4C490.8 241.1 491.6 240.8 492.4 240.7C496.1 240.2 497.4 243.3 497.4 243.3C497.4 243.3 498.3 240.6 502 240.3C505.6 240 507.8 245.6 507.9 246C507.9 245.7 507.6 242.6 510.4 242.4C513.3 242.2 513.3 246 513.3 246C513.3 246 515.6 243.5 518.6 243.6C521.6 243.8 522.2 246.7 522.2 246.7C522.2 246.7 523.9 244.2 527.5 245.1C531.2 245.9 531.7 251.1 537.2 251.1Z"
+                          fill="#982245"
+                        />
+                        <path
+                          id="Vector_136"
+                          opacity="0.25"
+                          d="M521.7 251.1H487.6V244.1C487.6 244.1 488.3 242.4 490.3 241.4C491.8 241.5 494.4 242 495.5 244C497.1 246.9 497.2 249.6 497.2 249.6C497.2 249.6 500.5 244.8 503.2 245.6C505.9 246.4 507.3 249.6 507.3 249.6C507.3 249.6 510.1 246.6 512.5 247.6C513.6 248.2 517.8 249.7 521.7 251.1Z"
+                          fill="black"
+                        />
+                        <path
+                          id="Vector_137"
+                          d="M423.7 253C423.5 252.9 417.7 237.1 424.4 228.1C423.5 234.5 424 239.7 424 239.7L423.1 240.6L424.1 240.9C424.1 240.9 424.8 249.7 425.1 250.8C424.4 244.2 426.2 240.3 426.2 240.3C426.2 240.3 425.9 245 426.5 246.7L426 247.3L426.5 247.2C426.5 247.2 426.2 250 426.5 250.9C426.5 250.9 430.3 239.7 428.5 234.7C430.8 238.3 430.2 244.3 430.2 244.3L429.6 244.5L430 244.8C430 244.8 429 251.2 426.8 253"
+                          fill="#2F1829"
+                        />
+                      </g>
+                      <g id="Group_32">
+                        <path
+                          id="Vector_138"
+                          d="M197 247.9C197 247.9 167.7 228.2 150.6 230C161 224.9 186.5 233.9 186.5 233.9L187.5 236.2L188.2 234.9C188.2 234.9 193.3 235 199.5 237.5C174.5 216.5 158.1 214.5 158.1 214.5C158.1 214.5 165.6 213.1 175.6 215.3C185.6 217.5 190.4 221.5 190.4 221.5L192.7 225.5L193.9 223.3L218.9 248.5"
+                          fill="black"
+                        />
+                        <path
+                          id="Vector_139"
+                          d="M174.2 250.2C174.2 250.2 161.8 247.6 154.1 238.3C167.3 239.7 173 244.4 174.2 250.2Z"
+                          stroke="#1F3247"
+                          stroke-width="0.9271"
+                          stroke-miterlimit="10"
+                        />
+                        <g id="Group_33">
+                          <path
+                            id="Vector_140"
+                            d="M215.5 194.6C214.4 219.4 217 228.3 217 228.3L213.6 229.9C213.6 229.9 213.7 230 213.8 230.1C214.5 230.7 216.3 232.3 216.9 232.9C217.4 233.4 215.6 241 214.5 245.2C214.1 246.9 213.8 248.1 213.8 248.1L209.3 248.3L209.1 247.6L207.8 244.2C207.8 244.2 206 236.7 206.1 226.8C206.1 216.9 208.1 204.5 215.5 194.6Z"
+                            fill="#FFADAE"
+                          />
+                          <g id="Group_34" opacity="0.25">
+                            <path
+                              id="Vector_141"
+                              opacity="0.25"
+                              d="M212 248.1C210.9 243.6 210.2 239.1 209.6 234.6C209.1 230 208.8 225.5 208.9 220.9C209 216.3 209.4 211.7 210.4 207.3C211.4 202.8 213 198.5 215.5 194.6C213.1 198.5 211.5 202.8 210.5 207.3C209.5 211.8 209.1 216.3 209.1 220.9C209 225.5 209.4 230 209.9 234.6C210.5 239.1 211.3 243.6 212.4 248.1C212.4 248.2 212.4 248.4 212.2 248.4C212.2 248.3 212 248.3 212 248.1Z"
+                              fill="white"
+                            />
+                          </g>
+                          <path
+                            id="Vector_142"
+                            opacity="0.25"
+                            d="M216.9 232.8C217.4 233.3 215.6 240.9 214.5 245.1C212.5 246.2 210.5 247 209 247.6L207.7 244.2C207.7 244.2 205.9 236.7 206 226.8C208 228 211 229.5 213.8 230C214.4 230.6 216.3 232.2 216.9 232.8Z"
+                            fill="black"
+                          />
+                        </g>
+                        <g id="Group_35">
+                          <path
+                            id="Vector_143"
+                            d="M233 211.6C226.9 222.3 225.1 230 224.6 233.7C224.4 235.4 224.4 236.3 224.4 236.3H222.2L223.6 237.8L222.9 244.6L222.6 247.6L218.9 237.7C219 236.8 219.2 235.7 219.4 234.3C219.9 231.8 220.7 228.6 222 225.3C222.6 223.8 223.3 222.3 224.1 220.9C226.3 217.2 229.1 213.9 233 211.6Z"
+                            fill="#F3475C"
+                          />
+                          <g id="Group_36" opacity="0.25">
+                            <path
+                              id="Vector_144"
+                              opacity="0.25"
+                              d="M220.2 241.7C220.2 238.9 220.5 236.1 221.1 233.3C221.6 230.5 222.4 227.9 223.5 225.3C224.5 222.7 225.9 220.2 227.4 217.9L228.6 216.2L230 214.6C230.2 214.3 230.5 214.1 230.7 213.8L231.5 213.1L233 211.7L231.5 213.2L230.8 213.9C230.6 214.2 230.3 214.4 230.1 214.7L228.8 216.3L227.6 218C226.1 220.3 224.7 222.8 223.8 225.4C222.8 228 222.1 230.7 221.5 233.4C221 236.1 220.7 238.9 220.7 241.7C220.7 241.8 220.6 241.9 220.5 241.9C220.3 241.9 220.2 241.8 220.2 241.7Z"
+                              fill="white"
+                            />
+                          </g>
+                          <path
+                            id="Vector_145"
+                            opacity="0.25"
+                            d="M224.4 236.4H222.2L223.6 237.9L222.9 244.7L221.7 245.3L218.9 237.7C219 236.8 219.2 235.7 219.4 234.3C220.5 234.7 222.4 235 224.5 233.8C224.4 235.5 224.4 236.4 224.4 236.4Z"
+                            fill="black"
+                          />
+                        </g>
+                        <path
+                          id="Vector_146"
+                          d="M254 251H241.6L187.6 251.1H171.6C171.6 251.1 172.9 246.8 179.2 244.8C185.5 242.8 187.3 246.9 187.3 246.9C187.3 246.9 187 238.7 194.4 235.9C201.8 233.1 205.1 242.5 205.1 242.5C205.1 242.5 206.6 237.9 214.5 237.5C222.4 237.1 221.6 243.3 221.6 243.3C221.6 243.3 226.1 238.3 234.2 239.4C242.3 240.5 243.1 247 243.1 247C243.1 247 250.2 244.8 254 251Z"
+                          fill="#982245"
+                        />
+                        <path
+                          id="Vector_147"
+                          opacity="0.25"
+                          d="M241.6 251L187.6 251.1C190.4 248.6 195 245.4 199.8 245.3C207.7 245.2 209 248.1 209 248.1C209 248.1 213.9 242.9 217.7 243.8C221.6 244.7 221.7 248.8 221.7 248.8C221.7 248.8 234.1 245.9 241.6 251Z"
+                          fill="black"
+                        />
+                        <path
+                          id="Vector_148"
+                          d="M262.9 254.5C262.9 254.5 253.9 238.6 256.6 223.2C259.2 235.3 265.7 243.3 265.7 243.3L263.1 245.4H265.7L271.3 256.1L263.7 254.5V255.2L262.9 254.5Z"
+                          fill="#2F1829"
+                        />
+                      </g>
+                    </g>
+                    <defs>
+                      <linearGradient
+                        id="paint0_linear"
+                        x1="327.54"
+                        y1="250.471"
+                        x2="330.184"
+                        y2="46.9149"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#E8D197" />
+                        <stop offset="1" stop-color="#FEF5DA" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint1_linear"
+                        x1="326.925"
+                        y1="147.902"
+                        x2="330.395"
+                        y2="242.079"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop />
+                        <stop offset="1" stop-opacity="0" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint2_linear"
+                        x1="344.3"
+                        y1="64.1527"
+                        x2="344.961"
+                        y2="87.284"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="white" />
+                        <stop offset="1" stop-color="white" stop-opacity="0" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint3_linear"
+                        x1="130.102"
+                        y1="26.1247"
+                        x2="132.084"
+                        y2="77.0139"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="white" />
+                        <stop offset="1" stop-color="white" stop-opacity="0" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint4_linear"
+                        x1="455.752"
+                        y1="229.215"
+                        x2="433.942"
+                        y2="41.3544"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#E8D197" />
+                        <stop offset="1" stop-color="#FEF5DA" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint5_linear"
+                        x1="60.0761"
+                        y1="430.474"
+                        x2="23.3198"
+                        y2="113.867"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#E8D197" />
+                        <stop offset="1" stop-color="#FEF5DA" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint6_linear"
+                        x1="197.311"
+                        y1="242.736"
+                        x2="195.989"
+                        y2="148.447"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#2F1829" />
+                        <stop offset="1" stop-color="#3B223C" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint7_linear"
+                        x1="322.636"
+                        y1="240.979"
+                        x2="321.314"
+                        y2="146.691"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#2F1829" />
+                        <stop offset="1" stop-color="#3B223C" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint8_linear"
+                        x1="447.456"
+                        y1="239.229"
+                        x2="446.134"
+                        y2="144.941"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#2F1829" />
+                        <stop offset="1" stop-color="#3B223C" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint9_linear"
+                        x1="281.068"
+                        y1="73.4007"
+                        x2="292.303"
+                        y2="109.089"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#2F1829" />
+                        <stop offset="1" stop-color="#3B223C" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint10_linear"
+                        x1="567.282"
+                        y1="246.761"
+                        x2="567.144"
+                        y2="239.051"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#FECBA6" />
+                        <stop offset="1" stop-color="#D17878" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint11_linear"
+                        x1="575.336"
+                        y1="236.543"
+                        x2="417.383"
+                        y2="126.175"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="white" />
+                        <stop offset="1" stop-color="white" stop-opacity="0" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint12_linear"
+                        x1="529.726"
+                        y1="200.324"
+                        x2="554.29"
+                        y2="176.972"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#FECBA6" />
+                        <stop offset="1" stop-color="#D17878" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint13_linear"
+                        x1="568.688"
+                        y1="209.407"
+                        x2="569.018"
+                        y2="182.751"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#FECBA6" />
+                        <stop offset="1" stop-color="#D17878" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint14_linear"
+                        x1="552.343"
+                        y1="166.843"
+                        x2="558.043"
+                        y2="168.082"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#FECBA6" />
+                        <stop offset="1" stop-color="#D17878" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint15_linear"
+                        x1="550.457"
+                        y1="250.958"
+                        x2="552.881"
+                        y2="239.337"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#FECBA6" />
+                        <stop offset="1" stop-color="#D17878" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint16_linear"
+                        x1="95.6885"
+                        y1="163.838"
+                        x2="93.7609"
+                        y2="174.468"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#FECBA6" />
+                        <stop offset="1" stop-color="#D17878" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint17_linear"
+                        x1="75.5473"
+                        y1="236.543"
+                        x2="233.501"
+                        y2="126.174"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="white" />
+                        <stop offset="1" stop-color="white" stop-opacity="0" />
+                      </linearGradient>
+                      <linearGradient
+                        id="paint18_linear"
+                        x1="124.267"
+                        y1="190.961"
+                        x2="113.114"
+                        y2="194.142"
+                        gradientUnits="userSpaceOnUse"
+                      >
+                        <stop stop-color="#FECBA6" />
+                        <stop offset="1" stop-color="#D17878" />
+                      </linearGradient>
+                    </defs>
+                  </svg>
+                </div>
               </div>
             </div>
-          </div>
           </a>
         </div>
       </b-container>
       <div class="separator separator-bottom separator-skew zindex-100">
-        <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
-          <polygon class="fill-default" points="2560 0 2560 100 0 100"></polygon>
+        <svg
+          x="0"
+          y="0"
+          viewBox="0 0 2560 100"
+          preserveAspectRatio="none"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <polygon
+            class="fill-default"
+            points="2560 0 2560 100 0 100"
+          ></polygon>
         </svg>
       </div>
     </div>
     <!-- Page content -->
     <section class="py-6">
-      <b-container >
+      <b-container>
         <b-row align-v="center" class="row-grid">
           <b-col md="6">
             <b-img src="img/theme/landing-1.png" fluid />
           </b-col>
           <b-col md="6">
             <div class="pr-md-5">
-              <h1 class="text-light"> {{ $t('site.landing1.explore') }}</h1>
-              <p class="text-light">{{ $t('site.landing1.text') }}</p>
-              <router-link to="/overview" class="font-weight-bold text-warning mt-5">{{ $t('site.landing1.link') }}</router-link>
+              <h1 class="text-light">{{ $t("site.landing1.explore") }}</h1>
+              <p class="text-light">{{ $t("site.landing1.text") }}</p>
+              <router-link
+                to="/overview"
+                class="font-weight-bold text-warning mt-5"
+              >
+                {{ $t("site.landing1.link") }}
+              </router-link>
             </div>
           </b-col>
         </b-row>
@@ -358,84 +1231,78 @@
 </template>
 
 <script>
-
 export default {
-  name: 'not-found',
+  name: "not-found",
   data() {
     return {
-anime:{
-  targets: '.row svg',
-  translateY: 10,
-  autoplay: true,
-  loop: true,
-  easing: 'easeInOutSine',
-  direction: 'alternate'
-},
-anime2:{
-  targets: '#zero',
-  translateX: 10,
-  autoplay: true,
-  loop: true,
-  easing: 'easeInOutSine',
-  direction: 'alternate',
-  scale: [{value: 1}, {value: 1.4}, {value: 1, delay: 250}],
-    rotateY: {value: '+=180', delay: 200},
-}
-    }
-  
-  },
+      anime: {
+        targets: ".row svg",
+        translateY: 10,
+        autoplay: true,
+        loop: true,
+        easing: "easeInOutSine",
+        direction: "alternate"
+      },
+      anime2: {
+        targets: "#zero",
+        translateX: 10,
+        autoplay: true,
+        loop: true,
+        easing: "easeInOutSine",
+        direction: "alternate",
+        scale: [{ value: 1 }, { value: 1.4 }, { value: 1, delay: 250 }],
+        rotateY: { value: "+=180", delay: 200 }
+      }
+    };
+  }
 };
 </script>
 <style>
-body
-{
-  background-color:#141019;
-  background: radial-gradient(at 50% -20%, #047006, #F5F9F7) fixed;
+body {
+  background-color: #141019;
+  background: radial-gradient(at 50% -20%, #047006, #f5f9f7) fixed;
 }
 
-
-#handboy
-{
-   animation: swing ease-in-out 1.3s infinite alternate;
-    transform-origin: 98% 98%;
-    transform-box: fill-box;
-    
+#handboy {
+  animation: swing ease-in-out 1.3s infinite alternate;
+  transform-origin: 98% 98%;
+  transform-box: fill-box;
 }
 
-
-#girllight
-{
-   animation: swing ease-in-out 1.3s infinite alternate;
-    transform-origin: 0% 97%;
-    transform-box: fill-box;
+#girllight {
+  animation: swing ease-in-out 1.3s infinite alternate;
+  transform-origin: 0% 97%;
+  transform-box: fill-box;
 }
 
-#hairgirl
-{
-    animation: swinghair ease-in-out 1.3s infinite alternate;
-   transform-origin: 60% 0%;
-    transform-box: fill-box;
-  
+#hairgirl {
+  animation: swinghair ease-in-out 1.3s infinite alternate;
+  transform-origin: 60% 0%;
+  transform-box: fill-box;
 }
 
-#zero
-{
-  transform-origin:bottom;
-  transform-box:fill-box;
-  
+#zero {
+  transform-origin: bottom;
+  transform-box: fill-box;
 }
 
 /*************swing************/
 @keyframes swing {
-    0% { transform: rotate(10deg); }
-    100% { transform: rotate(-10deg); }
+  0% {
+    transform: rotate(10deg);
+  }
+  100% {
+    transform: rotate(-10deg);
+  }
 }
 
-
 /*************swing hair************/
 @keyframes swinghair {
-    0% { transform: rotate(6deg); }
-    100% { transform: rotate(-6deg); }
+  0% {
+    transform: rotate(6deg);
+  }
+  100% {
+    transform: rotate(-6deg);
+  }
 }
-
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/views/Pages/Explorer.vue b/frontend/src/views/Pages/Explorer.vue
index edd6dbcc0..85e40ab6b 100644
--- a/frontend/src/views/Pages/Explorer.vue
+++ b/frontend/src/views/Pages/Explorer.vue
@@ -3,20 +3,29 @@
     <!-- Header -->
     <div class="header bg-gradient-info py-7 py-lg-3 pt-lg-2">
       <b-container>
-        <div class="header-body text-center mb-7"> 
+        <div class="header-body text-center mb-7">
           <p class="h1">GDD</p>
           <p class="h4">Explorer</p>
-          
         </div>
       </b-container>
       <div class="separator separator-bottom separator-skew zindex-100">
-        <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
-          <polygon class="fill-default" points="2560 0 2560 100 0 100"></polygon>
+        <svg
+          x="0"
+          y="0"
+          viewBox="0 0 2560 100"
+          preserveAspectRatio="none"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <polygon
+            class="fill-default"
+            points="2560 0 2560 100 0 100"
+          ></polygon>
         </svg>
       </div>
     </div>
     <!-- Page content -->
-  
+
     <div>
       <b-card>
         <b-card-body>
diff --git a/frontend/src/views/Pages/Login.vue b/frontend/src/views/Pages/Login.vue
index d2ff09bb5..36a8f60e9 100755
--- a/frontend/src/views/Pages/Login.vue
+++ b/frontend/src/views/Pages/Login.vue
@@ -2,12 +2,12 @@
   <div>
     <!-- Header -->
     <div class="header p-4">
-         <b-container>
+      <b-container>
         <div class="text-center mb-7">
           <b-row class="justify-content-center">
             <b-col xl="5" lg="6" md="8" class="px-2">
               <h1>Gradido</h1>
-              <p class="text-lead">{{ $t('site.login.community')}}</p>
+              <p class="text-lead">{{ $t("site.login.community") }}</p>
             </b-col>
           </b-row>
         </div>
@@ -17,67 +17,92 @@
     <b-container class="mt--8 p-1">
       <b-row class="justify-content-center">
         <b-col lg="5" md="7">
-          <b-card no-body class="border-0 mb-0" style="background-color: #ebebeba3 !important;">
+          <b-card
+            no-body
+            class="border-0 mb-0"
+            style="background-color: #ebebeba3 !important;"
+          >
             <b-card-body class="py-lg-4 px-sm-0 px-0 px-md-2 px-lg-4">
-                <div class="text-center text-muted mb-4">
-                <small>{{ $t('login')}}</small>
+              <div class="text-center text-muted mb-4">
+                <small>{{ $t("login") }}</small>
               </div>
-               <validation-observer v-slot="{handleSubmit}" ref="formValidator">
-                <b-form role="form" @submit.prevent="handleSubmit(onSubmit)"  >
-                  <base-input alternative
-                              class="mb-3"
-                              name="Email"
-                              :rules="{required: true, email: true}"
-                              prepend-icon="ni ni-email-83"
-                              placeholder="Email"
-                              v-model="model.email">
-                  </base-input>
+              <validation-observer
+                v-slot="{ handleSubmit }"
+                ref="formValidator"
+              >
+                <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
+                  <base-input
+                    alternative
+                    class="mb-3"
+                    name="Email"
+                    :rules="{ required: true, email: true }"
+                    prepend-icon="ni ni-email-83"
+                    placeholder="Email"
+                    v-model="model.email"
+                  ></base-input>
 
-                  <base-input alternative
-                              class="mb-3"
-                              name="Password"
-                              :rules="{required: true, min: 6}"
-                              prepend-icon="ni ni-lock-circle-open"
-                              type="password"
-                              :placeholder="$t('form.password')"
-                              v-model="model.password">
-                  </base-input>
+                  <base-input
+                    alternative
+                    class="mb-3"
+                    name="Password"
+                    :rules="{ required: true, min: 6 }"
+                    prepend-icon="ni ni-lock-circle-open"
+                    type="password"
+                    :placeholder="$t('form.password')"
+                    v-model="model.password"
+                  ></base-input>
 
-
-                  <b-alert v-show="$store.state.loginfail" show variant="warning" >
-                     
-                        <span class="alert-text bv-example-row">
-                                <b-row>
-                                    <b-col class="col-9 text-left">
-                                      <strong>Leider konnten wir keinen Account finden mit diesen Daten!</strong>
-                                    </b-col>
-                                    <b-col class="text-right" >
-                                      <a href="#!" @click="closeAlert"> 
-                                       <div>
-    
-                                          <b-icon-exclamation-triangle-fill class="h2 mb-0"></b-icon-exclamation-triangle-fill>
-                                          <b-icon-x class="h1 pl-2"></b-icon-x>
-                                        </div>
-                                      </a>
-                                    </b-col>
-                                </b-row>
-                              </span>
+                  <b-alert
+                    v-show="$store.state.loginfail"
+                    show
+                    variant="warning"
+                  >
+                    <span class="alert-text bv-example-row">
+                      <b-row>
+                        <b-col class="col-9 text-left">
+                          <strong>
+                            Leider konnten wir keinen Account finden mit diesen
+                            Daten!
+                          </strong>
+                        </b-col>
+                        <b-col class="text-right">
+                          <a href="#!" @click="closeAlert">
+                            <div>
+                              <b-icon-exclamation-triangle-fill
+                                class="h2 mb-0"
+                              ></b-icon-exclamation-triangle-fill>
+                              <b-icon-x class="h1 pl-2"></b-icon-x>
+                            </div>
+                          </a>
+                        </b-col>
+                      </b-row>
+                    </span>
                   </b-alert>
 
                   <!-- <b-form-checkbox v-model="model.rememberMe">{{ $t('site.login.remember')}}</b-form-checkbox> -->
                   <div class="text-center">
-                    <base-button type="secondary" native-type="submit" class="my-4">{{ $t('site.login.signin')}}</base-button>
+                    <base-button
+                      type="secondary"
+                      native-type="submit"
+                      class="my-4"
+                    >
+                      {{ $t("site.login.signin") }}
+                    </base-button>
                   </div>
                 </b-form>
-              </validation-observer>  
+              </validation-observer>
             </b-card-body>
           </b-card>
           <b-row class="mt-3">
             <b-col cols="6">
-              <router-link to="/password" >{{ $t('site.login.forgot_pwd')}}</router-link>
+              <router-link to="/password">
+                {{ $t("site.login.forgot_pwd") }}
+              </router-link>
             </b-col>
             <b-col cols="6" class="text-right">
-              <router-link to="/register">{{ $t('site.login.new_wallet')}}</router-link>
+              <router-link to="/register">
+                {{ $t("site.login.new_wallet") }}
+              </router-link>
             </b-col>
           </b-row>
         </b-col>
@@ -86,25 +111,27 @@
   </div>
 </template>
 <script>
-
-  export default {
-    name: "login",
-    data() {
-      return {
-        model: {
-          email: '',
-          password: ''
-         // rememberMe: false
-        }
-      };
-    },
-    methods: {    
-      onSubmit() {
-        this.$store.dispatch('login', {"email":  this.model.email, "password":  this.model.password})
-      },
-      closeAlert(){
-        this.$store.state.loginfail = false
+export default {
+  name: "login",
+  data() {
+    return {
+      model: {
+        email: "",
+        password: ""
+        // rememberMe: false
       }
+    };
+  },
+  methods: {
+    onSubmit() {
+      this.$store.dispatch("login", {
+        email: this.model.email,
+        password: this.model.password
+      });
+    },
+    closeAlert() {
+      this.$store.state.loginfail = false;
     }
   }
+};
 </script>
diff --git a/frontend/src/views/Pages/Password.vue b/frontend/src/views/Pages/Password.vue
index a5a257c27..adb85066e 100644
--- a/frontend/src/views/Pages/Password.vue
+++ b/frontend/src/views/Pages/Password.vue
@@ -5,32 +5,47 @@
         <div class="header-body text-center mb-7">
           <b-row class="justify-content-center">
             <b-col xl="5" lg="6" md="8" class="px-2">
-              <h1 >{{ $t('site.password.title')}}</h1>
-              <p class="text-lead">{{ $t('site.password.subtitle')}}</p>
+              <h1>{{ $t("site.password.title") }}</h1>
+              <p class="text-lead">{{ $t("site.password.subtitle") }}</p>
             </b-col>
           </b-row>
         </div>
       </b-container>
-    
     </div>
     <b-container class="mt--8 p-1">
       <b-row class="justify-content-center">
-        <b-col lg="6" md="8" >
-          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important;">             
-            <b-card-body class="px-lg-5 py-lg-5">              
-              <validation-observer v-slot="{handleSubmit}" ref="formValidator">
+        <b-col lg="6" md="8">
+          <b-card
+            no-body
+            class="border-0"
+            style="background-color: #ebebeba3 !important;"
+          >
+            <b-card-body class="px-lg-5 py-lg-5">
+              <validation-observer
+                v-slot="{ handleSubmit }"
+                ref="formValidator"
+              >
                 <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
-                  <base-input alternative
+                  <base-input
+                    alternative
                     class="mb-3"
                     prepend-icon="ni ni-email-83"
                     :placeholder="$t('form.email')"
                     name="Email"
-                    :rules="{required: true, email: true}"
-                    v-model="model.email">
-                  </base-input>  
-                    {{form}}
+                    :rules="{ required: true, email: true }"
+                    v-model="model.email"
+                  ></base-input>
+                  {{ form }}
                   <div class="text-center">
-                    <b-button type="submit" outline variant="secondary" class="mt-4" :disabled="disable">{{ $t('site.password.reset_now')}}</b-button>
+                    <b-button
+                      type="submit"
+                      outline
+                      variant="secondary"
+                      class="mt-4"
+                      :disabled="disable"
+                    >
+                      {{ $t("site.password.reset_now") }}
+                    </b-button>
                   </div>
                 </b-form>
               </validation-observer>
@@ -38,30 +53,30 @@
           </b-card>
         </b-col>
       </b-row>
-      <div class="text-center py-lg-4" >
-        <router-link to="/Login" class="mt-3">{{ $t('back')}}</router-link>
-      </div>           
+      <div class="text-center py-lg-4">
+        <router-link to="/Login" class="mt-3">{{ $t("back") }}</router-link>
+      </div>
     </b-container>
   </div>
 </template>
 <script>
-  export default {
-    name: 'password',
-    data() {
-      return {
-        disable: 'disabled',
-        model: {
-          email: ''        
-        }
+export default {
+  name: "password",
+  data() {
+    return {
+      disable: "disabled",
+      model: {
+        email: ""
       }
-    },
-    methods: {
-      onSubmit() {
-        this.$store.dispatch('passwordReset', {"email":this.model.email}) 
-        this.model.email = ""
-        this.$router.push('/thx')          
-     }
+    };
+  },
+  methods: {
+    onSubmit() {
+      this.$store.dispatch("passwordReset", { email: this.model.email });
+      this.model.email = "";
+      this.$router.push("/thx");
     }
-  };
+  }
+};
 </script>
 <style></style>
diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index 3d622066f..29fd6a6f8 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -6,75 +6,103 @@
         <div class="header-body text-center mb-7">
           <b-row class="justify-content-center">
             <b-col xl="5" lg="6" md="8" class="px-2">
-              <h1 >{{ $t('site.signup.title')}}</h1>
-              <p class="text-lead">{{ $t('site.signup.subtitle')}}</p>
+              <h1>{{ $t("site.signup.title") }}</h1>
+              <p class="text-lead">{{ $t("site.signup.subtitle") }}</p>
             </b-col>
           </b-row>
         </div>
       </b-container>
-      
     </div>
     <!-- Page content -->
     <b-container class="mt--8 p-1">
       <!-- Table -->
       <b-row class="justify-content-center">
-        <b-col lg="6" md="8" >
-          <b-card no-body class="border-0" style="background-color: #ebebeba3 !important;">
-             
+        <b-col lg="6" md="8">
+          <b-card
+            no-body
+            class="border-0"
+            style="background-color: #ebebeba3 !important;"
+          >
             <b-card-body class="py-lg-4 px-sm-0 px-0 px-md-2 px-lg-4">
               <div class="text-center text-muted mb-4">
-                <small>{{ $t('signup')}} </small>
+                <small>{{ $t("signup") }}</small>
               </div>
-              <validation-observer v-slot="{handleSubmit}" ref="formValidator">
+              <validation-observer
+                v-slot="{ handleSubmit }"
+                ref="formValidator"
+              >
                 <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
-                  <base-input alternative
-                              class="mb-3"
-                              prepend-icon="ni ni-hat-3"
-                              :placeholder="$t('form.firstname')"
-                              name="Vorname"
-                              :rules="{required: true}"
-                              v-model="model.firstname">
-                  </base-input>
-                   <base-input alternative
-                              class="mb-3"
-                              prepend-icon="ni ni-hat-3"
-                              :placeholder="$t('form.lastname')"
-                              name="Nachname"
-                              :rules="{required: true}"
-                              v-model="model.lastname">
-                  </base-input>
+                  <base-input
+                    alternative
+                    class="mb-3"
+                    prepend-icon="ni ni-hat-3"
+                    :placeholder="$t('form.firstname')"
+                    name="Vorname"
+                    :rules="{ required: true }"
+                    v-model="model.firstname"
+                  ></base-input>
+                  <base-input
+                    alternative
+                    class="mb-3"
+                    prepend-icon="ni ni-hat-3"
+                    :placeholder="$t('form.lastname')"
+                    name="Nachname"
+                    :rules="{ required: true }"
+                    v-model="model.lastname"
+                  ></base-input>
 
-                  <base-input alternative
-                              class="mb-3"
-                              prepend-icon="ni ni-email-83"
-                              :placeholder="$t('form.email')"
-                              name="Email"
-                              :rules="{required: true, email: true}"
-                              v-model="model.email">
-                  </base-input>
+                  <base-input
+                    alternative
+                    class="mb-3"
+                    prepend-icon="ni ni-email-83"
+                    :placeholder="$t('form.email')"
+                    name="Email"
+                    :rules="{ required: true, email: true }"
+                    v-model="model.email"
+                  ></base-input>
 
-                  <base-input alternative
-                              class="mb-3"
-                              prepend-icon="ni ni-lock-circle-open"
-                              :placeholder="$t('form.password')"
-                              type="password"
-                              name="Password"
-                              :rules="{required: true, min: 6}"
-                              v-model="model.password">
-                  </base-input>
-                  <div class="text-muted font-italic"><small>{{ $t('site.signup.strength')}} <span
-                    class="text-success font-weight-700">{{ $t('site.signup.strong')}}</span></small></div>
+                  <base-input
+                    alternative
+                    class="mb-3"
+                    prepend-icon="ni ni-lock-circle-open"
+                    :placeholder="$t('form.password')"
+                    type="password"
+                    name="Password"
+                    :rules="{ required: true, min: 6 }"
+                    v-model="model.password"
+                  ></base-input>
+                  <div class="text-muted font-italic">
+                    <small>
+                      {{ $t("site.signup.strength") }}
+                      <span class="text-success font-weight-700">
+                        {{ $t("site.signup.strong") }}
+                      </span>
+                    </small>
+                  </div>
                   <b-row class=" my-4">
                     <b-col cols="12">
-                      <base-input :rules="{ required: { allowFalse: false } }" name="Privacy Policy">
+                      <base-input
+                        :rules="{ required: { allowFalse: false } }"
+                        name="Privacy Policy"
+                      >
                         <b-form-checkbox v-model="model.agree">
-                          <span class="text-muted"><a href="https://gradido.net/de/datenschutz/" target="_blank"> {{ $t('privacy_policy')}}</a> - {{ $t('site.signup.agree')}} </span>
+                          <span class="text-muted">
+                            <a
+                              href="https://gradido.net/de/datenschutz/"
+                              target="_blank"
+                            >
+                              {{ $t("privacy_policy") }}
+                            </a>
+                            - {{ $t("site.signup.agree") }}
+                          </span>
                         </b-form-checkbox>
                       </base-input>
                     </b-col>
                   </b-row>
                   <div class="text-center">
-                    <b-button type="submit" variant="secondary" class="mt-4">{{ $t('signup')}}</b-button>
+                    <b-button type="submit" variant="secondary" class="mt-4">
+                      {{ $t("signup") }}
+                    </b-button>
                   </div>
                 </b-form>
               </validation-observer>
@@ -82,39 +110,44 @@
           </b-card>
         </b-col>
       </b-row>
-      <div class="text-center py-lg-4" >
-        <router-link to="/Login" class="mt-3">{{ $t('back')}}</router-link>
-      </div>           
+      <div class="text-center py-lg-4">
+        <router-link to="/Login" class="mt-3">{{ $t("back") }}</router-link>
+      </div>
     </b-container>
   </div>
 </template>
 <script>
-
-  export default {
-    name: 'register',
-    data() {
-      return {
-        model: {
-          firstname: '',
-          lastname: '',
-          email: '',
-          password: '',
-          password2: '',
-          agree: false          
-        }
+export default {
+  name: "register",
+  data() {
+    return {
+      model: {
+        firstname: "",
+        lastname: "",
+        email: "",
+        password: "",
+        password2: "",
+        agree: false
       }
-    },
-    methods: {
-      onSubmit() {
-        // console.log("this.modals =>", this.modals)
-         this.$store.dispatch('createUser', {"email":this.model.email, "first_name":this.model.firstname, "last_name":this.model.lastname , "emailType": 2, "password":this.model.password}) 
-          this.model.email = ""
-          this.model.firstname = ""
-          this.model.lastname = ""
-          this.model.password = ""
-          this.$router.push('/thx')          
-     }
+    };
+  },
+  methods: {
+    onSubmit() {
+      // console.log("this.modals =>", this.modals)
+      this.$store.dispatch("createUser", {
+        email: this.model.email,
+        first_name: this.model.firstname,
+        last_name: this.model.lastname,
+        emailType: 2,
+        password: this.model.password
+      });
+      this.model.email = "";
+      this.model.firstname = "";
+      this.model.lastname = "";
+      this.model.password = "";
+      this.$router.push("/thx");
     }
-  };
+  }
+};
 </script>
 <style></style>
diff --git a/frontend/src/views/Pages/UserProfile.vue b/frontend/src/views/Pages/UserProfile.vue
index c380abc75..4ce873b9c 100755
--- a/frontend/src/views/Pages/UserProfile.vue
+++ b/frontend/src/views/Pages/UserProfile.vue
@@ -1,14 +1,20 @@
 <template>
   <div>
-    <div class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
-        style="min-height: 600px; background-image: url(img/theme/profile-cover.jpg); background-size: cover; background-position: center top;">
+    <div
+      class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
+      style="min-height: 600px; background-image: url(img/theme/profile-cover.jpg); background-size: cover; background-position: center top;"
+    >
       <b-container fluid>
         <b-container fluid class="d-flex align-items-center">
-          <b-row >
+          <b-row>
             <b-col lg="7" md="10">
-              <h1 class="display-2 text-white">Hello {{this.$store.state.email}}</h1>
-              <p class="text-white mt-0 mb-5">This is your profile page. You can see the progress you've made with your
-                work and manage your projects or assigned tasks</p>
+              <h1 class="display-2 text-white">
+                Hello {{ this.$store.state.email }}
+              </h1>
+              <p class="text-white mt-0 mb-5">
+                This is your profile page. You can see the progress you've made
+                with your work and manage your projects or assigned tasks
+              </p>
               <a href="#!" class="btn btn-info">Edit profile</a>
             </b-col>
           </b-row>
@@ -29,15 +35,14 @@
   </div>
 </template>
 <script>
-  import EditProfileForm from './UserProfile/EditProfileForm.vue';
-  import UserCard from './UserProfile/UserCard.vue';
+import EditProfileForm from "./UserProfile/EditProfileForm.vue";
+import UserCard from "./UserProfile/UserCard.vue";
 
-  export default {
-    components: {
-      EditProfileForm,
-      UserCard
-    }
-  };
+export default {
+  components: {
+    EditProfileForm,
+    UserCard
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/views/Pages/UserProfile/EditProfileForm.vue b/frontend/src/views/Pages/UserProfile/EditProfileForm.vue
index 7ad1800fa..b27386f55 100755
--- a/frontend/src/views/Pages/UserProfile/EditProfileForm.vue
+++ b/frontend/src/views/Pages/UserProfile/EditProfileForm.vue
@@ -1,12 +1,8 @@
 <template>
   <card>
-    <b-row align-v="center" slot="header" >
-      <b-col cols="8">
-       
-      </b-col>
-      <b-col cols="4" class="text-right">
-   
-      </b-col>
+    <b-row align-v="center" slot="header">
+      <b-col cols="8"></b-col>
+      <b-col cols="4" class="text-right"></b-col>
     </b-row>
 
     <b-form @submit.prevent="updateProfile">
@@ -20,8 +16,7 @@
               label="Username"
               placeholder="Username"
               v-model="user.username"
-            >
-            </base-input>
+            ></base-input>
           </b-col>
           <b-col lg="6">
             <base-input
@@ -29,19 +24,17 @@
               label="Email address"
               placeholder="mike@email.com"
               v-model="user.email"
-            >
-            </base-input>
+            ></base-input>
           </b-col>
         </b-row>
-        <b-row >
+        <b-row>
           <b-col lg="6">
             <base-input
               type="text"
               label="First Name"
               placeholder="First Name"
               v-model="user.firstName"
-            >
-            </base-input>
+            ></base-input>
           </b-col>
           <b-col lg="6">
             <base-input
@@ -49,12 +42,11 @@
               label="Last Name"
               placeholder="Last Name"
               v-model="user.lastName"
-            >
-            </base-input>
+            ></base-input>
           </b-col>
         </b-row>
       </div>
-      <hr class="my-4">
+      <hr class="my-4" />
 
       <!-- Address -->
       <h6 class="heading-small text-muted mb-4">Contact information</h6>
@@ -67,8 +59,7 @@
               label="Address"
               placeholder="Home Address"
               v-model="user.address"
-            >
-            </base-input>
+            ></base-input>
           </b-col>
         </b-row>
         <b-row>
@@ -78,8 +69,7 @@
               label="City"
               placeholder="City"
               v-model="user.city"
-            >
-            </base-input>
+            ></base-input>
           </b-col>
           <b-col lg="4">
             <base-input
@@ -87,30 +77,37 @@
               label="Country"
               placeholder="Country"
               v-model="user.country"
-            >
-            </base-input>
+            ></base-input>
           </b-col>
           <b-col lg="4">
             <base-input
               label="Postal Code"
               placeholder="ZIP Code"
               v-model="user.postalCode"
-            >
-            </base-input>
+            ></base-input>
           </b-col>
         </b-row>
       </div>
 
-      <hr class="my-4">
+      <hr class="my-4" />
       <!-- Description -->
       <h6 class="heading-small text-muted mb-4">About me</h6>
       <div class="pl-lg-4">
-        <b-form-group label="About Me" label-class="form-control-label" class="mb-0" label-for="about-form-textaria">
-         <!--  <label class="form-control-label">About Me</label> -->
-          <b-form-textarea rows="4" value="A beautiful premium dashboard for BootstrapVue." id="about-form-textaria" placeholder="A few words about you ..."></b-form-textarea>
+        <b-form-group
+          label="About Me"
+          label-class="form-control-label"
+          class="mb-0"
+          label-for="about-form-textaria"
+        >
+          <!--  <label class="form-control-label">About Me</label> -->
+          <b-form-textarea
+            rows="4"
+            value="A beautiful premium dashboard for BootstrapVue."
+            id="about-form-textaria"
+            placeholder="A few words about you ..."
+          ></b-form-textarea>
         </b-form-group>
       </div>
-
     </b-form>
   </card>
 </template>
@@ -119,22 +116,22 @@ export default {
   data() {
     return {
       user: {
-        company: 'Creative Code Inc.',
-        username: 'michael23',
-        email: '',
-        firstName: 'Mike',
-        lastName: 'Andrew',
-        address: 'Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09',
-        city: 'New York',
-        country: 'USA',
-        postalCode: '',
+        company: "Creative Code Inc.",
+        username: "michael23",
+        email: "",
+        firstName: "Mike",
+        lastName: "Andrew",
+        address: "Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09",
+        city: "New York",
+        country: "USA",
+        postalCode: "",
         aboutMe: `Lamborghini Mercy, Your chick she so thirsty, I'm in that two seat Lambo.`
       }
     };
   },
   methods: {
     updateProfile() {
-      alert('Your data: ' + JSON.stringify(this.user));
+      alert("Your data: " + JSON.stringify(this.user));
     }
   }
 };
diff --git a/frontend/src/views/Pages/UserProfile/ImageUploaderAvatar.vue b/frontend/src/views/Pages/UserProfile/ImageUploaderAvatar.vue
index 1e6fa8620..ad5e99c85 100644
--- a/frontend/src/views/Pages/UserProfile/ImageUploaderAvatar.vue
+++ b/frontend/src/views/Pages/UserProfile/ImageUploaderAvatar.vue
@@ -5,16 +5,17 @@
       <slot name="activator"></slot>
     </div>
     <!-- image input: style is set to hidden and assigned a ref so that it can be triggered -->
-    <input type="file"
-       ref="file"
-       :name="uploadFieldName"
-       @change="onFileChange(
-          $event.target.name, $event.target.files)"
-       style="display:none">
+    <input
+      type="file"
+      ref="file"
+      :name="uploadFieldName"
+      @change="onFileChange($event.target.name, $event.target.files)"
+      style="display:none"
+    />
     <!-- error dialog displays any potential errors -->
     <v-dialog v-model="errorDialog" max-width="300">
       <v-card>
-        <v-card-text class="subheading">{{errorText}}</v-card-text>
+        <v-card-text class="subheading">{{ errorText }}</v-card-text>
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn @click="errorDialog = false" flat>Got it!</v-btn>
@@ -24,48 +25,49 @@
   </div>
 </template>
 <script>
-  export default {
-    name: 'avatar-uploader',
-    data: ()=> ({
-      errorDialog: null,
-      errorText: '',
-      uploadFieldName: 'file',
-      maxSize: 1024
-    }),
-    props: {    
-      // Use "value" here to enable compatibility with v-model
-      value: Object,
+export default {
+  name: "avatar-uploader",
+  data: () => ({
+    errorDialog: null,
+    errorText: "",
+    uploadFieldName: "file",
+    maxSize: 1024
+  }),
+  props: {
+    // Use "value" here to enable compatibility with v-model
+    value: Object
+  },
+  methods: {
+    launchFilePicker() {
+      this.$refs.file.click();
     },
-    methods: {
-      launchFilePicker(){
-        this.$refs.file.click();
-      },
-      onFileChange(fieldName, file) {
-        const { maxSize } = this
-        let imageFile = file[0] 
- 
-        //check if user actually selected a file
-        if (file.length>0) {
-          let size = imageFile.size / maxSize / maxSize
-          if (!imageFile.type.match('image.*')) {
-            // check whether the upload is an image
-            this.errorDialog = true
-            this.errorText = 'Please choose an image file'
-          } else if (size>1) {
-            // check whether the size is greater than the size limit
-            this.errorDialog = true
-            this.errorText = 'Your file is too big! Please select an image under 1MB'
-          } else {
-            // Append file into FormData & turn file into image URL
-            let formData = new FormData()
-            let imageURL = URL.createObjectURL(imageFile)
-            formData.append(fieldName, imageFile)
-            // Emit FormData & image URL to the parent component
-            this.$emit('input', { formData, imageURL })
-          }
+    onFileChange(fieldName, file) {
+      const { maxSize } = this;
+      let imageFile = file[0];
+
+      //check if user actually selected a file
+      if (file.length > 0) {
+        let size = imageFile.size / maxSize / maxSize;
+        if (!imageFile.type.match("image.*")) {
+          // check whether the upload is an image
+          this.errorDialog = true;
+          this.errorText = "Please choose an image file";
+        } else if (size > 1) {
+          // check whether the size is greater than the size limit
+          this.errorDialog = true;
+          this.errorText =
+            "Your file is too big! Please select an image under 1MB";
+        } else {
+          // Append file into FormData & turn file into image URL
+          let formData = new FormData();
+          let imageURL = URL.createObjectURL(imageFile);
+          formData.append(fieldName, imageFile);
+          // Emit FormData & image URL to the parent component
+          this.$emit("input", { formData, imageURL });
         }
       }
     }
   }
+};
 </script>
 <style></style>
diff --git a/frontend/src/views/Pages/UserProfile/UserCard.vue b/frontend/src/views/Pages/UserProfile/UserCard.vue
index 3f6e5e273..787d551bd 100755
--- a/frontend/src/views/Pages/UserProfile/UserCard.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard.vue
@@ -4,7 +4,10 @@
       <b-col lg="3" class="order-lg-2">
         <div class="card-profile-image">
           <a href="#">
-            <vue-qrcode :value="$store.state.email" type="image/png"> </vue-qrcode>
+            <vue-qrcode
+              :value="$store.state.email"
+              type="image/png"
+            ></vue-qrcode>
           </a>
         </div>
       </b-col>
@@ -12,13 +15,13 @@
 
     <b-card-header class="text-center border-0 pt-8 pt-md-4 pb-0 pb-md-4">
       <div class="d-flex justify-content-between">
-       <br>
+        <br />
       </div>
     </b-card-header>
 
     <b-card-body class="pt-0">
       <b-row>
-        <b-col >
+        <b-col>
           <div class="card-profile-stats d-flex justify-content-center mt-md-5">
             <div>
               <span class="heading">--</span>
@@ -29,7 +32,9 @@
               <span class="description">Community</span>
             </div>
             <div>
-              <span class="heading"> {{ $n(this.$store.state.user.balance) }} </span>
+              <span class="heading">
+                {{ $n(this.$store.state.user.balance) }}
+              </span>
               <span class="description">GDD</span>
             </div>
           </div>
@@ -37,21 +42,20 @@
       </b-row>
       <div class="text-center">
         <h5 class="h3">
-         {{this.$store.state.email}}<span class="font-weight-light"></span>
+          {{ this.$store.state.email }}
+          <span class="font-weight-light"></span>
         </h5>
-    
-       
       </div>
     </b-card-body>
   </b-card>
 </template>
 <script>
-import VueQrcode from 'vue-qrcode'
+import VueQrcode from "vue-qrcode";
 
 export default {
   name: "profilecard",
-   components: {
-    VueQrcode,
+  components: {
+    VueQrcode
   }
 };
 </script>
diff --git a/frontend/src/views/Pages/UserProfileActivity.vue b/frontend/src/views/Pages/UserProfileActivity.vue
index 4346df68a..e7d37d8dd 100644
--- a/frontend/src/views/Pages/UserProfileActivity.vue
+++ b/frontend/src/views/Pages/UserProfileActivity.vue
@@ -1,99 +1,91 @@
 <template>
   <div>
-    <div class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header" style="max-height:200px">
-       
-           
-              
-    </div>
-    
-    
-    
+    <div
+      class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
+      style="max-height:200px"
+    ></div>
+
     <b-container fluid class="mt--6">
       <b-row>
-        <b-col> 
-              <div>
-                  <gdd-add-work-2 />       
-                </div>
-                <br>
-                </b-col>
+        <b-col>
+          <div>
+            <gdd-add-work-2 />
+          </div>
+          <br />
+        </b-col>
       </b-row>
-      <hr>
+      <hr />
       <b-row>
         <b-col xl="4" class="order-xl-2 mb-5">
           community
-         <gdd-work-table></gdd-work-table>
+          <gdd-work-table></gdd-work-table>
         </b-col>
         <b-col xl="8" class="order-xl-1">
           transactions
           <gdd-table></gdd-table>
         </b-col>
       </b-row>
-        <b-row>
-        <b-col xl="6"  S>
+      <b-row>
+        <b-col xl="6" S>
           <div class="chart">
             <line-chart
               :height="350"
               :chart-data="bigLineChart.chartData"
-            >
-            </line-chart>
+            ></line-chart>
           </div>
-          
         </b-col>
-        <b-col xl="6"  >
+        <b-col xl="6">
           <div class="chart">
             <line-chart
               :height="350"
               :chart-data="bigLineChart.chartData"
-            >
-            </line-chart>
+            ></line-chart>
           </div>
-           
         </b-col>
       </b-row>
     </b-container>
   </div>
 </template>
 <script>
-  import GddTable from '../../views/KontoOverview/GddTable.vue';
-  import GddWorkTable from '../../views/KontoOverview/GddWorkTable.vue';
-     import GddAddWork2  from '../../views/KontoOverview/GddAddWork2.vue';
+import GddTable from "../../views/KontoOverview/GddTable.vue";
+import GddWorkTable from "../../views/KontoOverview/GddWorkTable.vue";
+import GddAddWork2 from "../../views/KontoOverview/GddAddWork2.vue";
 
-  import * as chartConfigs from '@/components/Charts/config';
-  import LineChart from '@/components/Charts/LineChart';
-  //import BarChart from '@/components/Charts/BarChart';
+import * as chartConfigs from "@/components/Charts/config";
+import LineChart from "@/components/Charts/LineChart";
+//import BarChart from '@/components/Charts/BarChart';
 
-  export default {
-    components: {
-      GddTable,
-     GddWorkTable,
+export default {
+  components: {
+    GddTable,
+    GddWorkTable,
     LineChart,
     GddAddWork2
     //BarChart
-    },
-    data(){
-      return {
-        bigLineChart: {
-          allData: [
-            [0, 20, 10, 30, 15, 40, 20, 60, 60],
-            [0, 20, 5, 25, 10, 30, 35, 60, 40],
-            [0, 2, 5, 7, 10, 30, 15, 9, 10],
-            [0, 2, 5, 7, 10, 14, 29, 78, 120]
+  },
+  data() {
+    return {
+      bigLineChart: {
+        allData: [
+          [0, 20, 10, 30, 15, 40, 20, 60, 60],
+          [0, 20, 5, 25, 10, 30, 35, 60, 40],
+          [0, 2, 5, 7, 10, 30, 15, 9, 10],
+          [0, 2, 5, 7, 10, 14, 29, 78, 120]
+        ],
+        activeIndex: 0,
+        chartData: {
+          datasets: [
+            {
+              label: "Performance",
+              data: [0, 20, 10, 30, 15, 40, 20, 60, 60]
+            }
           ],
-          activeIndex: 0,
-          chartData: {
-            datasets: [
-              {
-                label: 'Performance',
-                data: [0, 20, 10, 30, 15, 40, 20, 60, 60],
-              }
-            ],
-            labels: ['May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-          },
-          extraOptions: chartConfigs.blueChartOptions,
+          labels: ["May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
         },
+        extraOptions: chartConfigs.blueChartOptions
       }
-    }
-  };
+    };
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/views/Pages/UserProfileCard.vue b/frontend/src/views/Pages/UserProfileCard.vue
index b435c2beb..d65a74019 100644
--- a/frontend/src/views/Pages/UserProfileCard.vue
+++ b/frontend/src/views/Pages/UserProfileCard.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
-    <div class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header">
-      <b-container fluid>
-       
-      </b-container>
+    <div
+      class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
+    >
+      <b-container fluid></b-container>
     </div>
 
     <b-container fluid class="mt--6">
@@ -11,20 +11,17 @@
         <b-col xl="12" class="order-xl-2 mb-5">
           <user-card></user-card>
         </b-col>
-        
       </b-row>
     </b-container>
   </div>
 </template>
 <script>
+import UserCard from "./UserProfile/UserCard.vue";
 
-  import UserCard from './UserProfile/UserCard.vue';
-
-  export default {
-    components: {
-      UserCard
-    }
-  };
+export default {
+  components: {
+    UserCard
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/views/Pages/UserProfileEdit.vue b/frontend/src/views/Pages/UserProfileEdit.vue
index 5f838475d..debc39bfa 100644
--- a/frontend/src/views/Pages/UserProfileEdit.vue
+++ b/frontend/src/views/Pages/UserProfileEdit.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
-    <div class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header">
-    
-    </div>
+    <div
+      class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
+    ></div>
 
     <b-container fluid class="mt--6">
-      <b-row>        
+      <b-row>
         <b-col xl="12" class="order-xl-1">
           <edit-profile-form></edit-profile-form>
         </b-col>
@@ -14,14 +14,12 @@
   </div>
 </template>
 <script>
-  import EditProfileForm from './UserProfile/EditProfileForm.vue';
+import EditProfileForm from "./UserProfile/EditProfileForm.vue";
 
-
-  export default {
-    components: {
-      EditProfileForm
-    }
-  };
+export default {
+  components: {
+    EditProfileForm
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/views/Pages/UserProfileTransactionList.vue b/frontend/src/views/Pages/UserProfileTransactionList.vue
index 525ea2525..29eb5f65a 100644
--- a/frontend/src/views/Pages/UserProfileTransactionList.vue
+++ b/frontend/src/views/Pages/UserProfileTransactionList.vue
@@ -1,24 +1,25 @@
 <template>
   <div>
-    <div class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header" style="max-height:200px"></div>     
+    <div
+      class="header pb-8 pt-5 pt-lg-8 d-flex align-items-center profile-header"
+      style="max-height:200px"
+    ></div>
     <b-container fluid class="mt--6">
-      <b-row>      
-        <b-col   class="order-xl-1">
-          
+      <b-row>
+        <b-col class="order-xl-1">
           <gdd-table></gdd-table>
         </b-col>
-      </b-row>         
+      </b-row>
     </b-container>
   </div>
 </template>
 <script>
-  import GddTable from '../../views/KontoOverview/GddTable.vue'
-     
-  export default {
-    components: {
-      GddTable
-    }
-  };
+import GddTable from "../../views/KontoOverview/GddTable.vue";
+
+export default {
+  components: {
+    GddTable
+  }
+};
 </script>
-<style>
-</style>
+<style></style>
diff --git a/frontend/src/views/Pages/thx.vue b/frontend/src/views/Pages/thx.vue
index f11e0c8df..f6f64b9b2 100644
--- a/frontend/src/views/Pages/thx.vue
+++ b/frontend/src/views/Pages/thx.vue
@@ -3,21 +3,29 @@
     <!-- Header -->
     <div class="header bg-gradient-info py-7 py-lg-8 pt-lg-9">
       <b-container>
-        <div class="header-body text-center mb-7"> 
-          <p class="h1">{{$t('site.thx.title')}}</p>
-          <p class="h4">{{$t('site.thx.subtitle')}}</p>
-         <hr>
-          <b-button to="/login">{{$t('login')}}</b-button>
-             
+        <div class="header-body text-center mb-7">
+          <p class="h1">{{ $t("site.thx.title") }}</p>
+          <p class="h4">{{ $t("site.thx.subtitle") }}</p>
+          <hr />
+          <b-button to="/login">{{ $t("login") }}</b-button>
         </div>
       </b-container>
       <div class="separator separator-bottom separator-skew zindex-100">
-        <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
-          <polygon class="fill-default" points="2560 0 2560 100 0 100"></polygon>
+        <svg
+          x="0"
+          y="0"
+          viewBox="0 0 2560 100"
+          preserveAspectRatio="none"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <polygon
+            class="fill-default"
+            points="2560 0 2560 100 0 100"
+          ></polygon>
         </svg>
       </div>
     </div>
     <!-- Page content -->
-  
   </div>
 </template>
diff --git a/frontend/src/views/RegularTables.vue b/frontend/src/views/RegularTables.vue
index 72d8fbbb5..3777f0c2c 100755
--- a/frontend/src/views/RegularTables.vue
+++ b/frontend/src/views/RegularTables.vue
@@ -4,12 +4,13 @@
       <!-- Card stats -->
       <b-row>
         <b-col xl="3" md="6">
-          <stats-card title="Total traffic"
-                      type="gradient-red"
-                      sub-title="350,897"
-                      icon="ni ni-active-40"
-                      class="mb-4">
-
+          <stats-card
+            title="Total traffic"
+            type="gradient-red"
+            sub-title="350,897"
+            icon="ni ni-active-40"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">3.48%</span>
               <span class="text-nowrap">Since last month</span>
@@ -17,12 +18,13 @@
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Total traffic"
-                      type="gradient-orange"
-                      sub-title="2,356"
-                      icon="ni ni-chart-pie-35"
-                      class="mb-4">
-
+          <stats-card
+            title="Total traffic"
+            type="gradient-orange"
+            sub-title="2,356"
+            icon="ni ni-chart-pie-35"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">12.18%</span>
               <span class="text-nowrap">Since last month</span>
@@ -30,26 +32,27 @@
           </stats-card>
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Sales"
-                      type="gradient-green"
-                      sub-title="924"
-                      icon="ni ni-money-coins"
-                      class="mb-4">
-
+          <stats-card
+            title="Sales"
+            type="gradient-green"
+            sub-title="924"
+            icon="ni ni-money-coins"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-danger mr-2">5.72%</span>
               <span class="text-nowrap">Since last month</span>
             </template>
           </stats-card>
-
         </b-col>
         <b-col xl="3" md="6">
-          <stats-card title="Performance"
-                      type="gradient-info"
-                      sub-title="49,65%"
-                      icon="ni ni-chart-bar-32"
-                      class="mb-4">
-
+          <stats-card
+            title="Performance"
+            type="gradient-info"
+            sub-title="49,65%"
+            icon="ni ni-chart-bar-32"
+            class="mb-4"
+          >
             <template slot="footer">
               <span class="text-success mr-2">54.8%</span>
               <span class="text-nowrap">Since last month</span>
@@ -61,7 +64,7 @@
     <b-container fluid class="mt--7">
       <b-row>
         <b-col>
-          <light-table/>
+          <light-table />
         </b-col>
       </b-row>
       <div class="mt-5"></div>
@@ -70,43 +73,49 @@
   </div>
 </template>
 <script>
-  import { Dropdown, DropdownItem, DropdownMenu, Table, TableColumn } from 'element-ui';
-  import projects from './Tables/projects'
-  import users from './Tables/users'
-  import LightTable from "./Tables/RegularTables/LightTable";
-  import DarkTable from "./Tables/RegularTables/DarkTable";
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  Table,
+  TableColumn
+} from "element-ui";
+import projects from "./Tables/projects";
+import users from "./Tables/users";
+import LightTable from "./Tables/RegularTables/LightTable";
+import DarkTable from "./Tables/RegularTables/DarkTable";
 
-  export default {
-    components: {
-      LightTable,
-      DarkTable,
-      [Dropdown.name]: Dropdown,
-      [DropdownItem.name]: DropdownItem,
-      [DropdownMenu.name]: DropdownMenu,
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn
-    },
-    data() {
-      return {
-        projects,
-        users
-      };
-    }
-  };
+export default {
+  components: {
+    LightTable,
+    DarkTable,
+    [Dropdown.name]: Dropdown,
+    [DropdownItem.name]: DropdownItem,
+    [DropdownMenu.name]: DropdownMenu,
+    [Table.name]: Table,
+    [TableColumn.name]: TableColumn
+  },
+  data() {
+    return {
+      projects,
+      users
+    };
+  }
+};
 </script>
 <style>
-.el-table.table-dark{
+.el-table.table-dark {
   background-color: #172b4d;
   color: #f8f9fe;
 }
 
 .el-table.table-dark th,
-.el-table.table-dark tr{
+.el-table.table-dark tr {
   background-color: #172b4d;
 }
 
 .el-table.table-dark td,
-.el-table.table-dark th.is-leaf{
+.el-table.table-dark th.is-leaf {
   border-bottom: none;
 }
 </style>
diff --git a/frontend/src/views/Tables/RegularTables/DarkTable.vue b/frontend/src/views/Tables/RegularTables/DarkTable.vue
index f7a727511..2058ed1c1 100644
--- a/frontend/src/views/Tables/RegularTables/DarkTable.vue
+++ b/frontend/src/views/Tables/RegularTables/DarkTable.vue
@@ -1,93 +1,114 @@
 <template>
-    <b-card no-body class="bg-default shadow">
-        <b-card-header class="bg-transparent border-0">
-            <h3 class="mb-0 text-white">Dark table</h3>
-        </b-card-header>
+  <b-card no-body class="bg-default shadow">
+    <b-card-header class="bg-transparent border-0">
+      <h3 class="mb-0 text-white">Dark table</h3>
+    </b-card-header>
 
-        <el-table class="table-responsive table table-dark"
-                  header-row-class-name="thead-dark"
-                  :data="projects">
-            <el-table-column label="Project"
-                             min-width="310px"
-                             prop="name">
-                <template v-slot="{row}">
-                    <b-media no-body class="align-items-center">
-                        <a href="#" class="mr-3">
-                            <b-img class="avatar" rounded="circle" alt="Image placeholder" :src="row.img" />
-                        </a>
-                        <b-media-body>
-                            <span class="font-weight-600 name mb-0 text-sm">{{row.title}}</span>
-                        </b-media-body>
-                    </b-media>
-                </template>
-            </el-table-column>
-            <el-table-column label="Budget"
-                             prop="budget"
-                             min-width="140px">
-            </el-table-column>
+    <el-table
+      class="table-responsive table table-dark"
+      header-row-class-name="thead-dark"
+      :data="projects"
+    >
+      <el-table-column label="Project" min-width="310px" prop="name">
+        <template v-slot="{ row }">
+          <b-media no-body class="align-items-center">
+            <a href="#" class="mr-3">
+              <b-img
+                class="avatar"
+                rounded="circle"
+                alt="Image placeholder"
+                :src="row.img"
+              />
+            </a>
+            <b-media-body>
+              <span class="font-weight-600 name mb-0 text-sm">
+                {{ row.title }}
+              </span>
+            </b-media-body>
+          </b-media>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="Budget"
+        prop="budget"
+        min-width="140px"
+      ></el-table-column>
 
-            <el-table-column label="Status"
-                             min-width="170px"
-                             prop="status">
-                <template v-slot="{row}">
-                    <badge class="badge-dot mr-4">
-                        <i :class="`bg-${row.statusType}`"></i>
-                        <span class="status" :class="`text-${row.statusType}`">{{row.status}}</span>
-                    </badge>
-                </template>
-            </el-table-column>
+      <el-table-column label="Status" min-width="170px" prop="status">
+        <template v-slot="{ row }">
+          <badge class="badge-dot mr-4">
+            <i :class="`bg-${row.statusType}`"></i>
+            <span class="status" :class="`text-${row.statusType}`">
+              {{ row.status }}
+            </span>
+          </badge>
+        </template>
+      </el-table-column>
 
-            <el-table-column label="Users" min-width="190px">
-                <div class="avatar-group">
-                    <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-                       data-original-title="Ryan Tompson">
-                        <img alt="Image placeholder" src="img/theme/team-1.jpg">
-                    </a>
-                    <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-                       data-original-title="Romina Hadid">
-                        <img alt="Image placeholder" src="img/theme/team-2.jpg">
-                    </a>
-                    <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-                       data-original-title="Alexander Smith">
-                        <img alt="Image placeholder" src="img/theme/team-3.jpg">
-                    </a>
-                    <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-                       data-original-title="Jessica Doe">
-                        <img alt="Image placeholder" src="img/theme/team-4.jpg">
-                    </a>
-                </div>
-            </el-table-column>
+      <el-table-column label="Users" min-width="190px">
+        <div class="avatar-group">
+          <a
+            href="#"
+            class="avatar avatar-sm rounded-circle"
+            data-toggle="tooltip"
+            data-original-title="Ryan Tompson"
+          >
+            <img alt="Image placeholder" src="img/theme/team-1.jpg" />
+          </a>
+          <a
+            href="#"
+            class="avatar avatar-sm rounded-circle"
+            data-toggle="tooltip"
+            data-original-title="Romina Hadid"
+          >
+            <img alt="Image placeholder" src="img/theme/team-2.jpg" />
+          </a>
+          <a
+            href="#"
+            class="avatar avatar-sm rounded-circle"
+            data-toggle="tooltip"
+            data-original-title="Alexander Smith"
+          >
+            <img alt="Image placeholder" src="img/theme/team-3.jpg" />
+          </a>
+          <a
+            href="#"
+            class="avatar avatar-sm rounded-circle"
+            data-toggle="tooltip"
+            data-original-title="Jessica Doe"
+          >
+            <img alt="Image placeholder" src="img/theme/team-4.jpg" />
+          </a>
+        </div>
+      </el-table-column>
 
-            <el-table-column label="Completion"
-                             prop="completion"
-                             min-width="240px">
-                <template v-slot="{row}">
-                    <div class="d-flex align-items-center">
-                        <span class="completion mr-2">{{row.completion}}%</span>
-                        <div>
-                            <base-progress :type="row.statusType" :value="row.completion"/>
-                        </div>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
-
-    </b-card>
+      <el-table-column label="Completion" prop="completion" min-width="240px">
+        <template v-slot="{ row }">
+          <div class="d-flex align-items-center">
+            <span class="completion mr-2">{{ row.completion }}%</span>
+            <div>
+              <base-progress :type="row.statusType" :value="row.completion" />
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </b-card>
 </template>
 <script>
-  import projects from './../projects'
-  import { Table, TableColumn} from 'element-ui'
-  export default {
-    name: 'light-table',
-    components: {
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn
-    },
-    data() {
-      return {
-        projects,
-        currentPage: 1
-      };
-    }
+import projects from "./../projects";
+import { Table, TableColumn } from "element-ui";
+export default {
+  name: "light-table",
+  components: {
+    [Table.name]: Table,
+    [TableColumn.name]: TableColumn
+  },
+  data() {
+    return {
+      projects,
+      currentPage: 1
+    };
   }
+};
 </script>
diff --git a/frontend/src/views/Tables/RegularTables/LightTable.vue b/frontend/src/views/Tables/RegularTables/LightTable.vue
index f7af4eb73..f2ad519bb 100644
--- a/frontend/src/views/Tables/RegularTables/LightTable.vue
+++ b/frontend/src/views/Tables/RegularTables/LightTable.vue
@@ -1,96 +1,117 @@
 <template>
-    <b-card no-body>
-        <b-card-header class="border-0">
-            <h3 class="mb-0">Light table</h3>
-        </b-card-header>
+  <b-card no-body>
+    <b-card-header class="border-0">
+      <h3 class="mb-0">Light table</h3>
+    </b-card-header>
 
-        <el-table class="table-responsive table"
-                  header-row-class-name="thead-light"
-                  :data="projects">
-            <el-table-column label="Project"
-                             min-width="310px"
-                             prop="name">
-                <template v-slot="{row}">
-                    <b-media no-body class="align-items-center">
-                        <a href="#" class="avatar rounded-circle mr-3">
-                            <img alt="Image placeholder" :src="row.img">
-                        </a>
-                        <b-media-body>
-                            <span class="font-weight-600 name mb-0 text-sm">{{row.title}}</span>
-                        </b-media-body>
-                    </b-media>
-                </template>
-            </el-table-column>
-            <el-table-column label="Budget"
-                             prop="budget"
-                             min-width="140px">
-            </el-table-column>
+    <el-table
+      class="table-responsive table"
+      header-row-class-name="thead-light"
+      :data="projects"
+    >
+      <el-table-column label="Project" min-width="310px" prop="name">
+        <template v-slot="{ row }">
+          <b-media no-body class="align-items-center">
+            <a href="#" class="avatar rounded-circle mr-3">
+              <img alt="Image placeholder" :src="row.img" />
+            </a>
+            <b-media-body>
+              <span class="font-weight-600 name mb-0 text-sm">
+                {{ row.title }}
+              </span>
+            </b-media-body>
+          </b-media>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="Budget"
+        prop="budget"
+        min-width="140px"
+      ></el-table-column>
 
-            <el-table-column label="Status"
-                             min-width="170px"
-                             prop="status">
-                <template v-slot="{row}">
-                    <badge class="badge-dot mr-4" type="">
-                        <i :class="`bg-${row.statusType}`"></i>
-                        <span class="status" :class="`text-${row.statusType}`">{{row.status}}</span>
-                    </badge>
-                </template>
-            </el-table-column>
+      <el-table-column label="Status" min-width="170px" prop="status">
+        <template v-slot="{ row }">
+          <badge class="badge-dot mr-4" type="">
+            <i :class="`bg-${row.statusType}`"></i>
+            <span class="status" :class="`text-${row.statusType}`">
+              {{ row.status }}
+            </span>
+          </badge>
+        </template>
+      </el-table-column>
 
-            <el-table-column label="Users" min-width="190px">
-                <div class="avatar-group">
-                    <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-                       data-original-title="Ryan Tompson">
-                        <img alt="Image placeholder" src="img/theme/team-1.jpg">
-                    </a>
-                    <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-                       data-original-title="Romina Hadid">
-                        <img alt="Image placeholder" src="img/theme/team-2.jpg">
-                    </a>
-                    <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-                       data-original-title="Alexander Smith">
-                        <img alt="Image placeholder" src="img/theme/team-3.jpg">
-                    </a>
-                    <a href="#" class="avatar avatar-sm rounded-circle" data-toggle="tooltip"
-                       data-original-title="Jessica Doe">
-                        <img alt="Image placeholder" src="img/theme/team-4.jpg">
-                    </a>
-                </div>
-            </el-table-column>
+      <el-table-column label="Users" min-width="190px">
+        <div class="avatar-group">
+          <a
+            href="#"
+            class="avatar avatar-sm rounded-circle"
+            data-toggle="tooltip"
+            data-original-title="Ryan Tompson"
+          >
+            <img alt="Image placeholder" src="img/theme/team-1.jpg" />
+          </a>
+          <a
+            href="#"
+            class="avatar avatar-sm rounded-circle"
+            data-toggle="tooltip"
+            data-original-title="Romina Hadid"
+          >
+            <img alt="Image placeholder" src="img/theme/team-2.jpg" />
+          </a>
+          <a
+            href="#"
+            class="avatar avatar-sm rounded-circle"
+            data-toggle="tooltip"
+            data-original-title="Alexander Smith"
+          >
+            <img alt="Image placeholder" src="img/theme/team-3.jpg" />
+          </a>
+          <a
+            href="#"
+            class="avatar avatar-sm rounded-circle"
+            data-toggle="tooltip"
+            data-original-title="Jessica Doe"
+          >
+            <img alt="Image placeholder" src="img/theme/team-4.jpg" />
+          </a>
+        </div>
+      </el-table-column>
 
-            <el-table-column label="Completion"
-                             prop="completion"
-                             min-width="240px">
-                <template v-slot="{row}">
-                    <div class="d-flex align-items-center">
-                        <span class="completion mr-2">{{row.completion}}%</span>
-                        <div>
-                            <base-progress :type="row.statusType" :value="row.completion"/>
-                        </div>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
+      <el-table-column label="Completion" prop="completion" min-width="240px">
+        <template v-slot="{ row }">
+          <div class="d-flex align-items-center">
+            <span class="completion mr-2">{{ row.completion }}%</span>
+            <div>
+              <base-progress :type="row.statusType" :value="row.completion" />
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
 
-        <b-card-footer class="py-4 d-flex justify-content-end">
-            <base-pagination v-model="currentPage" :per-page="10" :total="50"></base-pagination>
-        </b-card-footer>
-    </b-card>
+    <b-card-footer class="py-4 d-flex justify-content-end">
+      <base-pagination
+        v-model="currentPage"
+        :per-page="10"
+        :total="50"
+      ></base-pagination>
+    </b-card-footer>
+  </b-card>
 </template>
 <script>
-  import projects from './../projects'
-  import { Table, TableColumn} from 'element-ui'
-  export default {
-    name: 'light-table',
-    components: {
-      [Table.name]: Table,
-      [TableColumn.name]: TableColumn
-    },
-    data() {
-      return {
-        projects,
-        currentPage: 1
-      };
-    }
+import projects from "./../projects";
+import { Table, TableColumn } from "element-ui";
+export default {
+  name: "light-table",
+  components: {
+    [Table.name]: Table,
+    [TableColumn.name]: TableColumn
+  },
+  data() {
+    return {
+      projects,
+      currentPage: 1
+    };
   }
+};
 </script>
diff --git a/frontend/src/views/Tables/projects.js b/frontend/src/views/Tables/projects.js
index 3a40d2d34..3bd91ce2f 100644
--- a/frontend/src/views/Tables/projects.js
+++ b/frontend/src/views/Tables/projects.js
@@ -1,75 +1,74 @@
-
 export default [
   {
-    img: 'img/theme/bootstrap.jpg',
-    title: 'Argon Design System',
-    budget: '$2500 USD',
-    status: 'pending',
-    statusType: 'warning',
+    img: "img/theme/bootstrap.jpg",
+    title: "Argon Design System",
+    budget: "$2500 USD",
+    status: "pending",
+    statusType: "warning",
     completion: 60
   },
   {
-    img: 'img/theme/angular.jpg',
-    title: 'Angular Now UI Kit PRO',
-    budget: '$1800 USD',
-    status: 'completed',
-    statusType: 'success',
+    img: "img/theme/angular.jpg",
+    title: "Angular Now UI Kit PRO",
+    budget: "$1800 USD",
+    status: "completed",
+    statusType: "success",
     completion: 100
   },
   {
-    img: 'img/theme/sketch.jpg',
-    title: 'Black Dashboard',
-    budget: '$3150 USD',
-    status: 'delayed',
-    statusType: 'danger',
+    img: "img/theme/sketch.jpg",
+    title: "Black Dashboard",
+    budget: "$3150 USD",
+    status: "delayed",
+    statusType: "danger",
     completion: 72
   },
   {
-    img: 'img/theme/react.jpg',
-    title: 'React Material Dashboard',
-    budget: '$4400 USD',
-    status: 'on schedule',
-    statusType: 'info',
+    img: "img/theme/react.jpg",
+    title: "React Material Dashboard",
+    budget: "$4400 USD",
+    status: "on schedule",
+    statusType: "info",
     completion: 90
   },
   {
-    img: 'img/theme/vue.jpg',
-    title: 'Vue Paper UI Kit PRO',
-    budget: '$2200 USD',
-    status: 'completed',
-    statusType: 'success',
+    img: "img/theme/vue.jpg",
+    title: "Vue Paper UI Kit PRO",
+    budget: "$2200 USD",
+    status: "completed",
+    statusType: "success",
     completion: 100
   },
   {
-    img: 'img/theme/bootstrap.jpg',
-    title: 'Argon Design System',
-    budget: '$2500 USD',
-    status: 'pending',
-    statusType: 'warning',
+    img: "img/theme/bootstrap.jpg",
+    title: "Argon Design System",
+    budget: "$2500 USD",
+    status: "pending",
+    statusType: "warning",
     completion: 60
   },
   {
-    img: 'img/theme/angular.jpg',
-    title: 'Angular Now UI Kit PRO',
-    budget: '$1800 USD',
-    status: 'completed',
-    statusType: 'success',
+    img: "img/theme/angular.jpg",
+    title: "Angular Now UI Kit PRO",
+    budget: "$1800 USD",
+    status: "completed",
+    statusType: "success",
     completion: 100
   },
   {
-    img: 'img/theme/sketch.jpg',
-    title: 'Black Dashboard',
-    budget: '$3150 USD',
-    status: 'delayed',
-    statusType: 'danger',
+    img: "img/theme/sketch.jpg",
+    title: "Black Dashboard",
+    budget: "$3150 USD",
+    status: "delayed",
+    statusType: "danger",
     completion: 72
   },
   {
-    img: 'img/theme/vue.jpg',
-    title: 'Vue Paper UI Kit PRO',
-    budget: '$2200 USD',
-    status: 'completed',
-    statusType: 'success',
+    img: "img/theme/vue.jpg",
+    title: "Vue Paper UI Kit PRO",
+    budget: "$2200 USD",
+    status: "completed",
+    statusType: "success",
     completion: 100
   }
-]
+];
diff --git a/frontend/src/views/Tables/users.js b/frontend/src/views/Tables/users.js
index 641b8d76e..26bb7ad17 100755
--- a/frontend/src/views/Tables/users.js
+++ b/frontend/src/views/Tables/users.js
@@ -1,42 +1,42 @@
 export default [
   {
     id: 1,
-    name: 'John Michael',
-    image: 'img/theme/team-1.jpg',
-    createdAt: '10/09/2018',
-    product: 'Argon Dashboard PRO',
+    name: "John Michael",
+    image: "img/theme/team-1.jpg",
+    createdAt: "10/09/2018",
+    product: "Argon Dashboard PRO",
     active: true
   },
   {
     id: 2,
-    name: 'Alexandra Smith',
-    image: 'img/theme/team-2.jpg',
-    createdAt: '08/09/2018',
-    product: 'Argon Design System',
+    name: "Alexandra Smith",
+    image: "img/theme/team-2.jpg",
+    createdAt: "08/09/2018",
+    product: "Argon Design System",
     active: false
   },
   {
     id: 3,
-    name: 'Samantha Ivy',
-    image: 'img/theme/team-3.jpg',
-    createdAt: '30/08/2018',
-    product: 'Black Dashboard',
+    name: "Samantha Ivy",
+    image: "img/theme/team-3.jpg",
+    createdAt: "30/08/2018",
+    product: "Black Dashboard",
     active: false
   },
   {
     id: 4,
-    name: 'John Michael',
-    image: 'img/theme/team-1.jpg',
-    createdAt: '10/09/2018',
-    product: 'Argon Dashboard PRO',
+    name: "John Michael",
+    image: "img/theme/team-1.jpg",
+    createdAt: "10/09/2018",
+    product: "Argon Dashboard PRO",
     active: true
   },
   {
     id: 5,
-    name: 'Alexandra Smith',
-    image: 'img/theme/team-2.jpg',
-    createdAt: '30/09/2018',
-    product: 'Vue Argon Dashboard',
+    name: "Alexandra Smith",
+    image: "img/theme/team-2.jpg",
+    createdAt: "30/09/2018",
+    product: "Vue Argon Dashboard",
     active: true
-  },
+  }
 ];
diff --git a/frontend/src/views/default.vue b/frontend/src/views/default.vue
index ff235e796..9e0089aaa 100644
--- a/frontend/src/views/default.vue
+++ b/frontend/src/views/default.vue
@@ -6,14 +6,11 @@
 
 <script>
 export default {
-  name: 'default',
-  data(){
-    return {      
-    };
+  name: "default",
+  data() {
+    return {};
   },
-  methods: {
-  },
-  watch: {
-  }
+  methods: {},
+  watch: {}
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index 537477c6d..ce748a73e 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -1,5 +1,5 @@
-const path = require('path');
-const dotenv = require('dotenv-webpack');
+const path = require("path");
+const dotenv = require("dotenv-webpack");
 
 function resolveSrc(_path) {
   return path.join(__dirname, _path);
@@ -8,9 +8,9 @@ function resolveSrc(_path) {
 module.exports = {
   pluginOptions: {
     i18n: {
-      locale: 'de',
-      fallbackLocale: 'de',
-      localeDir: 'locales',
+      locale: "de",
+      fallbackLocale: "de",
+      localeDir: "locales",
       enableInSFC: false
     }
   },
@@ -19,16 +19,13 @@ module.exports = {
     // Set up all the aliases we use in our app.
     resolve: {
       alias: {
-        assets: resolveSrc('src/assets')
+        assets: resolveSrc("src/assets")
       }
     },
-    plugins: [
-      new dotenv()
-    ]
-    
+    plugins: [new dotenv()]
   },
   css: {
     // Enable CSS source maps.
-    sourceMap: process.env.NODE_ENV !== 'production'
+    sourceMap: process.env.NODE_ENV !== "production"
   }
 };
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index cf52833bf..a70926f59 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1077,11 +1077,32 @@
     call-me-maybe "^1.0.1"
     glob-to-regexp "^0.3.0"
 
+"@nodelib/fs.scandir@2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.4.tgz#d4b3549a5db5de2683e0c1071ab4f140904bbf69"
+  integrity sha512-33g3pMJk3bg5nXbL/+CY6I2eJDzZAni49PfJnL5fghPTggPvBd/pFNSgJsdAgWptuFu7qq/ERvOYFlhvsLTCKA==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.4"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.4", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.4.tgz#a3f2dd61bab43b8db8fa108a121cfffe4c676655"
+  integrity sha512-IYlHJA0clt2+Vg7bccq+TzRdJvv19c2INqBSsoOLp1je7xjtr7J26+WXR72MCdvU9q1qTzIWDfhMf+DRvQJK4Q==
+
 "@nodelib/fs.stat@^1.1.2":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
 
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.6.tgz#cce9396b30aa5afe9e3756608f5831adcb53d063"
+  integrity sha512-8Broas6vTtW4GIXTAHDoE32hnN2M5ykgCpWGbuXHQ15vEMqr23pB76e/GZcYsZCHALv50ktd24qhEyKr6wBtow==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.4"
+    fastq "^1.6.0"
+
 "@nuxt/opencollective@^0.3.2":
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/@nuxt/opencollective/-/opencollective-0.3.2.tgz#83cb70cdb2bac5fad6f8c93529e7b11187d49c02"
@@ -1194,11 +1215,16 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/json-schema@^7.0.5":
+"@types/json-schema@^7.0.3", "@types/json-schema@^7.0.5":
   version "7.0.7"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.7.tgz#98a993516c859eb0d5c4c8f098317a9ea68db9ad"
   integrity sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==
 
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
+
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -1251,6 +1277,52 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@typescript-eslint/experimental-utils@^4.0.1":
+  version "4.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.19.0.tgz#9ca379919906dc72cb0fcd817d6cb5aa2d2054c6"
+  integrity sha512-9/23F1nnyzbHKuoTqFN1iXwN3bvOm/PRIXSBR3qFAYotK/0LveEOHr5JT1WZSzcD6BESl8kPOG3OoDRKO84bHA==
+  dependencies:
+    "@types/json-schema" "^7.0.3"
+    "@typescript-eslint/scope-manager" "4.19.0"
+    "@typescript-eslint/types" "4.19.0"
+    "@typescript-eslint/typescript-estree" "4.19.0"
+    eslint-scope "^5.0.0"
+    eslint-utils "^2.0.0"
+
+"@typescript-eslint/scope-manager@4.19.0":
+  version "4.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.19.0.tgz#5e0b49eca4df7684205d957c9856f4e720717a4f"
+  integrity sha512-GGy4Ba/hLXwJXygkXqMzduqOMc+Na6LrJTZXJWVhRrSuZeXmu8TAnniQVKgj8uTRKe4igO2ysYzH+Np879G75g==
+  dependencies:
+    "@typescript-eslint/types" "4.19.0"
+    "@typescript-eslint/visitor-keys" "4.19.0"
+
+"@typescript-eslint/types@4.19.0":
+  version "4.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.19.0.tgz#5181d5d2afd02e5b8f149ebb37ffc8bd7b07a568"
+  integrity sha512-A4iAlexVvd4IBsSTNxdvdepW0D4uR/fwxDrKUa+iEY9UWvGREu2ZyB8ylTENM1SH8F7bVC9ac9+si3LWNxcBuA==
+
+"@typescript-eslint/typescript-estree@4.19.0":
+  version "4.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.19.0.tgz#8a709ffa400284ab72df33376df085e2e2f61147"
+  integrity sha512-3xqArJ/A62smaQYRv2ZFyTA+XxGGWmlDYrsfZG68zJeNbeqRScnhf81rUVa6QG4UgzHnXw5VnMT5cg75dQGDkA==
+  dependencies:
+    "@typescript-eslint/types" "4.19.0"
+    "@typescript-eslint/visitor-keys" "4.19.0"
+    debug "^4.1.1"
+    globby "^11.0.1"
+    is-glob "^4.0.1"
+    semver "^7.3.2"
+    tsutils "^3.17.1"
+
+"@typescript-eslint/visitor-keys@4.19.0":
+  version "4.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.19.0.tgz#cbea35109cbd9b26e597644556be4546465d8f7f"
+  integrity sha512-aGPS6kz//j7XLSlgpzU2SeTqHPsmRYxFztj2vPuMMFJXZudpRSehE3WCV+BaxwZFvfAqMoSd86TEuM0PQ59E/A==
+  dependencies:
+    "@typescript-eslint/types" "4.19.0"
+    eslint-visitor-keys "^2.0.0"
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz#31624a7a505fb14da1d58023725a4c5f270e6a81"
@@ -1920,6 +1992,17 @@ array-flatten@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
+array-includes@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.3.tgz#c7f619b382ad2afaf5326cddfdc0afc61af7690a"
+  integrity sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.18.0-next.2"
+    get-intrinsic "^1.1.1"
+    is-string "^1.0.5"
+
 array-union@^1.0.1, array-union@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
@@ -1927,6 +2010,11 @@ array-union@^1.0.1, array-union@^1.0.2:
   dependencies:
     array-uniq "^1.0.1"
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 array-uniq@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
@@ -1937,6 +2025,15 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
 
+array.prototype.flat@^1.2.3:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz#6ef638b43312bd401b4c6199fdec7e2dc9e9a123"
+  integrity sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==
+  dependencies:
+    call-bind "^1.0.0"
+    define-properties "^1.1.3"
+    es-abstract "^1.18.0-next.1"
+
 asn1.js@^5.2.0:
   version "5.4.1"
   resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-5.4.1.tgz#11a980b84ebb91781ce35b0fdc2ee294e3783f07"
@@ -3270,6 +3367,11 @@ constants-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
   integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
 
+contains-path@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
+  integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=
+
 content-disposition@0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.3.tgz#e130caf7e7279087c5616c2007d0485698984fbd"
@@ -3973,7 +4075,7 @@ deasync@^0.1.15:
     bindings "^1.5.0"
     node-addon-api "^1.7.1"
 
-debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8:
+debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
@@ -4174,6 +4276,13 @@ dir-glob@^2.0.0, dir-glob@^2.2.2:
   dependencies:
     path-type "^3.0.0"
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
 dns-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
@@ -4194,6 +4303,14 @@ dns-txt@^2.0.2:
   dependencies:
     buffer-indexof "^1.0.0"
 
+doctrine@1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
+  integrity sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=
+  dependencies:
+    esutils "^2.0.2"
+    isarray "^1.0.0"
+
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -4493,6 +4610,28 @@ es-abstract@^1.17.2:
     string.prototype.trimend "^1.0.1"
     string.prototype.trimstart "^1.0.1"
 
+es-abstract@^1.18.0-next.1:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.0.tgz#ab80b359eecb7ede4c298000390bc5ac3ec7b5a4"
+  integrity sha512-LJzK7MrQa8TS0ja2w3YNLzUgJCGPdPOV1yVvezjNnS89D+VR08+Szt2mz3YB2Dck/+w5tfIq/RoUAFqJJGM2yw==
+  dependencies:
+    call-bind "^1.0.2"
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    get-intrinsic "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.2"
+    is-callable "^1.2.3"
+    is-negative-zero "^2.0.1"
+    is-regex "^1.1.2"
+    is-string "^1.0.5"
+    object-inspect "^1.9.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.2"
+    string.prototype.trimend "^1.0.4"
+    string.prototype.trimstart "^1.0.4"
+    unbox-primitive "^1.0.0"
+
 es-abstract@^1.18.0-next.2:
   version "1.18.0-next.2"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.0-next.2.tgz#088101a55f0541f595e7e057199e27ddc8f3a5c2"
@@ -4647,6 +4786,24 @@ eslint-config-prettier@^3.3.0:
   dependencies:
     get-stdin "^6.0.0"
 
+eslint-config-prettier@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.1.0.tgz#4ef1eaf97afe5176e6a75ddfb57c335121abc5a6"
+  integrity sha512-oKMhGv3ihGbCIimCAjqkdzx2Q+jthoqnXSP+d86M9tptwugycmTFdVR4IpLgq2c4SHifbwO90z2fQ8/Aio73yw==
+
+eslint-config-standard@^16.0.2:
+  version "16.0.2"
+  resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-16.0.2.tgz#71e91727ac7a203782d0a5ca4d1c462d14e234f6"
+  integrity sha512-fx3f1rJDsl9bY7qzyX8SAtP8GBSk6MfXFaTfaGgk12aAYW4gJSyRm7dM790L6cbXv63fvjY4XeSzXnb4WM+SKw==
+
+eslint-import-resolver-node@^0.3.4:
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
+  integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
+  dependencies:
+    debug "^2.6.9"
+    resolve "^1.13.1"
+
 eslint-loader@^2.1.2:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/eslint-loader/-/eslint-loader-2.2.1.tgz#28b9c12da54057af0845e2a6112701a2f6bf8337"
@@ -4658,13 +4815,88 @@ eslint-loader@^2.1.2:
     object-hash "^1.1.4"
     rimraf "^2.6.1"
 
-eslint-plugin-prettier@^3.0.0:
+eslint-loader@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/eslint-loader/-/eslint-loader-4.0.2.tgz#386a1e21bcb613b3cf2d252a3b708023ccfb41ec"
+  integrity sha512-EDpXor6lsjtTzZpLUn7KmXs02+nIjGcgees9BYjNkWra3jVq5vVa8IoCKgzT2M7dNNeoMBtaSG83Bd40N3poLw==
+  dependencies:
+    find-cache-dir "^3.3.1"
+    fs-extra "^8.1.0"
+    loader-utils "^2.0.0"
+    object-hash "^2.0.3"
+    schema-utils "^2.6.5"
+
+eslint-module-utils@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz#579ebd094f56af7797d19c9866c9c9486629bfa6"
+  integrity sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==
+  dependencies:
+    debug "^2.6.9"
+    pkg-dir "^2.0.0"
+
+eslint-plugin-es@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz#75a7cdfdccddc0589934aeeb384175f221c57893"
+  integrity sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==
+  dependencies:
+    eslint-utils "^2.0.0"
+    regexpp "^3.0.0"
+
+eslint-plugin-import@^2.22.1:
+  version "2.22.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.22.1.tgz#0896c7e6a0cf44109a2d97b95903c2bb689d7702"
+  integrity sha512-8K7JjINHOpH64ozkAhpT3sd+FswIZTfMZTjdx052pnWrgRCVfp8op9tbjpAk3DdUeI/Ba4C8OjdC0r90erHEOw==
+  dependencies:
+    array-includes "^3.1.1"
+    array.prototype.flat "^1.2.3"
+    contains-path "^0.1.0"
+    debug "^2.6.9"
+    doctrine "1.5.0"
+    eslint-import-resolver-node "^0.3.4"
+    eslint-module-utils "^2.6.0"
+    has "^1.0.3"
+    minimatch "^3.0.4"
+    object.values "^1.1.1"
+    read-pkg-up "^2.0.0"
+    resolve "^1.17.0"
+    tsconfig-paths "^3.9.0"
+
+eslint-plugin-jest@^24.3.2:
+  version "24.3.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-24.3.2.tgz#30a8b2dea6278d0da1d6fb9d6cd530aaf58050a1"
+  integrity sha512-cicWDr+RvTAOKS3Q/k03+Z3odt3VCiWamNUHWd6QWbVQWcYJyYgUTu8x0mx9GfeDEimawU5kQC+nQ3MFxIM6bw==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "^4.0.1"
+
+eslint-plugin-node@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz#c95544416ee4ada26740a30474eefc5402dc671d"
+  integrity sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==
+  dependencies:
+    eslint-plugin-es "^3.0.0"
+    eslint-utils "^2.0.0"
+    ignore "^5.1.1"
+    minimatch "^3.0.4"
+    resolve "^1.10.1"
+    semver "^6.1.0"
+
+eslint-plugin-prettier@^3.0.0, eslint-plugin-prettier@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.3.1.tgz#7079cfa2497078905011e6f82e8dd8453d1371b7"
   integrity sha512-Rq3jkcFY8RYeQLgk2cCwuc0P7SEFwDravPhsJZOQ5N4YI4DSg50NyqJ/9gdZHzQlHf8MvafSesbNJCcP/FF6pQ==
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
+eslint-plugin-promise@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-4.3.1.tgz#61485df2a359e03149fdafc0a68b0e030ad2ac45"
+  integrity sha512-bY2sGqyptzFBDLh/GMbAxfdJC+b0f23ME63FOE4+Jao0oZ3E1LEwFtWJX/1pGMJLiTtrSSern2CRM/g+dfc0eQ==
+
+eslint-plugin-standard@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-5.0.0.tgz#c43f6925d669f177db46f095ea30be95476b1ee4"
+  integrity sha512-eSIXPc9wBM4BrniMzJRBm2uoVuXz2EPa+NXPk2+itrVt+r5SbKFERx/IgrK/HmfjddyKVz2f+j+7gBRvu19xLg==
+
 eslint-plugin-vue@^4.7.1:
   version "4.7.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-4.7.1.tgz#c829b9fc62582c1897b5a0b94afd44ecca511e63"
@@ -4672,15 +4904,15 @@ eslint-plugin-vue@^4.7.1:
   dependencies:
     vue-eslint-parser "^2.0.3"
 
-eslint-plugin-vue@^7.5.0:
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-7.6.0.tgz#ea616e6dfd45d545adb16cba628c5a992cc31f0b"
-  integrity sha512-qYpKwAvpcQXyUXVcG8Zd+fxHDx9iSgTQuO7dql7Ug/2BCvNNDr6s3I9p8MoUo23JJdO7ZAjW3vSwY/EBf4uBcw==
+eslint-plugin-vue@^7.8.0:
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-7.8.0.tgz#cb0e85d65b65fa8d15e783fbb03c049d2c4cfdae"
+  integrity sha512-OGrnPz+PuYL2HmVyBHxm4mRjxW2kfFCQE6Hw9G6qOHs/Pcu0srOlCCW0FMa8SLzIEqxl8WuKoBSPcMnrjUG2vw==
   dependencies:
     eslint-utils "^2.1.0"
     natural-compare "^1.4.0"
     semver "^7.3.2"
-    vue-eslint-parser "^7.5.0"
+    vue-eslint-parser "^7.6.0"
 
 eslint-scope@^3.7.1:
   version "3.7.3"
@@ -4713,7 +4945,7 @@ eslint-utils@^1.3.1:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-utils@^2.1.0:
+eslint-utils@^2.0.0, eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
   integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
@@ -4725,6 +4957,11 @@ eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
   integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
 
+eslint-visitor-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8"
+  integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==
+
 eslint@^4.19.1:
   version "4.19.1"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.19.1.tgz#32d1d653e1d90408854bfb296f076ec7e186a300"
@@ -5175,6 +5412,18 @@ fast-glob@^2.2.6:
     merge2 "^1.2.3"
     micromatch "^3.1.10"
 
+fast-glob@^3.1.1:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.5.tgz#7939af2a656de79a4f1901903ee8adcaa7cb9661"
+  integrity sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.0"
+    merge2 "^1.3.0"
+    micromatch "^4.0.2"
+    picomatch "^2.2.1"
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -5190,6 +5439,13 @@ fastparse@^1.1.2:
   resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
   integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
 
+fastq@^1.6.0:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.11.0.tgz#bb9fb955a07130a918eb63c1f5161cc32a5d0858"
+  integrity sha512-7Eczs8gIPDrVzT+EksYBcupqMyxSHXXrHOLRRxU2/DicV8789MRBRR8+Hc2uWzUupOs4YS4JzBmBxjjCVBxD/g==
+  dependencies:
+    reusify "^1.0.4"
+
 faye-websocket@^0.11.3:
   version "0.11.3"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.3.tgz#5c0e9a8968e8912c286639fde977a8b209f2508e"
@@ -5331,7 +5587,7 @@ find-up@^1.0.0:
     path-exists "^2.0.0"
     pinkie-promise "^2.0.0"
 
-find-up@^2.1.0:
+find-up@^2.0.0, find-up@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
   integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
@@ -5458,6 +5714,15 @@ fs-extra@^7.0.1:
     jsonfile "^4.0.0"
     universalify "^0.1.0"
 
+fs-extra@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -5542,7 +5807,7 @@ get-caller-file@^2.0.1, get-caller-file@^2.0.5:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2:
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
   integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
@@ -5605,6 +5870,13 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
+glob-parent@^5.1.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob-parent@~5.1.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
@@ -5639,6 +5911,18 @@ globals@^9.18.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
 
+globby@^11.0.1:
+  version "11.0.3"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.3.tgz#9b1f0cb523e171dd1ad8c7b2a9fb4b644b9593cb"
+  integrity sha512-ffdmosjA807y7+lA1NM0jELARVmYul/715xiILEjo3hBLPTcirgQNnXECn5g3mtR8TOLCVbkfua1Hpen25/Xcg==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.1.1"
+    ignore "^5.1.4"
+    merge2 "^1.3.0"
+    slash "^3.0.0"
+
 globby@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
@@ -5697,7 +5981,7 @@ google-maps@^3.2.1:
   resolved "https://registry.yarnpkg.com/google-maps/-/google-maps-3.3.0.tgz#4432b4715406bc15268ad35b1dd1b04d974956a6"
   integrity sha512-pj4En0cWKG+lcBvC7qrzu5ItiMsYNTgjG2capsPzAbAM/O8ftugGpUUftTTwdGL8KlNvB4CEZ6IBWwpWYzUEpw==
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.4:
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
   version "4.2.6"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
   integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
@@ -5740,6 +6024,11 @@ has-ansi@^2.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
+has-bigints@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
+  integrity sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -5750,6 +6039,11 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+has-symbols@^1.0.0, has-symbols@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423"
+  integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==
+
 has-symbols@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
@@ -6063,6 +6357,11 @@ ignore@^4.0.3, ignore@^4.0.6:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
+ignore@^5.1.1, ignore@^5.1.4:
+  version "5.1.8"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
+  integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -6274,6 +6573,11 @@ is-arrayish@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
   integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
 
+is-bigint@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.1.tgz#6923051dfcbc764278540b9ce0e6b3213aa5ebc2"
+  integrity sha512-J0ELF4yHFxHy0cmSxZuheDOz2luOdVvqjwmEcj8H/L1JHeuEDSDbeRP+Dk9kFVk5RTFzbucJ2Kb9F7ixY2QaCg==
+
 is-binary-path@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
@@ -6288,12 +6592,19 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
+is-boolean-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.0.tgz#e2aaad3a3a8fca34c28f6eee135b156ed2587ff0"
+  integrity sha512-a7Uprx8UtD+HWdyYwnD1+ExtTgqQtD2k/1yJgtXP6wnMm8byhkoTZRl+95LLThpzNZJ5aEvi46cdH+ayMFRwmA==
+  dependencies:
+    call-bind "^1.0.0"
+
 is-buffer@^1.1.5:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
-is-callable@^1.1.4, is-callable@^1.2.2:
+is-callable@^1.1.4, is-callable@^1.2.2, is-callable@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.3.tgz#8b1e0500b73a1d76c70487636f368e519de8db8e"
   integrity sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==
@@ -6441,6 +6752,11 @@ is-negative-zero@^2.0.1:
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
   integrity sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==
 
+is-number-object@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.4.tgz#36ac95e741cf18b283fc1ddf5e83da798e3ec197"
+  integrity sha512-zohwelOAur+5uXtk8O3GPQ1eAcu4ZX3UwxQhUlfFFMNpUd83gXgjbhJh6HmB6LUNV/ieOLQuDwJO3dWJosUeMw==
+
 is-number@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
@@ -6494,7 +6810,7 @@ is-potential-custom-element-name@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397"
   integrity sha1-DFLlS8yjkbssSUsh6GJtczbG45c=
 
-is-regex@^1.0.4, is-regex@^1.1.1:
+is-regex@^1.0.4, is-regex@^1.1.1, is-regex@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.2.tgz#81c8ebde4db142f2cf1c53fc86d6a45788266251"
   integrity sha512-axvdhb5pdhEVThqJzYXwMlVuZwC+FF2DpcOhTS+y/8jVq4trxyPgfcwIxIKiyeuLlSQYKkmUaPQJ8ZE4yNKXDg==
@@ -6517,6 +6833,11 @@ is-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.0.tgz#bde9c32680d6fae04129d6ac9d921ce7815f78e3"
   integrity sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw==
 
+is-string@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.5.tgz#40493ed198ef3ff477b8c7f92f644ec82a5cd3a6"
+  integrity sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==
+
 is-svg@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-3.0.0.tgz#9321dbd29c212e5ca99c4fa9794c714bcafa2f75"
@@ -6524,7 +6845,7 @@ is-svg@^3.0.0:
   dependencies:
     html-comment-regex "^1.1.0"
 
-is-symbol@^1.0.2:
+is-symbol@^1.0.2, is-symbol@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.3.tgz#38e1014b9e6329be0de9d24a414fd7441ec61937"
   integrity sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==
@@ -7271,6 +7592,16 @@ load-json-file@^1.0.0:
     pinkie-promise "^2.0.0"
     strip-bom "^2.0.0"
 
+load-json-file@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
+  integrity sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    strip-bom "^3.0.0"
+
 loader-fs-cache@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/loader-fs-cache/-/loader-fs-cache-1.0.3.tgz#f08657646d607078be2f0a032f8bd69dd6f277d9"
@@ -7303,6 +7634,15 @@ loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2
     emojis-list "^3.0.0"
     json5 "^1.0.1"
 
+loader-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
+  integrity sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -7583,7 +7923,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge2@^1.2.3:
+merge2@^1.2.3, merge2@^1.3.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -8132,6 +8472,11 @@ object-hash@^1.1.4:
   resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-1.3.1.tgz#fde452098a951cb145f039bb7d455449ddc126df"
   integrity sha512-OSuu/pU4ENM9kmREg0BdNrUDIl1heYa4mBZacJc+vVWz4GtAwu7jO8s4AIt2aGRUTqxykpWzI3Oqnsm13tTMDA==
 
+object-hash@^2.0.3:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.1.1.tgz#9447d0279b4fcf80cff3259bf66a1dc73afabe09"
+  integrity sha512-VOJmgmS+7wvXf8CjbQmimtCnEx3IAoLxI3fp2fbWehxrWBcAQFbk+vcwb6vzR0VZv/eNCJ/27j151ZTwqW/JeQ==
+
 object-inspect@^1.8.0, object-inspect@^1.9.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.9.0.tgz#c90521d74e1127b67266ded3394ad6116986533a"
@@ -8188,7 +8533,7 @@ object.pick@^1.3.0:
   dependencies:
     isobject "^3.0.1"
 
-object.values@^1.1.0:
+object.values@^1.1.0, object.values@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.3.tgz#eaa8b1e17589f02f698db093f7c62ee1699742ee"
   integrity sha512-nkF6PfDB9alkOUxpf1HNm/QlkeW3SReqL5WXeBLpEJJnlPSvRaDQpW3gQTksTN3fgJX4hL42RzKyOin6ff3tyw==
@@ -8559,6 +8904,13 @@ path-type@^1.0.0:
     pify "^2.0.0"
     pinkie-promise "^2.0.0"
 
+path-type@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
+  integrity sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=
+  dependencies:
+    pify "^2.0.0"
+
 path-type@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
@@ -8566,6 +8918,11 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
 pbkdf2@^3.0.3:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94"
@@ -9251,6 +9608,11 @@ querystringify@^2.1.1:
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
   integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
 
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
 quill-delta@^3.6.2:
   version "3.6.3"
   resolved "https://registry.yarnpkg.com/quill-delta/-/quill-delta-3.6.3.tgz#b19fd2b89412301c60e1ff213d8d860eac0f1032"
@@ -9332,6 +9694,14 @@ read-pkg-up@^1.0.1:
     find-up "^1.0.0"
     read-pkg "^1.0.0"
 
+read-pkg-up@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
+  integrity sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=
+  dependencies:
+    find-up "^2.0.0"
+    read-pkg "^2.0.0"
+
 read-pkg-up@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
@@ -9350,6 +9720,15 @@ read-pkg@^1.0.0:
     normalize-package-data "^2.3.2"
     path-type "^1.0.0"
 
+read-pkg@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
+  integrity sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=
+  dependencies:
+    load-json-file "^2.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^2.0.0"
+
 read-pkg@^5.0.0, read-pkg@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
@@ -9461,6 +9840,11 @@ regexpp@^2.0.1:
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
   integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
 
+regexpp@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
+  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
+
 regexpu-core@^4.7.1:
   version "4.7.1"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.7.1.tgz#2dea5a9a07233298fbf0db91fa9abc4c6e0f8ad6"
@@ -9637,7 +10021,7 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@^1.1.5, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.18.1, resolve@^1.4.0:
+resolve@^1.1.5, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.4.0:
   version "1.20.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
   integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
@@ -9663,6 +10047,11 @@ retry@^0.12.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
   integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
 
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 rgb-regex@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
@@ -9719,6 +10108,13 @@ run-async@^2.2.0:
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
   integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
 
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -9878,7 +10274,7 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
+semver@^6.0.0, semver@^6.1.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
@@ -10461,7 +10857,7 @@ string.prototype.padstart@^3.0.0:
     define-properties "^1.1.3"
     es-abstract "^1.18.0-next.2"
 
-string.prototype.trimend@^1.0.1, string.prototype.trimend@^1.0.3:
+string.prototype.trimend@^1.0.1, string.prototype.trimend@^1.0.3, string.prototype.trimend@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz#e75ae90c2942c63504686c18b287b4a0b1a45f80"
   integrity sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==
@@ -10469,7 +10865,7 @@ string.prototype.trimend@^1.0.1, string.prototype.trimend@^1.0.3:
     call-bind "^1.0.2"
     define-properties "^1.1.3"
 
-string.prototype.trimstart@^1.0.1, string.prototype.trimstart@^1.0.3:
+string.prototype.trimstart@^1.0.1, string.prototype.trimstart@^1.0.3, string.prototype.trimstart@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed"
   integrity sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==
@@ -10912,6 +11308,16 @@ tryer@^1.0.1:
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
+tsconfig-paths@^3.9.0:
+  version "3.9.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz#098547a6c4448807e8fcb8eae081064ee9a3c90b"
+  integrity sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.1"
+    minimist "^1.2.0"
+    strip-bom "^3.0.0"
+
 tsconfig@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/tsconfig/-/tsconfig-7.0.0.tgz#84538875a4dc216e5c4a5432b3a4dec3d54e91b7"
@@ -10922,11 +11328,18 @@ tsconfig@^7.0.0:
     strip-bom "^3.0.0"
     strip-json-comments "^2.0.0"
 
-tslib@^1.9.0:
+tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
+tsutils@^3.17.1:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
 tty-browserify@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
@@ -11009,6 +11422,16 @@ uglify-js@3.4.x:
     commander "~2.19.0"
     source-map "~0.6.1"
 
+unbox-primitive@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.0.tgz#eeacbc4affa28e9b3d36b5eaeccc50b3251b1d3f"
+  integrity sha512-P/51NX+JXyxK/aigg1/ZgyccdAxm5K1+n8+tvqSntjOivPt19gvm1VC49RWYetsiub8WViUchdxl/KWHHB0kzA==
+  dependencies:
+    function-bind "^1.1.1"
+    has-bigints "^1.0.0"
+    has-symbols "^1.0.0"
+    which-boxed-primitive "^1.0.1"
+
 unicode-canonical-property-names-ecmascript@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
@@ -11309,10 +11732,10 @@ vue-eslint-parser@^2.0.3:
     esquery "^1.0.0"
     lodash "^4.17.4"
 
-vue-eslint-parser@^7.5.0:
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.5.0.tgz#b68221c55fee061899afcfb4441ec74c1495285e"
-  integrity sha512-6EHzl00hIpy4yWZo3qSbtvtVw1A1cTKOv1w95QSuAqGgk4113XtRjvNIiEGo49r0YWOPYsrmI4Dl64axL5Agrw==
+vue-eslint-parser@^7.6.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz#01ea1a2932f581ff244336565d712801f8f72561"
+  integrity sha512-QXxqH8ZevBrtiZMZK0LpwaMfevQi9UL7lY6Kcp+ogWHC88AuwUPwwCIzkOUc1LR4XsYAt/F9yHXAB/QoD17QXA==
   dependencies:
     debug "^4.1.1"
     eslint-scope "^5.0.0"
@@ -11694,6 +12117,17 @@ whatwg-url@^8.0.0:
     tr46 "^2.0.2"
     webidl-conversions "^6.1.0"
 
+which-boxed-primitive@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
 which-module@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"