diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index d35d33b40..8976ec645 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -9,20 +9,19 @@ repos:
         language: system
         types: [python]
         args: ["-rn", "-sn", "--fail-under=5"]
+      - id: prettier
+        name: prettier
+        entry: prettier --config frontend/.prettierrc.json --write --ignore-unknown
+        language: node
+        types: [javascript]
+        additional_dependencies: ["prettier"]
+      - id: eslint
+        name: eslint
+        language: node
+        types: [javascript]
+        entry: eslint --fix 
+        additional_dependencies: ["eslint-plugin-vue"]
   - repo: https://github.com/psf/black
     rev: "24.2.0"
     hooks:
       - id: black
-  - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: "v9.0.0-beta.0"
-    hooks:
-      - id: eslint
-        files: \.(js|vue)$
-        types: [file]
-        additional_dependencies:
-          - eslint
-          - eslint-plugin-vue
-  - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: "v4.0.0-alpha.8" # Use the sha / tag you want to point at
-    hooks:
-      - id: prettier
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index 992cd90ae..b7d205fe4 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -1,17 +1,17 @@
 module.exports = {
-  root: true,
-  env: {
-    node: true,
-  },
-  extends: ['plugin:vue/vue3-recommended', 'eslint:recommended', 'prettier'],
-  rules: {
-    'vue/component-name-in-template-casing': [
-      'error',
-      'PascalCase',
-      {
-        registeredComponentsOnly: true,
-        ignores: [],
-      },
-    ],
-  },
+    root: true,
+    env: {
+        node: true,
+    },
+    extends: ['plugin:vue/vue3-recommended', 'eslint:recommended'],
+    rules: {
+        'vue/component-name-in-template-casing': [
+            'error',
+            'PascalCase',
+            {
+                registeredComponentsOnly: true,
+                ignores: [],
+            },
+        ],
+    },
 }
diff --git a/.prettierrc.json b/frontend/.prettierrc.json
similarity index 100%
rename from .prettierrc.json
rename to frontend/.prettierrc.json
diff --git a/frontend/gettext.config.js b/frontend/gettext.config.js
index 3ea2ba7cb..497bea857 100644
--- a/frontend/gettext.config.js
+++ b/frontend/gettext.config.js
@@ -1,24 +1,24 @@
 module.exports = {
-  output: {
-    path: './src/locale',
-    locales: [
-      'en',
-      'br',
-      'cs',
-      'de',
-      'el',
-      'es',
-      'fi',
-      'fr',
-      'it',
-      'ja',
-      'nl',
-      'pl',
-      'pt',
-      'ru',
-      'sv',
-      'tr',
-      'zh',
-    ],
-  },
+    output: {
+        path: './src/locale',
+        locales: [
+            'en',
+            'br',
+            'cs',
+            'de',
+            'el',
+            'es',
+            'fi',
+            'fr',
+            'it',
+            'ja',
+            'nl',
+            'pl',
+            'pt',
+            'ru',
+            'sv',
+            'tr',
+            'zh',
+        ],
+    },
 }
diff --git a/frontend/package.json b/frontend/package.json
index 85aaefdbb..91ea67c79 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -33,7 +33,6 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
     "eslint": "^8.56.0",
-    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-vue": "^9.21.1",
     "prettier": "^3.1.1",
     "sass": "^1.69.5",
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index fd34c44f9..a315c5fdb 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <router-view />
+    <router-view />
 </template>
 
 <script setup></script>
diff --git a/frontend/src/api/account.js b/frontend/src/api/account.js
index af181f383..f935097cd 100644
--- a/frontend/src/api/account.js
+++ b/frontend/src/api/account.js
@@ -3,45 +3,45 @@ import repository from './repository'
 const resource = 'account'
 
 export default {
-  getMe() {
-    return repository.get(`/${resource}/me/`)
-  },
-  checkPassword(value) {
-    return repository.post(`/${resource}/me/password/`, { password: value })
-  },
-  verifyTFACode(code) {
-    const payload = { code }
-    return repository.post(`${resource}/tfa/verify/`, payload)
-  },
-  startTFASetup() {
-    return repository.post(`${resource}/tfa/setup/`)
-  },
-  getKeyForTFASetup() {
-    return repository.get(`${resource}/tfa/setup/key/`)
-  },
-  finalizeTFASetup(pinCode) {
-    const payload = { pin_code: pinCode }
-    return repository.post(`${resource}/tfa/setup/check/`, payload)
-  },
-  disableTFA(data) {
-    return repository.post(`${resource}/tfa/disable/`, data)
-  },
-  resetRecoveryCodes(data) {
-    return repository.post(`${resource}/tfa/reset_codes/`, data)
-  },
-  getForward() {
-    return repository.get(`${resource}/forward/`)
-  },
-  setForward(data) {
-    return repository.post(`${resource}/forward/`, data)
-  },
-  getAPIToken() {
-    return repository.get(`${resource}/api_token/`)
-  },
-  createAPIToken() {
-    return repository.post(`${resource}/api_token/`)
-  },
-  deleteAPIToken() {
-    return repository.delete(`${resource}/api_token/`)
-  },
+    getMe() {
+        return repository.get(`/${resource}/me/`)
+    },
+    checkPassword(value) {
+        return repository.post(`/${resource}/me/password/`, { password: value })
+    },
+    verifyTFACode(code) {
+        const payload = { code }
+        return repository.post(`${resource}/tfa/verify/`, payload)
+    },
+    startTFASetup() {
+        return repository.post(`${resource}/tfa/setup/`)
+    },
+    getKeyForTFASetup() {
+        return repository.get(`${resource}/tfa/setup/key/`)
+    },
+    finalizeTFASetup(pinCode) {
+        const payload = { pin_code: pinCode }
+        return repository.post(`${resource}/tfa/setup/check/`, payload)
+    },
+    disableTFA(data) {
+        return repository.post(`${resource}/tfa/disable/`, data)
+    },
+    resetRecoveryCodes(data) {
+        return repository.post(`${resource}/tfa/reset_codes/`, data)
+    },
+    getForward() {
+        return repository.get(`${resource}/forward/`)
+    },
+    setForward(data) {
+        return repository.post(`${resource}/forward/`, data)
+    },
+    getAPIToken() {
+        return repository.get(`${resource}/api_token/`)
+    },
+    createAPIToken() {
+        return repository.post(`${resource}/api_token/`)
+    },
+    deleteAPIToken() {
+        return repository.delete(`${resource}/api_token/`)
+    },
 }
diff --git a/frontend/src/api/accounts.js b/frontend/src/api/accounts.js
index cecdf8e70..37fddcccf 100644
--- a/frontend/src/api/accounts.js
+++ b/frontend/src/api/accounts.js
@@ -3,25 +3,25 @@ import repository from './repository'
 const resource = 'accounts'
 
 export default {
-  getAll({ domain, role }) {
-    return repository.get(`/${resource}/`, { params: { domain, role } })
-  },
-  get(accountId) {
-    return repository.get(`${resource}/${accountId}/`)
-  },
-  getRandomPassword() {
-    return repository.get(`${resource}/random_password/`)
-  },
-  validate(data) {
-    return repository.post(`${resource}/validate/`, data)
-  },
-  create(data) {
-    return repository.post(`${resource}/`, data)
-  },
-  patch(accountId, data) {
-    return repository.patch(`${resource}/${accountId}/`, data)
-  },
-  delete(accountId, data) {
-    return repository.post(`${resource}/${accountId}/delete/`, data)
-  },
+    getAll({ domain, role }) {
+        return repository.get(`/${resource}/`, { params: { domain, role } })
+    },
+    get(accountId) {
+        return repository.get(`${resource}/${accountId}/`)
+    },
+    getRandomPassword() {
+        return repository.get(`${resource}/random_password/`)
+    },
+    validate(data) {
+        return repository.post(`${resource}/validate/`, data)
+    },
+    create(data) {
+        return repository.post(`${resource}/`, data)
+    },
+    patch(accountId, data) {
+        return repository.patch(`${resource}/${accountId}/`, data)
+    },
+    delete(accountId, data) {
+        return repository.post(`${resource}/${accountId}/delete/`, data)
+    },
 }
diff --git a/frontend/src/api/admin.js b/frontend/src/api/admin.js
index 489345a41..ebd816ae7 100644
--- a/frontend/src/api/admin.js
+++ b/frontend/src/api/admin.js
@@ -1,7 +1,7 @@
 import repository from './repository'
 
 export default {
-  getComponentsInformation() {
-    return repository.get('/admin/components/')
-  },
+    getComponentsInformation() {
+        return repository.get('/admin/components/')
+    },
 }
diff --git a/frontend/src/api/alarms.js b/frontend/src/api/alarms.js
index a25b368ef..d24512522 100644
--- a/frontend/src/api/alarms.js
+++ b/frontend/src/api/alarms.js
@@ -3,18 +3,18 @@ import repository from './repository'
 const resource = 'alarms'
 
 export default {
-  getAll(params) {
-    return repository.get(`${resource}/`, { params })
-  },
-  switchStatus(alarmId, data) {
-    return repository.patch(`${resource}/${alarmId}/switch/`, data)
-  },
-  delete(alarmId) {
-    return repository.delete(`${resource}/${alarmId}/`)
-  },
-  bulkDelete(alarmsIds) {
-    return repository.delete(`${resource}/bulk_delete/`, {
-      params: { ids: alarmsIds },
-    })
-  },
+    getAll(params) {
+        return repository.get(`${resource}/`, { params })
+    },
+    switchStatus(alarmId, data) {
+        return repository.patch(`${resource}/${alarmId}/switch/`, data)
+    },
+    delete(alarmId) {
+        return repository.delete(`${resource}/${alarmId}/`)
+    },
+    bulkDelete(alarmsIds) {
+        return repository.delete(`${resource}/bulk_delete/`, {
+            params: { ids: alarmsIds },
+        })
+    },
 }
diff --git a/frontend/src/api/aliases.js b/frontend/src/api/aliases.js
index fea9bb285..38a856000 100644
--- a/frontend/src/api/aliases.js
+++ b/frontend/src/api/aliases.js
@@ -3,25 +3,25 @@ import repository from './repository'
 const resource = 'aliases'
 
 export default {
-  getAll() {
-    return repository.get(`${resource}/`)
-  },
-  get(aliasId) {
-    return repository.get(`${resource}/${aliasId}/`)
-  },
-  getRandomAddress() {
-    return repository.get(`${resource}/random_address/`)
-  },
-  validate(data) {
-    return repository.post(`${resource}/validate/`, data)
-  },
-  create(data) {
-    return repository.post(`${resource}/`, data)
-  },
-  patch(aliasId, data) {
-    return repository.patch(`${resource}/${aliasId}/`, data)
-  },
-  delete(aliasId) {
-    return repository.delete(`${resource}/${aliasId}/`)
-  },
+    getAll() {
+        return repository.get(`${resource}/`)
+    },
+    get(aliasId) {
+        return repository.get(`${resource}/${aliasId}/`)
+    },
+    getRandomAddress() {
+        return repository.get(`${resource}/random_address/`)
+    },
+    validate(data) {
+        return repository.post(`${resource}/validate/`, data)
+    },
+    create(data) {
+        return repository.post(`${resource}/`, data)
+    },
+    patch(aliasId, data) {
+        return repository.patch(`${resource}/${aliasId}/`, data)
+    },
+    delete(aliasId) {
+        return repository.delete(`${resource}/${aliasId}/`)
+    },
 }
diff --git a/frontend/src/api/auth.js b/frontend/src/api/auth.js
index f9fade5dc..5539ba02d 100644
--- a/frontend/src/api/auth.js
+++ b/frontend/src/api/auth.js
@@ -1,16 +1,16 @@
 import repository from './repository'
 
 export default {
-  requestToken(data) {
-    return repository.post('/token/', data)
-  },
-  recoverPassword(data) {
-    return repository.post('/password_reset/', data)
-  },
-  checkSmsTotp(data) {
-    return repository.post('/sms_totp/', data)
-  },
-  changePassword(data) {
-    return repository.post('/reset_confirm/', data)
-  },
+    requestToken(data) {
+        return repository.post('/token/', data)
+    },
+    recoverPassword(data) {
+        return repository.post('/password_reset/', data)
+    },
+    checkSmsTotp(data) {
+        return repository.post('/sms_totp/', data)
+    },
+    changePassword(data) {
+        return repository.post('/reset_confirm/', data)
+    },
 }
diff --git a/frontend/src/api/domains.js b/frontend/src/api/domains.js
index 4bdb6bed1..77b3721ba 100644
--- a/frontend/src/api/domains.js
+++ b/frontend/src/api/domains.js
@@ -4,72 +4,72 @@ const domainResource = 'domains'
 const domainAliasResource = 'domainaliases'
 
 export default {
-  getDomains() {
-    return repository.get(`/${domainResource}/`)
-  },
-  getDomain(domainId) {
-    return repository.get(`/${domainResource}/${domainId}/`)
-  },
-  getDomainDNSDetail(domainId) {
-    return repository.get(`/${domainResource}/${domainId}/dns_detail/`)
-  },
-  getDomainDmarcAlignment(domainId, period) {
-    return repository.get(
-      `${domainResource}/${domainId}/dmarc/alignment_stats/`,
-      { params: { period } }
-    )
-  },
-  getDomainAliases(domain) {
-    let url = `/${domainAliasResource}/`
-    if (domain !== undefined) {
-      url += `?domain=${domain}`
-    }
-    return repository.get(url)
-  },
-  getDomainAdministrators(domainId) {
-    return repository.get(`/${domainResource}/${domainId}/administrators/`)
-  },
-  addDomainAdministrator(domainId, accountId) {
-    return repository.post(
-      `/${domainResource}/${domainId}/administrators/add/`,
-      { account: accountId }
-    )
-  },
-  removeDomainAdministrator(domainId, accountId) {
-    return repository.post(
-      `/${domainResource}/${domainId}/administrators/remove/`,
-      { account: accountId }
-    )
-  },
-  createDomain(data) {
-    return repository.post(`/${domainResource}/`, data)
-  },
-  updateDomain(domainId, data) {
-    return repository.put(`/${domainResource}/${domainId}/`, data)
-  },
-  patchDomain(domainId, data) {
-    return repository.patch(`/${domainResource}/${domainId}/`, data)
-  },
-  deleteDomain(domainId, data) {
-    return repository.post(`/${domainResource}/${domainId}/delete/`, data)
-  },
-  createDomainAlias(data) {
-    return repository.post(`/${domainAliasResource}/`, data)
-  },
-  updateDomainAlias(aliasId, data) {
-    return repository.put(`/${domainAliasResource}/${aliasId}/`, data)
-  },
-  deleteDomainAlias(aliasId) {
-    return repository.delete(`/${domainAliasResource}/${aliasId}/`)
-  },
-  exportAll() {
-    return repository.get(`/${domainResource}/export/`)
-  },
-  importFromCSV(data) {
-    return repository.post(`/${domainResource}/import/`, data, {
-      headers: {
-        'Content-Type': 'multipart/form-data',
-      },
-    })
-  },
+    getDomains() {
+        return repository.get(`/${domainResource}/`)
+    },
+    getDomain(domainId) {
+        return repository.get(`/${domainResource}/${domainId}/`)
+    },
+    getDomainDNSDetail(domainId) {
+        return repository.get(`/${domainResource}/${domainId}/dns_detail/`)
+    },
+    getDomainDmarcAlignment(domainId, period) {
+        return repository.get(
+            `${domainResource}/${domainId}/dmarc/alignment_stats/`,
+            { params: { period } }
+        )
+    },
+    getDomainAliases(domain) {
+        let url = `/${domainAliasResource}/`
+        if (domain !== undefined) {
+            url += `?domain=${domain}`
+        }
+        return repository.get(url)
+    },
+    getDomainAdministrators(domainId) {
+        return repository.get(`/${domainResource}/${domainId}/administrators/`)
+    },
+    addDomainAdministrator(domainId, accountId) {
+        return repository.post(
+            `/${domainResource}/${domainId}/administrators/add/`,
+            { account: accountId }
+        )
+    },
+    removeDomainAdministrator(domainId, accountId) {
+        return repository.post(
+            `/${domainResource}/${domainId}/administrators/remove/`,
+            { account: accountId }
+        )
+    },
+    createDomain(data) {
+        return repository.post(`/${domainResource}/`, data)
+    },
+    updateDomain(domainId, data) {
+        return repository.put(`/${domainResource}/${domainId}/`, data)
+    },
+    patchDomain(domainId, data) {
+        return repository.patch(`/${domainResource}/${domainId}/`, data)
+    },
+    deleteDomain(domainId, data) {
+        return repository.post(`/${domainResource}/${domainId}/delete/`, data)
+    },
+    createDomainAlias(data) {
+        return repository.post(`/${domainAliasResource}/`, data)
+    },
+    updateDomainAlias(aliasId, data) {
+        return repository.put(`/${domainAliasResource}/${aliasId}/`, data)
+    },
+    deleteDomainAlias(aliasId) {
+        return repository.delete(`/${domainAliasResource}/${aliasId}/`)
+    },
+    exportAll() {
+        return repository.get(`/${domainResource}/export/`)
+    },
+    importFromCSV(data) {
+        return repository.post(`/${domainResource}/import/`, data, {
+            headers: {
+                'Content-Type': 'multipart/form-data',
+            },
+        })
+    },
 }
diff --git a/frontend/src/api/identities.js b/frontend/src/api/identities.js
index b907cfed8..94b16ed73 100644
--- a/frontend/src/api/identities.js
+++ b/frontend/src/api/identities.js
@@ -3,17 +3,17 @@ import repository from './repository'
 const resource = 'identities'
 
 export default {
-  getAll() {
-    return repository.get(`${resource}/`)
-  },
-  exportAll() {
-    return repository.get(`/${resource}/export/`)
-  },
-  importFromCSV(data) {
-    return repository.post(`/${resource}/import/`, data, {
-      headers: {
-        'Content-Type': 'multipart/form-data',
-      },
-    })
-  },
+    getAll() {
+        return repository.get(`${resource}/`)
+    },
+    exportAll() {
+        return repository.get(`/${resource}/export/`)
+    },
+    importFromCSV(data) {
+        return repository.post(`/${resource}/import/`, data, {
+            headers: {
+                'Content-Type': 'multipart/form-data',
+            },
+        })
+    },
 }
diff --git a/frontend/src/api/imap_migration/migrations.js b/frontend/src/api/imap_migration/migrations.js
index feeb782a0..aa5eae1ae 100644
--- a/frontend/src/api/imap_migration/migrations.js
+++ b/frontend/src/api/imap_migration/migrations.js
@@ -3,13 +3,13 @@ import repository from '@/api/repository'
 const resource = 'migrations'
 
 export default {
-  getMigrations(params) {
-    return repository.get(`/${resource}/`, { params })
-  },
-  getMigration(slug, query) {
-    return repository.get(`/${resource}/${slug}/`, query)
-  },
-  deleteMigration(slug) {
-    return repository.delete(`/${resource}/${slug}/`)
-  },
+    getMigrations(params) {
+        return repository.get(`/${resource}/`, { params })
+    },
+    getMigration(slug, query) {
+        return repository.get(`/${resource}/${slug}/`, query)
+    },
+    deleteMigration(slug) {
+        return repository.delete(`/${resource}/${slug}/`)
+    },
 }
diff --git a/frontend/src/api/imap_migration/providers.js b/frontend/src/api/imap_migration/providers.js
index 13964d94b..0fd4b07e5 100644
--- a/frontend/src/api/imap_migration/providers.js
+++ b/frontend/src/api/imap_migration/providers.js
@@ -3,28 +3,28 @@ import repository from '@/api/repository'
 const resource = 'email-providers'
 
 export default {
-  getProviders(params) {
-    return repository.get(`/${resource}/`, { params })
-  },
-  getProvider(providerId) {
-    return repository.get(`/${resource}/${providerId}/`)
-  },
-  createProvider(params) {
-    return repository.post(`/${resource}/`, params)
-  },
-  updateProvider(slug, params) {
-    return repository.put(`/${resource}/${slug}/`, params)
-  },
-  patchProvider(providerId, params) {
-    return repository.patch(`/${resource}/${providerId}/`, params)
-  },
-  deleteProvider(slug) {
-    return repository.delete(`/${resource}/${slug}/`)
-  },
-  checkProvider(params) {
-    return repository.post(`/${resource}/check_connection/`, params)
-  },
-  checkAssociatedDomain(params) {
-    return repository.post(`/${resource}/check_associated_domain/`, params)
-  },
+    getProviders(params) {
+        return repository.get(`/${resource}/`, { params })
+    },
+    getProvider(providerId) {
+        return repository.get(`/${resource}/${providerId}/`)
+    },
+    createProvider(params) {
+        return repository.post(`/${resource}/`, params)
+    },
+    updateProvider(slug, params) {
+        return repository.put(`/${resource}/${slug}/`, params)
+    },
+    patchProvider(providerId, params) {
+        return repository.patch(`/${resource}/${providerId}/`, params)
+    },
+    deleteProvider(slug) {
+        return repository.delete(`/${resource}/${slug}/`)
+    },
+    checkProvider(params) {
+        return repository.post(`/${resource}/check_connection/`, params)
+    },
+    checkAssociatedDomain(params) {
+        return repository.post(`/${resource}/check_associated_domain/`, params)
+    },
 }
diff --git a/frontend/src/api/languages.js b/frontend/src/api/languages.js
index 022de5c88..b7c177a63 100644
--- a/frontend/src/api/languages.js
+++ b/frontend/src/api/languages.js
@@ -3,7 +3,7 @@ import repository from './repository'
 const resource = 'languages'
 
 export default {
-  getAll() {
-    return repository.get(`/${resource}/`)
-  },
+    getAll() {
+        return repository.get(`/${resource}/`)
+    },
 }
diff --git a/frontend/src/api/logs.js b/frontend/src/api/logs.js
index 6fd0171c1..d5d4711c6 100644
--- a/frontend/src/api/logs.js
+++ b/frontend/src/api/logs.js
@@ -3,10 +3,10 @@ import repository from './repository'
 const resource = 'logs'
 
 export default {
-  getAuditTrail(params) {
-    return repository.get(`/${resource}/audit-trail/`, { params })
-  },
-  getMessages(params) {
-    return repository.get(`/${resource}/messages/`, { params })
-  },
+    getAuditTrail(params) {
+        return repository.get(`/${resource}/audit-trail/`, { params })
+    },
+    getMessages(params) {
+        return repository.get(`/${resource}/messages/`, { params })
+    },
 }
diff --git a/frontend/src/api/parameters.js b/frontend/src/api/parameters.js
index fb3140b17..142542a86 100644
--- a/frontend/src/api/parameters.js
+++ b/frontend/src/api/parameters.js
@@ -3,16 +3,16 @@ import repository from './repository'
 const resource = 'parameters'
 
 export default {
-  getApplications() {
-    return repository.get(`/${resource}/applications/`)
-  },
-  getApplication(app) {
-    return repository.get(`/${resource}/${app}/`)
-  },
-  getApplicationStructure(app) {
-    return repository.get(`/${resource}/structure/?app=${app}`)
-  },
-  saveApplication(app, data) {
-    return repository.put(`/${resource}/${app}/`, data)
-  },
+    getApplications() {
+        return repository.get(`/${resource}/applications/`)
+    },
+    getApplication(app) {
+        return repository.get(`/${resource}/${app}/`)
+    },
+    getApplicationStructure(app) {
+        return repository.get(`/${resource}/structure/?app=${app}`)
+    },
+    saveApplication(app, data) {
+        return repository.put(`/${resource}/${app}/`, data)
+    },
 }
diff --git a/frontend/src/api/repository.js b/frontend/src/api/repository.js
index 653af7ec3..70bcf22f7 100644
--- a/frontend/src/api/repository.js
+++ b/frontend/src/api/repository.js
@@ -6,68 +6,71 @@ import { useAuthStore } from '@/stores'
 const _axios = axios.create()
 
 _axios.interceptors.request.use(
-  function (config) {
-    const authStore = useAuthStore()
-    // Do something before request is sent
-    if (authStore.isAuthenticated) {
-      config.headers['Accept-Language'] = authStore.authUser.language
+    function (config) {
+        const authStore = useAuthStore()
+        // Do something before request is sent
+        if (authStore.isAuthenticated) {
+            config.headers['Accept-Language'] = authStore.authUser.language
+        }
+        return config
+    },
+    function (error) {
+        // Do something with request error
+        return Promise.reject(error)
     }
-    return config
-  },
-  function (error) {
-    // Do something with request error
-    return Promise.reject(error)
-  }
 )
 
 // Add a response interceptor
 _axios.interceptors.response.use(
-  function (response) {
-    // Do something with response data
-    return response
-  },
-  function (error) {
-    if (error.response.status === 418) {
-      router.push({ name: 'TwoFA' })
-      return Promise.reject(error)
-    }
-    if (error.response.status === 429) {
-      return Promise.reject(error)
-    }
-    if (error.response.status !== 401 || router.currentRoute.name === 'Login') {
-      return Promise.reject(error)
-    }
-    const refreshToken = Cookies.get('refreshToken')
-    const authStore = useAuthStore()
-    if (error.config.url.endsWith('/token/refresh/') || !refreshToken) {
-      authStore.$reset()
-      if (router.currentRoute.name !== 'Login') {
-        router.push({ name: 'Login' })
-      }
-      return Promise.reject(error)
-    }
-    return _axios
-      .post('/token/refresh/', { refresh: refreshToken })
-      .then((resp) => {
-        Cookies.set('token', resp.data.access, { sameSite: 'strict' })
-        _axios.defaults.headers.common.Authorization = `Bearer ${resp.data.access}`
-        const config = error.config
-        config.headers.Authorization = `Bearer ${resp.data.access}`
-        return new Promise((resolve, reject) => {
-          _axios
-            .request(config)
+    function (response) {
+        // Do something with response data
+        return response
+    },
+    function (error) {
+        if (error.response.status === 418) {
+            router.push({ name: 'TwoFA' })
+            return Promise.reject(error)
+        }
+        if (error.response.status === 429) {
+            return Promise.reject(error)
+        }
+        if (
+            error.response.status !== 401 ||
+            router.currentRoute.name === 'Login'
+        ) {
+            return Promise.reject(error)
+        }
+        const refreshToken = Cookies.get('refreshToken')
+        const authStore = useAuthStore()
+        if (error.config.url.endsWith('/token/refresh/') || !refreshToken) {
+            authStore.$reset()
+            if (router.currentRoute.name !== 'Login') {
+                router.push({ name: 'Login' })
+            }
+            return Promise.reject(error)
+        }
+        return _axios
+            .post('/token/refresh/', { refresh: refreshToken })
             .then((resp) => {
-              resolve(resp)
+                Cookies.set('token', resp.data.access, { sameSite: 'strict' })
+                _axios.defaults.headers.common.Authorization = `Bearer ${resp.data.access}`
+                const config = error.config
+                config.headers.Authorization = `Bearer ${resp.data.access}`
+                return new Promise((resolve, reject) => {
+                    _axios
+                        .request(config)
+                        .then((resp) => {
+                            resolve(resp)
+                        })
+                        .catch((error) => {
+                            reject(error)
+                        })
+                })
             })
             .catch((error) => {
-              reject(error)
+                Promise.reject(error)
             })
-        })
-      })
-      .catch((error) => {
-        Promise.reject(error)
-      })
-  }
+    }
 )
 
 export default _axios
diff --git a/frontend/src/api/senderAddresses.js b/frontend/src/api/senderAddresses.js
index 3aca20952..b08bb911c 100644
--- a/frontend/src/api/senderAddresses.js
+++ b/frontend/src/api/senderAddresses.js
@@ -3,16 +3,18 @@ import repository from './repository'
 const resource = 'senderaddresses'
 
 export default {
-  getAll() {
-    return repository.get(`${resource}/`)
-  },
-  getAllForMailbox(mailboxId) {
-    return repository.get(`${resource}/`, { params: { mailbox: mailboxId } })
-  },
-  create(data) {
-    return repository.post(`${resource}/`, data)
-  },
-  delete(addressId) {
-    return repository.delete(`${resource}/${addressId}/`)
-  },
+    getAll() {
+        return repository.get(`${resource}/`)
+    },
+    getAllForMailbox(mailboxId) {
+        return repository.get(`${resource}/`, {
+            params: { mailbox: mailboxId },
+        })
+    },
+    create(data) {
+        return repository.post(`${resource}/`, data)
+    },
+    delete(addressId) {
+        return repository.delete(`${resource}/${addressId}/`)
+    },
 }
diff --git a/frontend/src/api/statistics.js b/frontend/src/api/statistics.js
index 5a533319d..259df9ec8 100644
--- a/frontend/src/api/statistics.js
+++ b/frontend/src/api/statistics.js
@@ -3,15 +3,15 @@ import repository from './repository'
 const resource = 'statistics'
 
 export default {
-  getStatistics({ graphSet, period, graphicName, searchQuery, start, end }) {
-    const args = {
-      gset: graphSet,
-      period,
-      graphic: graphicName,
-      searchquery: searchQuery,
-      start: start,
-      end: end,
-    }
-    return repository.get(`${resource}/`, { params: args })
-  },
+    getStatistics({ graphSet, period, graphicName, searchQuery, start, end }) {
+        const args = {
+            gset: graphSet,
+            period,
+            graphic: graphicName,
+            searchquery: searchQuery,
+            start: start,
+            end: end,
+        }
+        return repository.get(`${resource}/`, { params: args })
+    },
 }
diff --git a/frontend/src/api/transports.js b/frontend/src/api/transports.js
index 35227fd57..bd324d2ee 100644
--- a/frontend/src/api/transports.js
+++ b/frontend/src/api/transports.js
@@ -3,7 +3,7 @@ import repository from './repository'
 const resource = 'transports'
 
 export default {
-  getAll() {
-    return repository.get(`/${resource}/`)
-  },
+    getAll() {
+        return repository.get(`/${resource}/`)
+    },
 }
diff --git a/frontend/src/components/account/ForwardForm.vue b/frontend/src/components/account/ForwardForm.vue
index 4610c0e8e..3a16b50fc 100644
--- a/frontend/src/components/account/ForwardForm.vue
+++ b/frontend/src/components/account/ForwardForm.vue
@@ -1,31 +1,40 @@
 <template>
-  <v-card flat>
-    <v-card-text>
-      <label class="m-label">{{ $gettext('Recipient(s)') }}</label>
-      <v-textarea
-        v-model="form.recipients"
-        :hint="
-          $gettext('Indicate one or more recipients separated by a comma (,)')
-        "
-        persistent-hint
-        rows="3"
-        variant="outlined"
-      />
-      <v-checkbox
-        v-model="form.keepcopies"
-        :label="$gettext('Keep local copies')"
-        :hint="
-          $gettext('Forward messages and store copies into your local mailbox')
-        "
-        persistent-hint
-      />
-    </v-card-text>
-    <v-card-actions class="pa-4">
-      <v-btn color="success" variant="flat" :loading="loading" @click="submit">
-        {{ $gettext('Update') }}
-      </v-btn>
-    </v-card-actions>
-  </v-card>
+    <v-card flat>
+        <v-card-text>
+            <label class="m-label">{{ $gettext('Recipient(s)') }}</label>
+            <v-textarea
+                v-model="form.recipients"
+                :hint="
+                    $gettext(
+                        'Indicate one or more recipients separated by a comma (,)'
+                    )
+                "
+                persistent-hint
+                rows="3"
+                variant="outlined"
+            />
+            <v-checkbox
+                v-model="form.keepcopies"
+                :label="$gettext('Keep local copies')"
+                :hint="
+                    $gettext(
+                        'Forward messages and store copies into your local mailbox'
+                    )
+                "
+                persistent-hint
+            />
+        </v-card-text>
+        <v-card-actions class="pa-4">
+            <v-btn
+                color="success"
+                variant="flat"
+                :loading="loading"
+                @click="submit"
+            >
+                {{ $gettext('Update') }}
+            </v-btn>
+        </v-card-actions>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -41,17 +50,17 @@ const form = ref({})
 const loading = ref(false)
 
 function submit() {
-  loading.value = true
-  accountApi.setForward(form.value).then(() => {
-    loading.value = false
-    busStore.displayNotification({
-      type: 'success',
-      msg: $gettext('Forward updated'),
+    loading.value = true
+    accountApi.setForward(form.value).then(() => {
+        loading.value = false
+        busStore.displayNotification({
+            type: 'success',
+            msg: $gettext('Forward updated'),
+        })
     })
-  })
 }
 
 accountApi.getForward().then((resp) => {
-  form.value = resp.data
+    form.value = resp.data
 })
 </script>
diff --git a/frontend/src/components/account/ProfileForm.vue b/frontend/src/components/account/ProfileForm.vue
index 64563e34f..11c0b0e0a 100644
--- a/frontend/src/components/account/ProfileForm.vue
+++ b/frontend/src/components/account/ProfileForm.vue
@@ -1,83 +1,102 @@
 <template>
-  <v-expansion-panels v-model="panel" flat>
-    <v-expansion-panel>
-      <v-expansion-panel-title>
-        {{ $gettext('General settings') }}
-      </v-expansion-panel-title>
-      <v-expansion-panel-text>
-        <v-form ref="profileForm" @submit.prevent="updateGeneralSettings">
-          <label class="m-label">{{ $gettext('First name') }}</label>
-          <v-text-field
-            v-model="form.first_name"
-            variant="outlined"
-            density="compact"
-          />
-          <label class="m-label"> {{ $gettext('Last name') }} </label>
-          <v-text-field
-            v-model="form.last_name"
-            variant="outlined"
-            density="compact"
-          />
-          <label class="m-label">
-            {{ $gettext('Language') }}
-            <p class="text-disabled">
-              {{ $gettext('Feel free to improve the translations') }}
-              <a
-                href="https://explore.transifex.com/tonio/modoboa/"
-                target="_blank"
-                >{{ $gettext('here') }}</a
-              >
-              {{ $gettext('or suggest a new language') }}
-              <a
-                href="https://github.com/modoboa/modoboa/issues/new/choose"
-                target="_blank"
-                >{{ $gettext('there') }}</a
-              >
-            </p>
-          </label>
-          <v-autocomplete
-            v-model="form.language"
-            :items="languages"
-            item-title="label"
-            item-value="code"
-            variant="outlined"
-            density="compact"
-            :error-messages="languageError"
-          />
-          <label class="m-label">{{ $gettext('Phone number') }}</label>
-          <v-text-field
-            v-model="form.phone_number"
-            :label="$gettext('Phone number')"
-            variant="outlined"
-            density="compact"
-          />
-          <label class="m-label">{{ $gettext('Secondary email') }}</label>
-          <v-text-field
-            v-model="form.secondary_email"
-            variant="outlined"
-            density="compact"
-            :rules="[rules.emailOrNull]"
-          />
-          <v-btn color="success" type="submit" :loading="loadingUpdateProfile">
-            {{ $gettext('Update settings') }}
-          </v-btn>
-        </v-form>
-      </v-expansion-panel-text>
-    </v-expansion-panel>
-    <v-expansion-panel>
-      <v-expansion-panel-title>
-        {{ $gettext('Password') }}
-      </v-expansion-panel-title>
-      <v-expansion-panel-text>
-        <v-form ref="passwordForm" @submit.prevent="updatePassword">
-          <AccountPasswordForm v-model="form" with-password-check />
-          <v-btn color="success" type="submit" :loading="loadingPasswordUpdate">
-            {{ $gettext('Update Password') }}
-          </v-btn>
-        </v-form>
-      </v-expansion-panel-text>
-    </v-expansion-panel>
-  </v-expansion-panels>
+    <v-expansion-panels v-model="panel" flat>
+        <v-expansion-panel>
+            <v-expansion-panel-title>
+                {{ $gettext('General settings') }}
+            </v-expansion-panel-title>
+            <v-expansion-panel-text>
+                <v-form
+                    ref="profileForm"
+                    @submit.prevent="updateGeneralSettings"
+                >
+                    <label class="m-label">{{ $gettext('First name') }}</label>
+                    <v-text-field
+                        v-model="form.first_name"
+                        variant="outlined"
+                        density="compact"
+                    />
+                    <label class="m-label"> {{ $gettext('Last name') }} </label>
+                    <v-text-field
+                        v-model="form.last_name"
+                        variant="outlined"
+                        density="compact"
+                    />
+                    <label class="m-label">
+                        {{ $gettext('Language') }}
+                        <p class="text-disabled">
+                            {{
+                                $gettext(
+                                    'Feel free to improve the translations'
+                                )
+                            }}
+                            <a
+                                href="https://explore.transifex.com/tonio/modoboa/"
+                                target="_blank"
+                                >{{ $gettext('here') }}</a
+                            >
+                            {{ $gettext('or suggest a new language') }}
+                            <a
+                                href="https://github.com/modoboa/modoboa/issues/new/choose"
+                                target="_blank"
+                                >{{ $gettext('there') }}</a
+                            >
+                        </p>
+                    </label>
+                    <v-autocomplete
+                        v-model="form.language"
+                        :items="languages"
+                        item-title="label"
+                        item-value="code"
+                        variant="outlined"
+                        density="compact"
+                        :error-messages="languageError"
+                    />
+                    <label class="m-label">{{
+                        $gettext('Phone number')
+                    }}</label>
+                    <v-text-field
+                        v-model="form.phone_number"
+                        :label="$gettext('Phone number')"
+                        variant="outlined"
+                        density="compact"
+                    />
+                    <label class="m-label">{{
+                        $gettext('Secondary email')
+                    }}</label>
+                    <v-text-field
+                        v-model="form.secondary_email"
+                        variant="outlined"
+                        density="compact"
+                        :rules="[rules.emailOrNull]"
+                    />
+                    <v-btn
+                        color="success"
+                        type="submit"
+                        :loading="loadingUpdateProfile"
+                    >
+                        {{ $gettext('Update settings') }}
+                    </v-btn>
+                </v-form>
+            </v-expansion-panel-text>
+        </v-expansion-panel>
+        <v-expansion-panel>
+            <v-expansion-panel-title>
+                {{ $gettext('Password') }}
+            </v-expansion-panel-title>
+            <v-expansion-panel-text>
+                <v-form ref="passwordForm" @submit.prevent="updatePassword">
+                    <AccountPasswordForm v-model="form" with-password-check />
+                    <v-btn
+                        color="success"
+                        type="submit"
+                        :loading="loadingPasswordUpdate"
+                    >
+                        {{ $gettext('Update Password') }}
+                    </v-btn>
+                </v-form>
+            </v-expansion-panel-text>
+        </v-expansion-panel>
+    </v-expansion-panels>
 </template>
 
 <script setup lang="js">
@@ -104,62 +123,62 @@ const loadingPasswordUpdate = ref(false)
 const languageError = ref('')
 
 function initFormFromAccount(account) {
-  form.value = {
-    first_name: account.first_name,
-    last_name: account.last_name,
-    language: account.language,
-    phone_number: account.phone_number,
-    secondary_email: account.secondary_email,
-  }
+    form.value = {
+        first_name: account.first_name,
+        last_name: account.last_name,
+        language: account.language,
+        phone_number: account.phone_number,
+        secondary_email: account.secondary_email,
+    }
 }
 
 async function updateGeneralSettings() {
-  const { valid } = await profileForm.value.validate()
-  if (!valid) {
-    return
-  }
-  loadingUpdateProfile.value = true
-  authStore
-    .updateAccount(form.value)
-    .then(() => {
-      busStore.displayNotification({ msg: $gettext('Profile updated') })
-      if (!(authStore.authUser.language in available)) {
-        languageError.value =
-          '<a href="google.com">language does not exists</a>'
-      }
-    })
-    .finally(() => (loadingUpdateProfile.value = false))
+    const { valid } = await profileForm.value.validate()
+    if (!valid) {
+        return
+    }
+    loadingUpdateProfile.value = true
+    authStore
+        .updateAccount(form.value)
+        .then(() => {
+            busStore.displayNotification({ msg: $gettext('Profile updated') })
+            if (!(authStore.authUser.language in available)) {
+                languageError.value =
+                    '<a href="google.com">language does not exists</a>'
+            }
+        })
+        .finally(() => (loadingUpdateProfile.value = false))
 }
 
 async function updatePassword() {
-  const { valid } = await passwordForm.value.validate()
-  if (!valid) {
-    return
-  }
-  loadingPasswordUpdate.value = true
-  authStore
-    .updateAccount({ password: form.value.password })
-    .then(() => {
-      busStore.displayNotification({ msg: $gettext('Password updated') })
-    })
-    .finally(() => (loadingPasswordUpdate.value = false))
+    const { valid } = await passwordForm.value.validate()
+    if (!valid) {
+        return
+    }
+    loadingPasswordUpdate.value = true
+    authStore
+        .updateAccount({ password: form.value.password })
+        .then(() => {
+            busStore.displayNotification({ msg: $gettext('Password updated') })
+        })
+        .finally(() => (loadingPasswordUpdate.value = false))
 }
 
 onMounted(() => {
-  initFormFromAccount(account.value)
-  languagesApi.getAll().then((resp) => {
-    languages.value = resp.data
-  })
+    initFormFromAccount(account.value)
+    languagesApi.getAll().then((resp) => {
+        languages.value = resp.data
+    })
 })
 
 watch(
-  () => account,
-  (newValue) => {
-    if (newValue) {
-      initFormFromAccount(newValue)
-    } else {
-      form.value = {}
+    () => account,
+    (newValue) => {
+        if (newValue) {
+            initFormFromAccount(newValue)
+        } else {
+            form.value = {}
+        }
     }
-  }
 )
 </script>
diff --git a/frontend/src/components/account/RecoveryCodesResetDialog.vue b/frontend/src/components/account/RecoveryCodesResetDialog.vue
index af4eac6ec..e1eb71d28 100644
--- a/frontend/src/components/account/RecoveryCodesResetDialog.vue
+++ b/frontend/src/components/account/RecoveryCodesResetDialog.vue
@@ -1,29 +1,29 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <span class="headline"> {{ $gettext('New recovery codes') }} </span>
-    </v-card-title>
-    <v-card-text>
-      <v-alert type="info">
-        {{
-          $gettext(
-            "The following recovery codes can be used one time each to let you regain access to your account, in case you lose your phone for example. Make sure to save them in a safe place, otherwise you won't be able to access your account anymore."
-          )
-        }}
-      </v-alert>
-      <ul>
-        <li v-for="token in tokens" :key="token">
-          {{ token }}
-        </li>
-      </ul>
-    </v-card-text>
-    <v-card-actions>
-      <v-spacer></v-spacer>
-      <v-btn color="grey darken-1" text @click="close">
-        {{ $gettext('Close') }}
-      </v-btn>
-    </v-card-actions>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <span class="headline"> {{ $gettext('New recovery codes') }} </span>
+        </v-card-title>
+        <v-card-text>
+            <v-alert type="info">
+                {{
+                    $gettext(
+                        "The following recovery codes can be used one time each to let you regain access to your account, in case you lose your phone for example. Make sure to save them in a safe place, otherwise you won't be able to access your account anymore."
+                    )
+                }}
+            </v-alert>
+            <ul>
+                <li v-for="token in tokens" :key="token">
+                    {{ token }}
+                </li>
+            </ul>
+        </v-card-text>
+        <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn color="grey darken-1" text @click="close">
+                {{ $gettext('Close') }}
+            </v-btn>
+        </v-card-actions>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -33,6 +33,6 @@ const { $gettext } = useGettext()
 defineProps({ tokens: { type: Array, default: null } })
 const emit = defineEmits(['close'])
 function close() {
-  emit('close')
+    emit('close')
 }
 </script>
diff --git a/frontend/src/components/account/TwoFactorAuthForm.vue b/frontend/src/components/account/TwoFactorAuthForm.vue
index d8d538029..9b476fd26 100644
--- a/frontend/src/components/account/TwoFactorAuthForm.vue
+++ b/frontend/src/components/account/TwoFactorAuthForm.vue
@@ -1,122 +1,135 @@
 <template>
-  <div>
-    <v-card flat>
-      <v-card-title>
-        <span class="text-subtitle-1">
-          {{ $gettext('Two factor authentication') }}
-        </span>
-      </v-card-title>
-      <v-card-text>
-        <template v-if="qrURL">
-          <v-row>
-            <v-col cols="4">
-              <v-row rows="2">
-                <QrcodeVue
-                  :value="qrURL"
-                  :size="250"
-                  render-as="svg"
-                  level="H"
-                  class="qrcode"
-                />
-              </v-row>
-              <v-row>
-                <v-btn color="primary" class="key" @click="copyKey">
-                  {{ $gettext('Click here to copy the key') }}
-                  <v-icon v-if="clicked" color="success">
-                    mdi-check-all
-                  </v-icon>
-                </v-btn>
-              </v-row>
-            </v-col>
-            <v-col cols="6">
-              <v-alert type="info" class="ma-4">
-                {{
-                  $gettext(
-                    'Install a soft token authenticator like FreeOTP or Google Authenticator from your application repository and use that app to scan this QR code.'
-                  )
-                }}
-              </v-alert>
-              <label class="m-label">{{ $gettext('Pin code') }}</label>
-              <v-otp-input v-model="pinCode" />
-              <v-btn color="primary" @click="finalizeTFASetup">
-                {{ $gettext('Register') }}
-              </v-btn>
-            </v-col>
-          </v-row>
-        </template>
-        <template v-else-if="tokens.length">
-          <v-alert type="success">
-            {{
-              $gettext(
-                'Congratulations! Two-Factor Authentication is now enabled for your account.'
-              )
-            }}
-          </v-alert>
-          <p>
-            {{
-              $gettext(
-                "The following recovery codes can be used one time each to let you regain access to your account, in case you lose your phone for example. Make sure to save them in a safe place, otherwise you won't be able to access your account anymore."
-              )
-            }}
-          </p>
-          <ul>
-            <li v-for="token in tokens" :key="token">
-              {{ token }}
-            </li>
-          </ul>
-        </template>
-        <template v-else-if="tfa_enabled">
-          <v-alert type="info" class="mb-2">
-            {{
-              $gettext('Two-Factor Authentication is enabled for your account.')
-            }}
-          </v-alert>
-          <v-form ref="editTFAForm">
-            <label class="m-label">{{ $gettext('Password') }} </label>
-            <v-text-field
-              v-model="password"
-              autocomplete="new-password"
-              type="password"
-              variant="outlined"
-              :rules="[rules.required]"
-              :error-messages="passwordError"
+    <div>
+        <v-card flat>
+            <v-card-title>
+                <span class="text-subtitle-1">
+                    {{ $gettext('Two factor authentication') }}
+                </span>
+            </v-card-title>
+            <v-card-text>
+                <template v-if="qrURL">
+                    <v-row>
+                        <v-col cols="4">
+                            <v-row rows="2">
+                                <QrcodeVue
+                                    :value="qrURL"
+                                    :size="250"
+                                    render-as="svg"
+                                    level="H"
+                                    class="qrcode"
+                                />
+                            </v-row>
+                            <v-row>
+                                <v-btn
+                                    color="primary"
+                                    class="key"
+                                    @click="copyKey"
+                                >
+                                    {{ $gettext('Click here to copy the key') }}
+                                    <v-icon v-if="clicked" color="success">
+                                        mdi-check-all
+                                    </v-icon>
+                                </v-btn>
+                            </v-row>
+                        </v-col>
+                        <v-col cols="6">
+                            <v-alert type="info" class="ma-4">
+                                {{
+                                    $gettext(
+                                        'Install a soft token authenticator like FreeOTP or Google Authenticator from your application repository and use that app to scan this QR code.'
+                                    )
+                                }}
+                            </v-alert>
+                            <label class="m-label">{{
+                                $gettext('Pin code')
+                            }}</label>
+                            <v-otp-input v-model="pinCode" />
+                            <v-btn color="primary" @click="finalizeTFASetup">
+                                {{ $gettext('Register') }}
+                            </v-btn>
+                        </v-col>
+                    </v-row>
+                </template>
+                <template v-else-if="tokens.length">
+                    <v-alert type="success">
+                        {{
+                            $gettext(
+                                'Congratulations! Two-Factor Authentication is now enabled for your account.'
+                            )
+                        }}
+                    </v-alert>
+                    <p>
+                        {{
+                            $gettext(
+                                "The following recovery codes can be used one time each to let you regain access to your account, in case you lose your phone for example. Make sure to save them in a safe place, otherwise you won't be able to access your account anymore."
+                            )
+                        }}
+                    </p>
+                    <ul>
+                        <li v-for="token in tokens" :key="token">
+                            {{ token }}
+                        </li>
+                    </ul>
+                </template>
+                <template v-else-if="tfa_enabled">
+                    <v-alert type="info" class="mb-2">
+                        {{
+                            $gettext(
+                                'Two-Factor Authentication is enabled for your account.'
+                            )
+                        }}
+                    </v-alert>
+                    <v-form ref="editTFAForm">
+                        <label class="m-label"
+                            >{{ $gettext('Password') }}
+                        </label>
+                        <v-text-field
+                            v-model="password"
+                            autocomplete="new-password"
+                            type="password"
+                            variant="outlined"
+                            :rules="[rules.required]"
+                            :error-messages="passwordError"
+                        />
+                        <div class="mt-5">
+                            <v-btn
+                                color="error"
+                                class="mr-2"
+                                :loading="loadingDisable"
+                                @click="disableTFA"
+                            >
+                                {{ $gettext('Disable 2FA') }}
+                            </v-btn>
+                            <v-btn
+                                :loading="loadingReset"
+                                @click="resetRecoveryCodes"
+                            >
+                                {{ $gettext('Reset recovery codes') }}
+                            </v-btn>
+                        </div>
+                    </v-form>
+                </template>
+                <template v-else>
+                    <div tag="p" class="my-4">
+                        {{
+                            $gettext(
+                                "Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security."
+                            )
+                        }}
+                    </div>
+                    <v-btn color="success" @click="startTFASetup">
+                        {{ $gettext('Enable 2FA') }}
+                    </v-btn>
+                </template>
+            </v-card-text>
+        </v-card>
+        <v-dialog v-model="showCodesResetDialog" max-width="800px" persistent>
+            <RecoveryCodesResetDialog
+                :tokens="newTokens"
+                @close="closeRecoveryCodesResetDialog"
             />
-            <div class="mt-5">
-              <v-btn
-                color="error"
-                class="mr-2"
-                :loading="loadingDisable"
-                @click="disableTFA"
-              >
-                {{ $gettext('Disable 2FA') }}
-              </v-btn>
-              <v-btn :loading="loadingReset" @click="resetRecoveryCodes">
-                {{ $gettext('Reset recovery codes') }}
-              </v-btn>
-            </div>
-          </v-form>
-        </template>
-        <template v-else>
-          <div tag="p" class="my-4">
-            {{
-              $gettext(
-                "Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security."
-              )
-            }}
-          </div>
-          <v-btn color="success" @click="startTFASetup">
-            {{ $gettext('Enable 2FA') }}
-          </v-btn>
-        </template>
-      </v-card-text>
-    </v-card>
-    <v-dialog v-model="showCodesResetDialog" max-width="800px" persistent>
-      <RecoveryCodesResetDialog
-        :tokens="newTokens"
-        @close="closeRecoveryCodesResetDialog"
-      />
-    </v-dialog>
-  </div>
+        </v-dialog>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -150,116 +163,116 @@ const tokens = ref([])
 const tfa_enabled = computed(() => authStore.authUser.tfa_enabled)
 
 function getKey() {
-  accountApi.getKeyForTFASetup().then((resp) => {
-    key.value = resp.data.key
-    qrURL.value = resp.data.url
-  })
+    accountApi.getKeyForTFASetup().then((resp) => {
+        key.value = resp.data.key
+        qrURL.value = resp.data.url
+    })
 }
 
 function copyKey() {
-  navigator.clipboard.writeText(key.value)
-  clicked.value = true
+    navigator.clipboard.writeText(key.value)
+    clicked.value = true
 }
 
 function startTFASetup() {
-  accountApi.startTFASetup().then(() => {
-    getKey()
-  })
+    accountApi.startTFASetup().then(() => {
+        getKey()
+    })
 }
 
 async function finalizeTFASetup() {
-  authStore
-    .finalizeTFASetup(pinCode.value)
-    .then((response) => {
-      key.value = null
-      qrURL.value = null
-      tokens.value = response.data.tokens
-    })
-    .catch((error) => {
-      if (error.response.status === 400) {
-        pinCodeErrors.value = error.response.data
-      }
-    })
+    authStore
+        .finalizeTFASetup(pinCode.value)
+        .then((response) => {
+            key.value = null
+            qrURL.value = null
+            tokens.value = response.data.tokens
+        })
+        .catch((error) => {
+            if (error.response.status === 400) {
+                pinCodeErrors.value = error.response.data
+            }
+        })
 }
 
 async function disableTFA() {
-  const isValid = await editTFAForm.value.validate()
-  if (!isValid) {
-    return
-  }
-  const payload = {
-    password: password.value,
-  }
-  loadingDisable.value = true
-  accountApi
-    .disableTFA(payload)
-    .then(() => {
-      authStore.fetchUser()
-    })
-    .catch((error) => {
-      if (error.response.status === 400) {
-        passwordError.value = error.response.data.password
-      } else {
-        busStore.displayNotification({
-          msg: $gettext(error.response.data),
-          type: 'error',
+    const isValid = await editTFAForm.value.validate()
+    if (!isValid) {
+        return
+    }
+    const payload = {
+        password: password.value,
+    }
+    loadingDisable.value = true
+    accountApi
+        .disableTFA(payload)
+        .then(() => {
+            authStore.fetchUser()
+        })
+        .catch((error) => {
+            if (error.response.status === 400) {
+                passwordError.value = error.response.data.password
+            } else {
+                busStore.displayNotification({
+                    msg: $gettext(error.response.data),
+                    type: 'error',
+                })
+            }
+        })
+        .finally(() => {
+            loadingDisable.value = false
+            editTFAForm.value.reset()
         })
-      }
-    })
-    .finally(() => {
-      loadingDisable.value = false
-      editTFAForm.value.reset()
-    })
 }
 
 async function resetRecoveryCodes() {
-  const isValid = await editTFAForm.value.validate()
-  if (!isValid) {
-    return
-  }
-  const payload = {
-    password: password.value,
-  }
-  loadingReset.value = true
+    const isValid = await editTFAForm.value.validate()
+    if (!isValid) {
+        return
+    }
+    const payload = {
+        password: password.value,
+    }
+    loadingReset.value = true
 
-  accountApi
-    .resetRecoveryCodes(payload)
-    .then((response) => {
-      newTokens.value = response.data.tokens
-      showCodesResetDialog.value = true
-    })
-    .catch((error) => {
-      if (error.response.status === 400) {
-        passwordError.value = error.response.data.password
-      } else {
-        busStore.displayNotification({
-          msg: $gettext(error.response.data),
-          type: 'error',
+    accountApi
+        .resetRecoveryCodes(payload)
+        .then((response) => {
+            newTokens.value = response.data.tokens
+            showCodesResetDialog.value = true
+        })
+        .catch((error) => {
+            if (error.response.status === 400) {
+                passwordError.value = error.response.data.password
+            } else {
+                busStore.displayNotification({
+                    msg: $gettext(error.response.data),
+                    type: 'error',
+                })
+            }
+        })
+        .finally(() => {
+            loadingReset.value = false
+            editTFAForm.value.reset()
         })
-      }
-    })
-    .finally(() => {
-      loadingReset.value = false
-      editTFAForm.value.reset()
-    })
 }
 
 function closeRecoveryCodesResetDialog() {
-  newTokens.value = []
-  showCodesResetDialog.value = false
+    newTokens.value = []
+    showCodesResetDialog.value = false
 }
 if (!tfa_enabled.value) {
-  getKey()
+    getKey()
 }
 </script>
 
 <style>
 .qrcode {
-  margin-left: 20px;
-  margin-top: 2em;
+    margin-left: 20px;
+    margin-top: 2em;
 }
 .key {
-  margin-left: 10px;
-  margin-top: 1.75em;
+    margin-left: 10px;
+    margin-top: 1.75em;
 }
 </style>
diff --git a/frontend/src/components/admin/alarms/AlarmList.vue b/frontend/src/components/admin/alarms/AlarmList.vue
index ae90785c4..dabcb84b6 100644
--- a/frontend/src/components/admin/alarms/AlarmList.vue
+++ b/frontend/src/components/admin/alarms/AlarmList.vue
@@ -1,73 +1,77 @@
 <template>
-  <v-card class="mt-6">
-    <v-data-table-server
-      v-model="selected"
-      :headers="headers"
-      :items="alarms"
-      :search="search"
-      item-value="id"
-      :items-length="totalAlarms"
-      :loading="loading"
-      elevation="0"
-      show-select
-      @update:options="fetchAlarms"
-    >
-      <template #top>
-        <v-toolbar color="white" flat>
-          <v-menu location="bottom">
-            <template #activator="{ props }">
-              <v-btn v-bind="props" size="small">
-                {{ $gettext('Actions') }}
-                <v-icon right>mdi-chevron-down</v-icon>
-              </v-btn>
+    <v-card class="mt-6">
+        <v-data-table-server
+            v-model="selected"
+            :headers="headers"
+            :items="alarms"
+            :search="search"
+            item-value="id"
+            :items-length="totalAlarms"
+            :loading="loading"
+            elevation="0"
+            show-select
+            @update:options="fetchAlarms"
+        >
+            <template #top>
+                <v-toolbar color="white" flat>
+                    <v-menu location="bottom">
+                        <template #activator="{ props }">
+                            <v-btn v-bind="props" size="small">
+                                {{ $gettext('Actions') }}
+                                <v-icon right>mdi-chevron-down</v-icon>
+                            </v-btn>
+                        </template>
+                        <v-list density="compact">
+                            <MenuItems :items="getActionMenuItems()" />
+                        </v-list>
+                    </v-menu>
+                    <v-spacer></v-spacer>
+                    <v-text-field
+                        v-model="search"
+                        prepend-inner-icon="mdi-magnify"
+                        placeholder="Search"
+                        density="compact"
+                        variant="outlined"
+                        hide-details
+                        flat
+                        single-line
+                    ></v-text-field>
+                </v-toolbar>
             </template>
-            <v-list density="compact">
-              <MenuItems :items="getActionMenuItems()" />
-            </v-list>
-          </v-menu>
-          <v-spacer></v-spacer>
-          <v-text-field
-            v-model="search"
-            prepend-inner-icon="mdi-magnify"
-            placeholder="Search"
-            density="compact"
-            variant="outlined"
-            hide-details
-            flat
-            single-line
-          ></v-text-field>
-        </v-toolbar>
-      </template>
-      <template #[`item.status`]="{ item }">
-        <v-chip v-if="item.status === 1" color="warning" size="small">
-          {{ $gettext('Opened') }}
-        </v-chip>
-        <v-chip v-else color="info" size="small">
-          {{ $gettext('Closed') }}
-        </v-chip>
-      </template>
-      <template #[`item.mailbox`]="{ item }">
-        <template v-if="item.mailbox">
-          {{ item.mailbox.address }}@{{ item.domain.name }}
-        </template>
-        <template v-else> / </template>
-      </template>
-      <template #[`item.created`]="{ item }">
-        {{ $date(item.created) }}
-      </template>
-      <template #[`item.actions`]="{ item }">
-        <div class="text-right">
-          <v-menu location="bottom">
-            <template #activator="{ props }">
-              <v-btn icon="mdi-dots-horizontal" v-bind="props" variant="text">
-              </v-btn>
+            <template #[`item.status`]="{ item }">
+                <v-chip v-if="item.status === 1" color="warning" size="small">
+                    {{ $gettext('Opened') }}
+                </v-chip>
+                <v-chip v-else color="info" size="small">
+                    {{ $gettext('Closed') }}
+                </v-chip>
             </template>
-            <MenuItems :items="getMenuItems(item)" :obj="item" />
-          </v-menu>
-        </div>
-      </template>
-    </v-data-table-server>
-  </v-card>
+            <template #[`item.mailbox`]="{ item }">
+                <template v-if="item.mailbox">
+                    {{ item.mailbox.address }}@{{ item.domain.name }}
+                </template>
+                <template v-else> / </template>
+            </template>
+            <template #[`item.created`]="{ item }">
+                {{ $date(item.created) }}
+            </template>
+            <template #[`item.actions`]="{ item }">
+                <div class="text-right">
+                    <v-menu location="bottom">
+                        <template #activator="{ props }">
+                            <v-btn
+                                icon="mdi-dots-horizontal"
+                                v-bind="props"
+                                variant="text"
+                            >
+                            </v-btn>
+                        </template>
+                        <MenuItems :items="getMenuItems(item)" :obj="item" />
+                    </v-menu>
+                </div>
+            </template>
+        </v-data-table-server>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -89,113 +93,113 @@ const selected = ref([])
 const totalAlarms = ref(0)
 
 const headers = [
-  { title: $gettext('Triggered'), key: 'created' },
-  { title: $gettext('Status'), key: 'status' },
-  { title: $gettext('Domain'), key: 'domain.name', sortable: false },
-  { title: $gettext('Mailbox'), key: 'mailbox', sortable: false },
-  { title: $gettext('Message'), key: 'title' },
-  {
-    title: $gettext('Actions'),
-    key: 'actions',
-    sortable: false,
-    align: 'right',
-  },
+    { title: $gettext('Triggered'), key: 'created' },
+    { title: $gettext('Status'), key: 'status' },
+    { title: $gettext('Domain'), key: 'domain.name', sortable: false },
+    { title: $gettext('Mailbox'), key: 'mailbox', sortable: false },
+    { title: $gettext('Message'), key: 'title' },
+    {
+        title: $gettext('Actions'),
+        key: 'actions',
+        sortable: false,
+        align: 'right',
+    },
 ]
 
 function getActionMenuItems() {
-  const result = []
-  if (selected.value.length > 0) {
+    const result = []
+    if (selected.value.length > 0) {
+        result.push({
+            label: $gettext('Delete'),
+            icon: 'mdi-delete-outline',
+            onClick: deleteAlarms,
+            color: 'red',
+        })
+    }
     result.push({
-      label: $gettext('Delete'),
-      icon: 'mdi-delete-outline',
-      onClick: deleteAlarms,
-      color: 'red',
+        label: $gettext('Reload'),
+        icon: 'mdi-reload',
+        onClick: fetchAlarms,
     })
-  }
-  result.push({
-    label: $gettext('Reload'),
-    icon: 'mdi-reload',
-    onClick: fetchAlarms,
-  })
-  return result
+    return result
 }
 
 function getMenuItems(item) {
-  const result = []
-  result.push({
-    label: $gettext('Delete'),
-    icon: 'mdi-delete-outline',
-    onClick: deleteAlarm,
-    color: 'red',
-  })
-  if (item.status === constants.ALARM_OPENED) {
+    const result = []
     result.push({
-      label: $gettext('Close alarm'),
-      icon: 'mdi-check',
-      onClick: closeAlarm,
-      color: 'green',
+        label: $gettext('Delete'),
+        icon: 'mdi-delete-outline',
+        onClick: deleteAlarm,
+        color: 'red',
     })
-  } else {
-    result.push({
-      label: $gettext('Reopen alarm'),
-      icon: 'mdi-alert-circle-outline',
-      onClick: openAlarm,
-      color: 'orange',
-    })
-  }
-  return result
+    if (item.status === constants.ALARM_OPENED) {
+        result.push({
+            label: $gettext('Close alarm'),
+            icon: 'mdi-check',
+            onClick: closeAlarm,
+            color: 'green',
+        })
+    } else {
+        result.push({
+            label: $gettext('Reopen alarm'),
+            icon: 'mdi-alert-circle-outline',
+            onClick: openAlarm,
+            color: 'orange',
+        })
+    }
+    return result
 }
 
 function fetchAlarms({ page, itemsPerPage, sortBy }) {
-  const params = {
-    page: page || 1,
-    page_size: itemsPerPage || 10,
-  }
-  if (sortBy) {
-    params.ordering = sortBy
-      .map((item) => (this.options.sortDesc[0] ? `-${item}` : item))
-      .join(',')
-  }
-  if (search.value !== '') {
-    params.search = search.value
-  }
-  loading.value = true
-  alarmsApi.getAll(params).then((resp) => {
-    alarms.value = resp.data.results
-    totalAlarms.value = resp.data.count
-    loading.value = false
-  })
+    const params = {
+        page: page || 1,
+        page_size: itemsPerPage || 10,
+    }
+    if (sortBy) {
+        params.ordering = sortBy
+            .map((item) => (this.options.sortDesc[0] ? `-${item}` : item))
+            .join(',')
+    }
+    if (search.value !== '') {
+        params.search = search.value
+    }
+    loading.value = true
+    alarmsApi.getAll(params).then((resp) => {
+        alarms.value = resp.data.results
+        totalAlarms.value = resp.data.count
+        loading.value = false
+    })
 }
 
 async function deleteAlarm(alarm, single = true) {
-  alarmsApi.delete(alarm.id).then(() => {
-    if (single) {
-      busStore.displayNotification({ msg: $gettext('Alarm deleted') })
-      fetchAlarms({})
-    }
-  })
+    alarmsApi.delete(alarm.id).then(() => {
+        if (single) {
+            busStore.displayNotification({ msg: $gettext('Alarm deleted') })
+            fetchAlarms({})
+        }
+    })
 }
 async function deleteAlarms() {
-  await alarmsApi.bulkDelete(selected.value.map((alarm) => alarm.id))
-  busStore.displayNotification({ msg: this.$gettext('Alarms deleted') })
-  selected.value = []
-  fetchAlarms({})
+    await alarmsApi.bulkDelete(selected.value.map((alarm) => alarm.id))
+    busStore.displayNotification({ msg: this.$gettext('Alarms deleted') })
+    selected.value = []
+    fetchAlarms({})
 }
 async function closeAlarm(alarm) {
-  alarmsApi
-    .switchStatus(alarm.id, { status: constants.ALARM_CLOSED })
-    .then(() => {
-      busStore.displayNotification({ msg: $gettext('Alarm closed') })
-      fetchAlarms({})
-    })
+    alarmsApi
+        .switchStatus(alarm.id, { status: constants.ALARM_CLOSED })
+        .then(() => {
+            busStore.displayNotification({ msg: $gettext('Alarm closed') })
+            fetchAlarms({})
+        })
 }
 async function openAlarm(alarm) {
-  alarmsApi
-    .switchStatus(alarm.id, { status: constants.ALARM_OPENED })
-    .then(() => {
-      busStore.displayNotification({ msg: $gettext('Alarm re-opened') })
-      fetchAlarms({})
-    })
+    alarmsApi
+        .switchStatus(alarm.id, { status: constants.ALARM_OPENED })
+        .then(() => {
+            busStore.displayNotification({ msg: $gettext('Alarm re-opened') })
+            fetchAlarms({})
+        })
 }
 
 fetchAlarms = debounce(fetchAlarms, 500)
@@ -203,9 +207,9 @@ fetchAlarms = debounce(fetchAlarms, 500)
 
 <style scoped>
 .v-text-field--outlined :deep(fieldset) {
-  border-color: #bfc5d2;
+    border-color: #bfc5d2;
 }
 .v-input--checkbox :deep(.v-label) {
-  font-size: 0.875rem !important;
+    font-size: 0.875rem !important;
 }
 </style>
diff --git a/frontend/src/components/admin/dmarc/DmarcAligmentChart.vue b/frontend/src/components/admin/dmarc/DmarcAligmentChart.vue
index 83d418ab8..3e198020d 100644
--- a/frontend/src/components/admin/dmarc/DmarcAligmentChart.vue
+++ b/frontend/src/components/admin/dmarc/DmarcAligmentChart.vue
@@ -1,103 +1,117 @@
 <template>
-  <div v-if="alignments">
-    <v-card>
-      <v-toolbar dense elevation="0" class="mr-2">
-        <v-toolbar-title>$gettext('Alignment')</v-toolbar-title>
-        <v-spacer />
-        <v-btn icon="mdi-arrow-left" size="x-small" @click="previousWeek">
-        </v-btn>
-        <span class="mx-2"
-          >{{ weekStart.toLocaleString() }} -
-          {{ weekEnd.toLocaleString() }}</span
+    <div v-if="alignments">
+        <v-card>
+            <v-toolbar dense elevation="0" class="mr-2">
+                <v-toolbar-title>$gettext('Alignment')</v-toolbar-title>
+                <v-spacer />
+                <v-btn
+                    icon="mdi-arrow-left"
+                    size="x-small"
+                    @click="previousWeek"
+                >
+                </v-btn>
+                <span class="mx-2"
+                    >{{ weekStart.toLocaleString() }} -
+                    {{ weekEnd.toLocaleString() }}</span
+                >
+                <v-btn icon="mdi-arrow-right" size="x-small" @click="nextWeek">
+                </v-btn>
+            </v-toolbar>
+            <v-card-text>
+                <v-row>
+                    <v-col cols="5">
+                        <apexchart
+                            v-if="series"
+                            type="pie"
+                            height="350"
+                            :options="options"
+                            :series="series"
+                        />
+                    </v-col>
+                    <v-col cols="7">
+                        <v-row>
+                            <v-col v-for="box in boxes" :key="box.key" cols="6">
+                                <v-sheet outlined :color="box.color" rounded>
+                                    <v-card outlined class="pa-10 text-center">
+                                        <span
+                                            :class="
+                                                'text-h4 ' +
+                                                getTextColors(box.color)
+                                            "
+                                            >{{ stats[box.key] }}</span
+                                        ><br />
+                                        <span class="text-subtitle-1">{{
+                                            box.label
+                                        }}</span>
+                                    </v-card>
+                                </v-sheet>
+                            </v-col>
+                        </v-row>
+                    </v-col>
+                </v-row>
+            </v-card-text>
+        </v-card>
+        <v-expansion-panels v-model="panel" class="mt-2">
+            <v-expansion-panel :title="$gettext('Detail')">
+                <v-expansion-panel-text>
+                    <DmarcSourceTable
+                        :title="$gettext('Trusted sources')"
+                        color="green"
+                        :total="stats.aligned"
+                        :sources="alignments.aligned"
+                    />
+                    <DmarcSourceTable
+                        :title="
+                            $gettext('Partially trusted sources / Forwarders')
+                        "
+                        color="orange"
+                        :total="stats.trusted"
+                        :sources="alignments.trusted"
+                        class="mt-4"
+                    />
+                    <DmarcSourceTable
+                        :title="$gettext('Forwarders with ARC')"
+                        color="blue"
+                        :total="stats.forwarded"
+                        :sources="alignments.forwarded"
+                        class="mt-4"
+                    />
+                    <DmarcSourceTable
+                        :title="$gettext('Unknown sources / Threats')"
+                        color="red"
+                        :total="stats.failed"
+                        :sources="alignments.failed"
+                        class="mt-4"
+                    />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+        </v-expansion-panels>
+    </div>
+    <div v-else>
+        <v-alert
+            v-if="dmarcDisabled"
+            type="info"
+            variant="outlined"
+            prominent
+            border="start"
+            class="mt-6"
         >
-        <v-btn icon="mdi-arrow-right" size="x-small" @click="nextWeek"> </v-btn>
-      </v-toolbar>
-      <v-card-text>
-        <v-row>
-          <v-col cols="5">
-            <apexchart
-              v-if="series"
-              type="pie"
-              height="350"
-              :options="options"
-              :series="series"
-            />
-          </v-col>
-          <v-col cols="7">
-            <v-row>
-              <v-col v-for="box in boxes" :key="box.key" cols="6">
-                <v-sheet outlined :color="box.color" rounded>
-                  <v-card outlined class="pa-10 text-center">
-                    <span :class="'text-h4 ' + getTextColors(box.color)">{{
-                      stats[box.key]
-                    }}</span
-                    ><br />
-                    <span class="text-subtitle-1">{{ box.label }}</span>
-                  </v-card>
-                </v-sheet>
-              </v-col>
-            </v-row>
-          </v-col>
-        </v-row>
-      </v-card-text>
-    </v-card>
-    <v-expansion-panels v-model="panel" class="mt-2">
-      <v-expansion-panel :title="$gettext('Detail')">
-        <v-expansion-panel-text>
-          <DmarcSourceTable
-            :title="$gettext('Trusted sources')"
-            color="green"
-            :total="stats.aligned"
-            :sources="alignments.aligned"
-          />
-          <DmarcSourceTable
-            :title="$gettext('Partially trusted sources / Forwarders')"
-            color="orange"
-            :total="stats.trusted"
-            :sources="alignments.trusted"
-            class="mt-4"
-          />
-          <DmarcSourceTable
-            :title="$gettext('Forwarders with ARC')"
-            color="blue"
-            :total="stats.forwarded"
-            :sources="alignments.forwarded"
-            class="mt-4"
-          />
-          <DmarcSourceTable
-            :title="$gettext('Unknown sources / Threats')"
-            color="red"
-            :total="stats.failed"
-            :sources="alignments.failed"
-            class="mt-4"
-          />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-    </v-expansion-panels>
-  </div>
-  <div v-else>
-    <v-alert
-      v-if="dmarcDisabled"
-      type="info"
-      variant="outlined"
-      prominent
-      border="start"
-      class="mt-6"
-    >
-      <div>
-        {{
-          $gettext('DMARC support does not seem to be enabled for this domain.')
-        }}
-      </div>
-      <div>
-        {{
-          $gettext(
-            'If you configured it recently, please wait for the first report to be received and processed.'
-          )
-        }}
-      </div>
-    </v-alert>
-  </div>
+            <div>
+                {{
+                    $gettext(
+                        'DMARC support does not seem to be enabled for this domain.'
+                    )
+                }}
+            </div>
+            <div>
+                {{
+                    $gettext(
+                        'If you configured it recently, please wait for the first report to be received and processed.'
+                    )
+                }}
+            </div>
+        </v-alert>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -113,43 +127,43 @@ const { $gettext } = useGettext()
 const order = ['aligned', 'trusted', 'forwarded', 'failed']
 
 const props = defineProps({
-  domain: { type: Object, default: () => null },
+    domain: { type: Object, default: () => null },
 })
 
 const options = ref({
-  colors: [
-    colors.green.lighten2,
-    colors.orange.lighten2,
-    colors.blue.lighten2,
-    colors.red.lighten2,
-  ],
-  labels: [
-    $gettext('Fully aligned'),
-    $gettext('Partially aligned'),
-    $gettext('Forwarded'),
-    $gettext('Failed'),
-  ],
-  legend: {
-    position: 'bottom',
-  },
+    colors: [
+        colors.green.lighten2,
+        colors.orange.lighten2,
+        colors.blue.lighten2,
+        colors.red.lighten2,
+    ],
+    labels: [
+        $gettext('Fully aligned'),
+        $gettext('Partially aligned'),
+        $gettext('Forwarded'),
+        $gettext('Failed'),
+    ],
+    legend: {
+        position: 'bottom',
+    },
 })
 
 const alignments = ref(null)
 
 const boxes = ref([
-  { key: 'total', label: $gettext('Total'), color: 'primary lighten-2' },
-  {
-    key: 'aligned',
-    label: $gettext('Fully aligned'),
-    color: 'green lighten-2',
-  },
-  {
-    key: 'trusted',
-    label: $gettext('Partially aligned'),
-    color: 'orange lighten-2',
-  },
-  { key: 'forwarded', label: $gettext('Forwarded'), color: 'blue lighten-2' },
-  { key: 'failed', label: $gettext('Failed'), color: 'red lighten-2' },
+    { key: 'total', label: $gettext('Total'), color: 'primary lighten-2' },
+    {
+        key: 'aligned',
+        label: $gettext('Fully aligned'),
+        color: 'green lighten-2',
+    },
+    {
+        key: 'trusted',
+        label: $gettext('Partially aligned'),
+        color: 'orange lighten-2',
+    },
+    { key: 'forwarded', label: $gettext('Forwarded'), color: 'blue lighten-2' },
+    { key: 'failed', label: $gettext('Failed'), color: 'red lighten-2' },
 ])
 
 const now = DateTime.now()
@@ -162,84 +176,84 @@ const series = ref([])
 const stats = ref({})
 
 const weekStart = computed(() => {
-  const dt = DateTime.fromObject({
-    weekYear: currentYear.value,
-    weekNumber: currentWeek.value,
-  })
-  return dt.startOf('week')
+    const dt = DateTime.fromObject({
+        weekYear: currentYear.value,
+        weekNumber: currentWeek.value,
+    })
+    return dt.startOf('week')
 })
 
 const weekEnd = computed(() => {
-  const dt = DateTime.fromObject({
-    weekYear: currentYear.value,
-    weekNumber: currentWeek.value,
-  })
-  return dt.endOf('week')
+    const dt = DateTime.fromObject({
+        weekYear: currentYear.value,
+        weekNumber: currentWeek.value,
+    })
+    return dt.endOf('week')
 })
 
 function getTextColors(value) {
-  let result = ''
-  for (const color of value.split(' ')) {
-    if (result !== '') {
-      result += ' '
+    let result = ''
+    for (const color of value.split(' ')) {
+        if (result !== '') {
+            result += ' '
+        }
+        result += 'text-' + color
     }
-    result += 'text-' + color
-  }
-  return result
+    return result
 }
 
 function nextWeek() {
-  if (currentWeek.value === 52) {
-    currentYear.value += 1
-    currentWeek.value = 1
-  } else {
-    currentWeek.value += 1
-  }
+    if (currentWeek.value === 52) {
+        currentYear.value += 1
+        currentWeek.value = 1
+    } else {
+        currentWeek.value += 1
+    }
 }
 function previousWeek() {
-  if (currentWeek.value === 1) {
-    currentYear.value -= 1
-    currentWeek.value = 52
-  } else {
-    currentWeek.value -= 1
-  }
+    if (currentWeek.value === 1) {
+        currentYear.value -= 1
+        currentWeek.value = 52
+    } else {
+        currentWeek.value -= 1
+    }
 }
 function fetchAlignmentStats() {
-  if (loading.value) {
-    return
-  }
+    if (loading.value) {
+        return
+    }
 
-  const period = `${currentYear.value}-${currentWeek.value}`
-  loading.value = true
-  domainsApi.getDomainDmarcAlignment(props.domain.pk, period).then((resp) => {
-    loading.value = false
-    if (resp.status === 204) {
-      dmarcDisabled.value = true
-      return
-    }
-    stats.value = { total: 0 }
-    alignments.value = resp.data
-    series.value = []
-    for (const key of order) {
-      let total = 0
-      for (const name in resp.data[key]) {
-        for (const ip in resp.data[key][name]) {
-          total += resp.data[key][name][ip].total
+    const period = `${currentYear.value}-${currentWeek.value}`
+    loading.value = true
+    domainsApi.getDomainDmarcAlignment(props.domain.pk, period).then((resp) => {
+        loading.value = false
+        if (resp.status === 204) {
+            dmarcDisabled.value = true
+            return
         }
-      }
-      stats.value.total += total
-      stats.value[key] = total
-      series.value.push(total)
-    }
-  })
+        stats.value = { total: 0 }
+        alignments.value = resp.data
+        series.value = []
+        for (const key of order) {
+            let total = 0
+            for (const name in resp.data[key]) {
+                for (const ip in resp.data[key][name]) {
+                    total += resp.data[key][name][ip].total
+                }
+            }
+            stats.value.total += total
+            stats.value[key] = total
+            series.value.push(total)
+        }
+    })
 }
 onMounted(() => fetchAlignmentStats())
 
 watch(currentWeek, () => {
-  fetchAlignmentStats()
+    fetchAlignmentStats()
 })
 
 watch(currentYear, () => {
-  fetchAlignmentStats()
+    fetchAlignmentStats()
 })
 </script>
diff --git a/frontend/src/components/admin/dmarc/DmarcSourceTable.vue b/frontend/src/components/admin/dmarc/DmarcSourceTable.vue
index bf55d4a8e..e4a374f76 100644
--- a/frontend/src/components/admin/dmarc/DmarcSourceTable.vue
+++ b/frontend/src/components/admin/dmarc/DmarcSourceTable.vue
@@ -1,50 +1,59 @@
 <template>
-  <div>
-    <div class="text-h6">
-      {{ title }} <span :class="text - `${color}-lighten-2`">{{ total }}</span>
+    <div>
+        <div class="text-h6">
+            {{ title }}
+            <span :class="text - `${color}-lighten-2`">{{ total }}</span>
+        </div>
+        <v-simple-table>
+            <tbody>
+                <template v-for="(source, name) in sources" :key="name">
+                    <tr>
+                        <th width="40%">{{ name }}</th>
+                        <th>{{ $gettext('Total') }}</th>
+                        <th>SPF</th>
+                        <th>DKIM</th>
+                    </tr>
+                    <tr v-for="(counters, ip) in source" :key="ip">
+                        <td>{{ ip }}</td>
+                        <td>{{ counters.total }}</td>
+                        <td>
+                            <v-avatar color="green lighten-2" size="24">
+                                <span class="text-white">{{
+                                    counters.spf.success
+                                }}</span>
+                            </v-avatar>
+                            <v-avatar color="red lighten-2 ml-1" size="24">
+                                <span class="text-white">{{
+                                    counters.spf.failure
+                                }}</span>
+                            </v-avatar>
+                        </td>
+                        <td>
+                            <v-avatar color="green lighten-2" size="24">
+                                <span class="text-white">{{
+                                    counters.dkim.success
+                                }}</span>
+                            </v-avatar>
+                            <v-avatar color="red lighten-2 ml-1" size="24">
+                                <span class="text-white">{{
+                                    counters.dkim.failure
+                                }}</span>
+                            </v-avatar>
+                        </td>
+                    </tr>
+                </template>
+            </tbody>
+        </v-simple-table>
     </div>
-    <v-simple-table>
-      <tbody>
-        <template v-for="(source, name) in sources" :key="name">
-          <tr>
-            <th width="40%">{{ name }}</th>
-            <th>{{ $gettext('Total') }}</th>
-            <th>SPF</th>
-            <th>DKIM</th>
-          </tr>
-          <tr v-for="(counters, ip) in source" :key="ip">
-            <td>{{ ip }}</td>
-            <td>{{ counters.total }}</td>
-            <td>
-              <v-avatar color="green lighten-2" size="24">
-                <span class="text-white">{{ counters.spf.success }}</span>
-              </v-avatar>
-              <v-avatar color="red lighten-2 ml-1" size="24">
-                <span class="text-white">{{ counters.spf.failure }}</span>
-              </v-avatar>
-            </td>
-            <td>
-              <v-avatar color="green lighten-2" size="24">
-                <span class="text-white">{{ counters.dkim.success }}</span>
-              </v-avatar>
-              <v-avatar color="red lighten-2 ml-1" size="24">
-                <span class="text-white">{{ counters.dkim.failure }}</span>
-              </v-avatar>
-            </td>
-          </tr>
-        </template>
-      </tbody>
-    </v-simple-table>
-  </div>
 </template>
 
 <script setup lang="js">
 import { useGettext } from 'vue3-gettext'
 const { $gettext } = useGettext()
 defineProps({
-  title: { type: String, default: '' },
-  color: { type: String, default: '' },
-  total: { type: Number, default: null },
-  sources: { type: Object, default: null },
+    title: { type: String, default: '' },
+    color: { type: String, default: '' },
+    total: { type: Number, default: null },
+    sources: { type: Object, default: null },
 })
 </script>
diff --git a/frontend/src/components/admin/domains/DKIMKeyViewer.vue b/frontend/src/components/admin/domains/DKIMKeyViewer.vue
index 74a6ff498..4db9b864a 100644
--- a/frontend/src/components/admin/domains/DKIMKeyViewer.vue
+++ b/frontend/src/components/admin/domains/DKIMKeyViewer.vue
@@ -1,37 +1,39 @@
 <template>
-  <button class="dkimbutton" @click="copyDKIM()">
-    <pre id="dkimdns" class="dkim"
-      >{{ domain.dkim_key_selector }}._domainkey.{{ domain.name }}. IN TXT ({{
-        splitKey
-      }})
+    <button class="dkimbutton" @click="copyDKIM()">
+        <pre id="dkimdns" class="dkim"
+            >{{ domain.dkim_key_selector }}._domainkey.{{
+                domain.name
+            }}. IN TXT ({{ splitKey }})
       }})</pre
-    >
-  </button>
+        >
+    </button>
 </template>
 
 <script setup lang="js">
 import { computed } from 'vue'
 
 const props = defineProps({
-  domain: { type: Object, default: null },
+    domain: { type: Object, default: null },
 })
 
 const splitKey = computed(() => {
-  let key = `v=DKIM1;k=rsa;p=${props.domain.dkim_public_key}`
-  const result = []
-  while (key.length > 0) {
-    if (key.length > 74) {
-      result.push(`  "${key.substring(0, 74)}"`)
-      key = key.substring(74)
-    } else {
-      result.push(`  "${key}"`)
-      break
+    let key = `v=DKIM1;k=rsa;p=${props.domain.dkim_public_key}`
+    const result = []
+    while (key.length > 0) {
+        if (key.length > 74) {
+            result.push(`  "${key.substring(0, 74)}"`)
+            key = key.substring(74)
+        } else {
+            result.push(`  "${key}"`)
+            break
+        }
     }
-  }
-  return result.join('\n')
+    return result.join('\n')
 })
 
 function copyDKIM() {
-  navigator.clipboard.writeText(document.getElementById('dkimdns').textContent)
+    navigator.clipboard.writeText(
+        document.getElementById('dkimdns').textContent
+    )
 }
 </script>
diff --git a/frontend/src/components/admin/domains/DNSDetail.vue b/frontend/src/components/admin/domains/DNSDetail.vue
index ce313ea41..6bc27c370 100644
--- a/frontend/src/components/admin/domains/DNSDetail.vue
+++ b/frontend/src/components/admin/domains/DNSDetail.vue
@@ -1,149 +1,175 @@
 <template>
-  <v-card v-if="domain">
-    <v-card-title>
-      <span> DNS </span>
-      <v-btn
-        class="ml-2"
-        icon="mdi-information-outline"
-        :title="$gettext('DNS configuration help')"
-        variant="text"
-        density="compact"
-        @click="showConfigHelp = true"
-      ></v-btn>
-    </v-card-title>
-    <v-card-text>
-      <translate class="overline">MX records</translate>
-      <template v-if="domain.dns_global_status == 'pending'">
-        <v-row>
-          <v-col>
-            <v-chip color="info" size="small">
-              {{ $gettext('Pending') }}
-            </v-chip>
-          </v-col>
-        </v-row>
-      </template>
-      <template v-else>
-        <v-data-table-virtual
-          :headers="mxRecordHeaders"
-          :items="detail.mx_records"
-        >
-          <template #[`item.updated`]="{ item }">
-            {{ $date(item.updated) }}
-          </template>
-        </v-data-table-virtual>
-      </template>
-      <div class="overline">{{ $gettext('Auto configuration') }}</div>
-      <template v-if="domain.dns_global_status == 'pending'">
-        <v-row>
-          <v-col>
-            <v-chip color="info" size="small">
-              {{ $gettext('Pending') }}
-            </v-chip>
-          </v-col>
-        </v-row>
-      </template>
-      <template v-else>
-        <v-row>
-          <v-col>
-            <v-chip v-if="detail.autoconfig_record" color="success">
-              {{
-                $gettext('autoconfig record (Mozilla): %{ value }', {
-                  value: detail.autoconfig_record.value,
-                })
-              }}
-            </v-chip>
-            <v-chip v-else color="warning">
-              {{ $gettext('autoconfig record (Mozilla) not found') }}
-            </v-chip>
-          </v-col>
-          <v-col>
-            <v-chip v-if="detail.autodiscover_record" color="success">
-              {{
-                $gettext('autodiscover record (Microsoft): %{ value }', {
-                  value: detail.autodiscover_record.value,
-                })
-              }}
-            </v-chip>
-            <v-chip v-else color="warning">
-              {{ $gettext('autodiscover record (Microsoft) not found') }}
-            </v-chip>
-          </v-col>
-        </v-row>
-        <div class="overline">{{ $gettext('Authentication') }}</div>
-        <v-row>
-          <v-col>
-            <v-chip v-if="detail.spf_record" color="success">
-              {{ $gettext('SPF record found') }}
-            </v-chip>
-            <v-chip v-else color="error">
-              {{ $gettext('SPF record not found') }}
-            </v-chip>
-          </v-col>
-          <v-col>
-            <v-chip v-if="detail.dkim_record" color="success">
-              {{ $gettext('DKIM record found') }}
-            </v-chip>
-            <v-chip v-else color="error">
-              {{ $gettext('DKIM record not found') }}
-            </v-chip>
-          </v-col>
-          <v-col>
-            <v-chip v-if="detail.dmarc_record" color="success">
-              {{ $gettext('DMARC record found') }}
-            </v-chip>
-            <v-chip v-else color="error">
-              {{ $gettext('DMARC record not found') }}
-            </v-chip>
-          </v-col>
-        </v-row>
-      </template>
-      <template v-if="domain.enable_dkim">
-        <div class="d-flex align-center flex-nowrap mt-4">
-          <div class="text-subtitle-2">
-            {{ $gettext('DKIM key') }}
-          </div>
-          <div class="ml-6">
-            <div v-if="domain.dkim_private_key_path && domain.dkim_public_key">
-              <v-btn color="primary" size="small" @click="showDKIMKey = true">
-                {{ $gettext('Show key') }}
-              </v-btn>
-              <v-btn
-                icon="mdi-content-copy"
-                variant="text"
+    <v-card v-if="domain">
+        <v-card-title>
+            <span> DNS </span>
+            <v-btn
                 class="ml-2"
-                :title="$gettext('Copy key to clipboard')"
-                @click="copyPubKey"
-              ></v-btn>
-              <v-btn
-                icon="mdi-refresh"
-                :title="$gettext('Generate a new DKIM key')"
+                icon="mdi-information-outline"
+                :title="$gettext('DNS configuration help')"
                 variant="text"
-                :loading="keyLoading"
-                @click="generateNewKey"
-              ></v-btn>
-            </div>
-            <div v-else>
-              {{ $gettext('Not generated') }}
-              <v-btn
-                icon="mdi-reload"
-                color="primary"
-                variant="text"
-                :loading="keyLoading"
-                @click="retryKeyGeneration"
-              ></v-btn>
-            </div>
-          </div>
-        </div>
-      </template>
-    </v-card-text>
-    <v-dialog v-model="showConfigHelp" max-width="800px" persistent>
-      <DomainDNSConfig :domain="domain" @close="showConfigHelp = false" />
-    </v-dialog>
-    <v-dialog v-model="showDKIMKey" max-width="800px" persistent>
-      <DomainDKIMKey :domain="domain" @close="showDKIMKey = false" />
-    </v-dialog>
-    <ConfirmDialog ref="dialog" />
-  </v-card>
+                density="compact"
+                @click="showConfigHelp = true"
+            ></v-btn>
+        </v-card-title>
+        <v-card-text>
+            <translate class="overline">MX records</translate>
+            <template v-if="domain.dns_global_status == 'pending'">
+                <v-row>
+                    <v-col>
+                        <v-chip color="info" size="small">
+                            {{ $gettext('Pending') }}
+                        </v-chip>
+                    </v-col>
+                </v-row>
+            </template>
+            <template v-else>
+                <v-data-table-virtual
+                    :headers="mxRecordHeaders"
+                    :items="detail.mx_records"
+                >
+                    <template #[`item.updated`]="{ item }">
+                        {{ $date(item.updated) }}
+                    </template>
+                </v-data-table-virtual>
+            </template>
+            <div class="overline">{{ $gettext('Auto configuration') }}</div>
+            <template v-if="domain.dns_global_status == 'pending'">
+                <v-row>
+                    <v-col>
+                        <v-chip color="info" size="small">
+                            {{ $gettext('Pending') }}
+                        </v-chip>
+                    </v-col>
+                </v-row>
+            </template>
+            <template v-else>
+                <v-row>
+                    <v-col>
+                        <v-chip v-if="detail.autoconfig_record" color="success">
+                            {{
+                                $gettext(
+                                    'autoconfig record (Mozilla): %{ value }',
+                                    {
+                                        value: detail.autoconfig_record.value,
+                                    }
+                                )
+                            }}
+                        </v-chip>
+                        <v-chip v-else color="warning">
+                            {{
+                                $gettext(
+                                    'autoconfig record (Mozilla) not found'
+                                )
+                            }}
+                        </v-chip>
+                    </v-col>
+                    <v-col>
+                        <v-chip
+                            v-if="detail.autodiscover_record"
+                            color="success"
+                        >
+                            {{
+                                $gettext(
+                                    'autodiscover record (Microsoft): %{ value }',
+                                    {
+                                        value: detail.autodiscover_record.value,
+                                    }
+                                )
+                            }}
+                        </v-chip>
+                        <v-chip v-else color="warning">
+                            {{
+                                $gettext(
+                                    'autodiscover record (Microsoft) not found'
+                                )
+                            }}
+                        </v-chip>
+                    </v-col>
+                </v-row>
+                <div class="overline">{{ $gettext('Authentication') }}</div>
+                <v-row>
+                    <v-col>
+                        <v-chip v-if="detail.spf_record" color="success">
+                            {{ $gettext('SPF record found') }}
+                        </v-chip>
+                        <v-chip v-else color="error">
+                            {{ $gettext('SPF record not found') }}
+                        </v-chip>
+                    </v-col>
+                    <v-col>
+                        <v-chip v-if="detail.dkim_record" color="success">
+                            {{ $gettext('DKIM record found') }}
+                        </v-chip>
+                        <v-chip v-else color="error">
+                            {{ $gettext('DKIM record not found') }}
+                        </v-chip>
+                    </v-col>
+                    <v-col>
+                        <v-chip v-if="detail.dmarc_record" color="success">
+                            {{ $gettext('DMARC record found') }}
+                        </v-chip>
+                        <v-chip v-else color="error">
+                            {{ $gettext('DMARC record not found') }}
+                        </v-chip>
+                    </v-col>
+                </v-row>
+            </template>
+            <template v-if="domain.enable_dkim">
+                <div class="d-flex align-center flex-nowrap mt-4">
+                    <div class="text-subtitle-2">
+                        {{ $gettext('DKIM key') }}
+                    </div>
+                    <div class="ml-6">
+                        <div
+                            v-if="
+                                domain.dkim_private_key_path &&
+                                domain.dkim_public_key
+                            "
+                        >
+                            <v-btn
+                                color="primary"
+                                size="small"
+                                @click="showDKIMKey = true"
+                            >
+                                {{ $gettext('Show key') }}
+                            </v-btn>
+                            <v-btn
+                                icon="mdi-content-copy"
+                                variant="text"
+                                class="ml-2"
+                                :title="$gettext('Copy key to clipboard')"
+                                @click="copyPubKey"
+                            ></v-btn>
+                            <v-btn
+                                icon="mdi-refresh"
+                                :title="$gettext('Generate a new DKIM key')"
+                                variant="text"
+                                :loading="keyLoading"
+                                @click="generateNewKey"
+                            ></v-btn>
+                        </div>
+                        <div v-else>
+                            {{ $gettext('Not generated') }}
+                            <v-btn
+                                icon="mdi-reload"
+                                color="primary"
+                                variant="text"
+                                :loading="keyLoading"
+                                @click="retryKeyGeneration"
+                            ></v-btn>
+                        </div>
+                    </div>
+                </div>
+            </template>
+        </v-card-text>
+        <v-dialog v-model="showConfigHelp" max-width="800px" persistent>
+            <DomainDNSConfig :domain="domain" @close="showConfigHelp = false" />
+        </v-dialog>
+        <v-dialog v-model="showDKIMKey" max-width="800px" persistent>
+            <DomainDKIMKey :domain="domain" @close="showDKIMKey = false" />
+        </v-dialog>
+        <ConfirmDialog ref="dialog" />
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -159,7 +185,7 @@ const { $gettext } = useGettext()
 const busStore = useBusStore()
 
 const props = defineProps({
-  modelValue: { type: Object, default: null },
+    modelValue: { type: Object, default: null },
 })
 
 const domain = computed(() => props.modelValue)
@@ -167,9 +193,9 @@ const domain = computed(() => props.modelValue)
 const dialog = ref()
 const detail = ref({})
 const mxRecordHeaders = ref([
-  { title: $gettext('Name'), value: 'name' },
-  { title: $gettext('Address'), value: 'address' },
-  { title: $gettext('Updated'), value: 'updated' },
+    { title: $gettext('Name'), value: 'name' },
+    { title: $gettext('Address'), value: 'address' },
+    { title: $gettext('Updated'), value: 'updated' },
 ])
 const keyLoading = ref(false)
 
@@ -177,80 +203,80 @@ const showConfigHelp = ref(false)
 const showDKIMKey = ref(false)
 
 function copyPubKey() {
-  navigator.clipboard.writeText(domain.value.dkim_public_key)
-  busStore.displayNotification({
-    msg: $gettext('DKIM key copied to clipboard'),
-    type: 'success',
-  })
+    navigator.clipboard.writeText(domain.value.dkim_public_key)
+    busStore.displayNotification({
+        msg: $gettext('DKIM key copied to clipboard'),
+        type: 'success',
+    })
 }
 
 function confirmGenNewKey() {
-  const payload = {
-    dkim_private_key_path: '',
-  }
-  domainsApi
-    .patchDomain(domain.value.pk, payload)
-    .then(() => {
-      busStore.displayNotification({
-        msg: $gettext(
-          'A new key will be generated soon. Refresh the page in a moment to see it.'
-        ),
-        type: 'success',
-      })
-      domain.value.dkim_private_key_path = ''
-      keyLoading.value = false
-    })
-    .catch(() => {
-      keyLoading.value = false
-    })
+    const payload = {
+        dkim_private_key_path: '',
+    }
+    domainsApi
+        .patchDomain(domain.value.pk, payload)
+        .then(() => {
+            busStore.displayNotification({
+                msg: $gettext(
+                    'A new key will be generated soon. Refresh the page in a moment to see it.'
+                ),
+                type: 'success',
+            })
+            domain.value.dkim_private_key_path = ''
+            keyLoading.value = false
+        })
+        .catch(() => {
+            keyLoading.value = false
+        })
 }
 
 function cancelDKIMGen() {
-  keyLoading.value = false
+    keyLoading.value = false
 }
 
 async function retryKeyGeneration() {
-  keyLoading.value = true
-  domainsApi.getDomainDNSDetail(domain.value.pk).then(async (resp) => {
-    detail.value = resp.data
-    const result = await dialog.value.open(
-      $gettext('warning'),
-      $gettext(
-        'DKIM key does not seem to be genrated yet or has failed. Do you want to requeue the job?'
-      ),
-      {
-        color: 'warning',
-        cancelLabel: $gettext('No'),
-        agreeLabel: $gettext('Yes'),
-      }
-    )
-    if (result) {
-      confirmGenNewKey()
-    } else {
-      cancelDKIMGen()
-    }
-  })
+    keyLoading.value = true
+    domainsApi.getDomainDNSDetail(domain.value.pk).then(async (resp) => {
+        detail.value = resp.data
+        const result = await dialog.value.open(
+            $gettext('warning'),
+            $gettext(
+                'DKIM key does not seem to be genrated yet or has failed. Do you want to requeue the job?'
+            ),
+            {
+                color: 'warning',
+                cancelLabel: $gettext('No'),
+                agreeLabel: $gettext('Yes'),
+            }
+        )
+        if (result) {
+            confirmGenNewKey()
+        } else {
+            cancelDKIMGen()
+        }
+    })
 }
 
 function generateNewKey() {
-  dialog.value.open(
-    $gettext('Warning'),
-    $gettext(
-      'DKIM keys already exist for this domain. Do you want to overwrite them?'
-    ),
-    {
-      color: 'error',
-      cancelLabel: $gettext('No'),
-      agreeLabel: $gettext('Yes'),
-    }
-  )
+    dialog.value.open(
+        $gettext('Warning'),
+        $gettext(
+            'DKIM keys already exist for this domain. Do you want to overwrite them?'
+        ),
+        {
+            color: 'error',
+            cancelLabel: $gettext('No'),
+            agreeLabel: $gettext('Yes'),
+        }
+    )
 }
 
 watch(domain, (newDomain) => {
-  if (props.modelValue) {
-    domainsApi.getDomainDNSDetail(newDomain.pk).then((resp) => {
-      detail.value = resp.data
-    })
-  }
+    if (props.modelValue) {
+        domainsApi.getDomainDNSDetail(newDomain.pk).then((resp) => {
+            detail.value = resp.data
+        })
+    }
 })
 </script>
diff --git a/frontend/src/components/admin/domains/DNSStatusChip.vue b/frontend/src/components/admin/domains/DNSStatusChip.vue
index ecf6bf681..557f30a27 100644
--- a/frontend/src/components/admin/domains/DNSStatusChip.vue
+++ b/frontend/src/components/admin/domains/DNSStatusChip.vue
@@ -1,7 +1,7 @@
 <template>
-  <v-chip :color="chipType" size="small">
-    {{ label }}
-  </v-chip>
+    <v-chip :color="chipType" size="small">
+        {{ label }}
+    </v-chip>
 </template>
 
 <script setup>
@@ -9,39 +9,39 @@ import { computed } from 'vue'
 import { useGettext } from 'vue3-gettext'
 
 const props = defineProps({
-  status: { type: String, default: 'pending' },
+    status: { type: String, default: 'pending' },
 })
 const { $gettext } = useGettext()
 
 const label = computed(() => {
-  if (props.status === 'disabled') {
-    return $gettext('Disabled')
-  }
-  if (props.status === 'pending') {
-    return $gettext('Pending')
-  }
-  if (props.status === 'critical') {
-    return $gettext('Problem')
-  }
-  if (props.status === 'ok') {
-    return $gettext('Valid')
-  }
-  return $gettext('Unknown')
+    if (props.status === 'disabled') {
+        return $gettext('Disabled')
+    }
+    if (props.status === 'pending') {
+        return $gettext('Pending')
+    }
+    if (props.status === 'critical') {
+        return $gettext('Problem')
+    }
+    if (props.status === 'ok') {
+        return $gettext('Valid')
+    }
+    return $gettext('Unknown')
 })
 
 const chipType = computed(() => {
-  if (props.status === 'disabled') {
-    return ''
-  }
-  if (props.status === 'pending') {
-    return 'info'
-  }
-  if (props.status === 'critical') {
-    return 'error'
-  }
-  if (props.status === 'ok') {
-    return 'success'
-  }
-  return 'warning'
+    if (props.status === 'disabled') {
+        return ''
+    }
+    if (props.status === 'pending') {
+        return 'info'
+    }
+    if (props.status === 'critical') {
+        return 'error'
+    }
+    if (props.status === 'ok') {
+        return 'success'
+    }
+    return 'warning'
 })
 </script>
diff --git a/frontend/src/components/admin/domains/DomainAdminList.vue b/frontend/src/components/admin/domains/DomainAdminList.vue
index 36df096af..aa3e46d08 100644
--- a/frontend/src/components/admin/domains/DomainAdminList.vue
+++ b/frontend/src/components/admin/domains/DomainAdminList.vue
@@ -1,78 +1,82 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <span class="headline">
-        <div v-if="dialogMode" class="headline">
-          {{ $gettext('Administrators of') }} {{ domain.name }}
-        </div>
-        <div v-else class="headline">
-          {{ $gettext('Administrators') }}
-        </div>
-      </span>
-    </v-card-title>
-    <v-card-text>
-      <v-data-table-virtual :headers="adminHeaders" :items="administrators">
-        <template #[`item.username`]="{ item }">
-          <span v-if="item.id">{{ item.username }}</span>
-          <v-autocomplete
-            v-else
-            v-model="selectedAccount"
-            :label="$gettext('Select an account')"
-            :items="accounts"
-            item-title="username"
-            class="mt-5"
-            return-object
-          >
-            <template #append>
-              <v-btn
-                v-if="selectedAccount"
-                variant="text"
-                color="primary"
-                size="x-large"
-                @click="addAdministrator"
-              >
-                <v-icon>mdi-content-save</v-icon>
-              </v-btn>
-            </template>
-          </v-autocomplete>
-        </template>
-        <template #[`item.name`]="{ item }">
-          {{ item.first_name }} {{ item.last_name }}
-        </template>
-        <template #[`item.actions`]="{ item }">
-          <v-btn
-            v-if="item.id"
-            variant="text"
-            color="red"
-            :title="$gettext('Remove this administrator')"
-            size="x-large"
-            @click="removeAdministrator(item)"
-          >
-            <v-icon>mdi-delete-outline</v-icon>
-          </v-btn>
-        </template>
-      </v-data-table-virtual>
-    </v-card-text>
-    <v-card-actions>
-      <v-row>
-        <v-col :align="dialogMode ? 'left' : 'right'">
-          <v-btn
-            v-if="!hideAddBtn"
-            color="primary"
-            variant="outlined"
-            @click="addRow"
-          >
-            <v-icon small>mdi-plus</v-icon> {{ $gettext('Add administrator') }}
-          </v-btn>
-        </v-col>
-        <v-col v-if="dialogMode" align="right">
-          <v-btn color="grey darken-1" variant="text" @click="close">
-            {{ $gettext('Close') }}
-          </v-btn>
-        </v-col>
-      </v-row>
-    </v-card-actions>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <span class="headline">
+                <div v-if="dialogMode" class="headline">
+                    {{ $gettext('Administrators of') }} {{ domain.name }}
+                </div>
+                <div v-else class="headline">
+                    {{ $gettext('Administrators') }}
+                </div>
+            </span>
+        </v-card-title>
+        <v-card-text>
+            <v-data-table-virtual
+                :headers="adminHeaders"
+                :items="administrators"
+            >
+                <template #[`item.username`]="{ item }">
+                    <span v-if="item.id">{{ item.username }}</span>
+                    <v-autocomplete
+                        v-else
+                        v-model="selectedAccount"
+                        :label="$gettext('Select an account')"
+                        :items="accounts"
+                        item-title="username"
+                        class="mt-5"
+                        return-object
+                    >
+                        <template #append>
+                            <v-btn
+                                v-if="selectedAccount"
+                                variant="text"
+                                color="primary"
+                                size="x-large"
+                                @click="addAdministrator"
+                            >
+                                <v-icon>mdi-content-save</v-icon>
+                            </v-btn>
+                        </template>
+                    </v-autocomplete>
+                </template>
+                <template #[`item.name`]="{ item }">
+                    {{ item.first_name }} {{ item.last_name }}
+                </template>
+                <template #[`item.actions`]="{ item }">
+                    <v-btn
+                        v-if="item.id"
+                        variant="text"
+                        color="red"
+                        :title="$gettext('Remove this administrator')"
+                        size="x-large"
+                        @click="removeAdministrator(item)"
+                    >
+                        <v-icon>mdi-delete-outline</v-icon>
+                    </v-btn>
+                </template>
+            </v-data-table-virtual>
+        </v-card-text>
+        <v-card-actions>
+            <v-row>
+                <v-col :align="dialogMode ? 'left' : 'right'">
+                    <v-btn
+                        v-if="!hideAddBtn"
+                        color="primary"
+                        variant="outlined"
+                        @click="addRow"
+                    >
+                        <v-icon small>mdi-plus</v-icon>
+                        {{ $gettext('Add administrator') }}
+                    </v-btn>
+                </v-col>
+                <v-col v-if="dialogMode" align="right">
+                    <v-btn color="grey darken-1" variant="text" @click="close">
+                        {{ $gettext('Close') }}
+                    </v-btn>
+                </v-col>
+            </v-row>
+        </v-card-actions>
+    </v-card>
 </template>
 
 <script setup>
@@ -86,14 +90,14 @@ const busStore = useBusStore()
 const { $gettext } = useGettext()
 
 const props = defineProps({
-  domain: {
-    type: Object,
-    default: () => {},
-  },
-  dialogMode: {
-    type: Boolean,
-    default: false,
-  },
+    domain: {
+        type: Object,
+        default: () => {},
+    },
+    dialogMode: {
+        type: Boolean,
+        default: false,
+    },
 })
 
 const emit = defineEmits(['close'])
@@ -102,62 +106,65 @@ const accounts = ref([])
 const administrators = ref([])
 
 const adminHeaders = ref([
-  { title: $gettext('Username'), value: 'username' },
-  { title: $gettext('Name'), value: 'name' },
-  { title: '', value: 'actions', align: 'end', sortable: false },
+    { title: $gettext('Username'), value: 'username' },
+    { title: $gettext('Name'), value: 'name' },
+    { title: '', value: 'actions', align: 'end', sortable: false },
 ])
 
 const hideAddBtn = ref(false)
 const selectedAccount = ref(null)
 
 function addRow() {
-  administrators.value.push({})
-  hideAddBtn.value = true
+    administrators.value.push({})
+    hideAddBtn.value = true
 }
 
 function close() {
-  hideAddBtn.value = false
-  emit('close')
+    hideAddBtn.value = false
+    emit('close')
 }
 function fetchAdministrators(domain) {
-  domainApi.getDomainAdministrators(domain.pk).then((resp) => {
-    administrators.value = resp.data
-  })
-}
-
-function fetchAccounts() {
-  accountApi.getAll({ role: 'DomainAdmins' }).then((resp) => {
-    accounts.value = resp.data.filter(
-      (account) =>
-        administrators.value.find((admin) => admin.id === account.pk) ===
-        undefined
-    )
-  })
-}
-function addAdministrator() {
-  domainApi
-    .addDomainAdministrator(props.domain.pk, selectedAccount.value.pk)
-    .then(() => {
-      fetchAdministrators(props.domain)
-      accounts.value = accounts.value.filter(
-        (account) => account.pk !== selectedAccount.value.pk
-      )
-      selectedAccount.value = null
-      hideAddBtn.value = false
-      busStore.displayNotification({ msg: $gettext('Administrator added') })
+    domainApi.getDomainAdministrators(domain.pk).then((resp) => {
+        administrators.value = resp.data
     })
 }
 
+function fetchAccounts() {
+    accountApi.getAll({ role: 'DomainAdmins' }).then((resp) => {
+        accounts.value = resp.data.filter(
+            (account) =>
+                administrators.value.find(
+                    (admin) => admin.id === account.pk
+                ) === undefined
+        )
+    })
+}
+function addAdministrator() {
+    domainApi
+        .addDomainAdministrator(props.domain.pk, selectedAccount.value.pk)
+        .then(() => {
+            fetchAdministrators(props.domain)
+            accounts.value = accounts.value.filter(
+                (account) => account.pk !== selectedAccount.value.pk
+            )
+            selectedAccount.value = null
+            hideAddBtn.value = false
+            busStore.displayNotification({
+                msg: $gettext('Administrator added'),
+            })
+        })
+}
+
 function removeAdministrator(admin) {
-  domainApi.removeDomainAdministrator(props.domain.pk, admin.id).then(() => {
-    fetchAdministrators(props.domain)
-    fetchAccounts()
-    busStore.displayNotification({ msg: $gettext('Administrator removed') })
-  })
+    domainApi.removeDomainAdministrator(props.domain.pk, admin.id).then(() => {
+        fetchAdministrators(props.domain)
+        fetchAccounts()
+        busStore.displayNotification({ msg: $gettext('Administrator removed') })
+    })
 }
 
 onMounted(() => {
-  fetchAdministrators(props.domain)
-  fetchAccounts()
+    fetchAdministrators(props.domain)
+    fetchAccounts()
 })
 </script>
diff --git a/frontend/src/components/admin/domains/DomainAliasForm.vue b/frontend/src/components/admin/domains/DomainAliasForm.vue
index 11ed03796..64717bdb3 100644
--- a/frontend/src/components/admin/domains/DomainAliasForm.vue
+++ b/frontend/src/components/admin/domains/DomainAliasForm.vue
@@ -1,48 +1,52 @@
 <template>
-  <v-card>
-    <v-form ref="vFormRef" @submit.prevent="submit">
-      <v-card-title>
-        <span class="headline">{{ title }}</span>
-      </v-card-title>
-      <v-card-text>
-        <label class="m-label">{{ $gettext('Name') }}</label>
-        <v-text-field
-          v-model="form.name"
-          dense
-          variant="outlined"
-          :rules="[rules.required]"
-        />
-        <label class="m-label">{{ $gettext('Choose a domain') }}</label>
-        <v-select
-          v-model="form.target"
-          :items="Object.values(domainsStore.domains)"
-          item-title="name"
-          item-value="pk"
-          :rules="[rules.required]"
-          single-line
-          dense
-          variant="outlined"
-        />
-        <v-switch v-model="form.enabled" label="Enabled" color="primary" />
-      </v-card-text>
-      <v-card-actions>
-        <v-spacer></v-spacer>
-        <v-btn @click="emit('close')">
-          {{ $gettext('Close') }}
-        </v-btn>
-        <v-btn
-          v-if="domainAlias && domainAlias.pk"
-          color="error"
-          @click="deleteAlias"
-        >
-          {{ $gettext('Delete') }}
-        </v-btn>
-        <v-btn color="primary" type="submit">
-          {{ submitLabel }}
-        </v-btn>
-      </v-card-actions>
-    </v-form>
-  </v-card>
+    <v-card>
+        <v-form ref="vFormRef" @submit.prevent="submit">
+            <v-card-title>
+                <span class="headline">{{ title }}</span>
+            </v-card-title>
+            <v-card-text>
+                <label class="m-label">{{ $gettext('Name') }}</label>
+                <v-text-field
+                    v-model="form.name"
+                    dense
+                    variant="outlined"
+                    :rules="[rules.required]"
+                />
+                <label class="m-label">{{ $gettext('Choose a domain') }}</label>
+                <v-select
+                    v-model="form.target"
+                    :items="Object.values(domainsStore.domains)"
+                    item-title="name"
+                    item-value="pk"
+                    :rules="[rules.required]"
+                    single-line
+                    dense
+                    variant="outlined"
+                />
+                <v-switch
+                    v-model="form.enabled"
+                    label="Enabled"
+                    color="primary"
+                />
+            </v-card-text>
+            <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn @click="emit('close')">
+                    {{ $gettext('Close') }}
+                </v-btn>
+                <v-btn
+                    v-if="domainAlias && domainAlias.pk"
+                    color="error"
+                    @click="deleteAlias"
+                >
+                    {{ $gettext('Delete') }}
+                </v-btn>
+                <v-btn color="primary" type="submit">
+                    {{ submitLabel }}
+                </v-btn>
+            </v-card-actions>
+        </v-form>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -57,7 +61,7 @@ const domainsStore = useDomainsStore()
 const emit = defineEmits(['close'])
 
 const props = defineProps({
-  domainAlias: { type: Object, default: () => null },
+    domainAlias: { type: Object, default: () => null },
 })
 
 const form = ref({ enabled: true })
@@ -65,44 +69,44 @@ const form = ref({ enabled: true })
 const vFormRef = ref()
 
 const submitLabel = computed(() => {
-  return props.domainAlias ? $gettext('Update') : $gettext('Add')
+    return props.domainAlias ? $gettext('Update') : $gettext('Add')
 })
 
 const title = computed(() =>
-  props.domainAlias
-    ? $gettext('Edit domain alias')
-    : $gettext('Add a new domain alias')
+    props.domainAlias
+        ? $gettext('Edit domain alias')
+        : $gettext('Add a new domain alias')
 )
 
 function deleteAlias() {
-  domainsStore.deleteAlias(props.domainAlias).then(() => emit('close'))
+    domainsStore.deleteAlias(props.domainAlias).then(() => emit('close'))
 }
 
 async function submit() {
-  const { valid } = await vFormRef.value.validate()
-  if (!valid) {
-    return
-  }
-  try {
-    if (!form.value.pk) {
-      // Create
-      domainsStore.createAlias(form.value).then(() => {
-        emit('close')
-      })
-    } else {
-      // Update
-      const data = JSON.parse(JSON.stringify(form.value))
-      domainsStore.updateAlias(data).then(() => emit('close'))
+    const { valid } = await vFormRef.value.validate()
+    if (!valid) {
+        return
+    }
+    try {
+        if (!form.value.pk) {
+            // Create
+            domainsStore.createAlias(form.value).then(() => {
+                emit('close')
+            })
+        } else {
+            // Update
+            const data = JSON.parse(JSON.stringify(form.value))
+            domainsStore.updateAlias(data).then(() => emit('close'))
+        }
+    } catch (error) {
+        //TODO
+        console.error(error)
     }
-  } catch (error) {
-    //TODO
-    console.error(error)
-  }
 }
 
 onMounted(() => {
-  if (props.domainAlias) {
-    form.value = JSON.parse(JSON.stringify(props.domainAlias))
-  }
+    if (props.domainAlias) {
+        form.value = JSON.parse(JSON.stringify(props.domainAlias))
+    }
 })
 </script>
diff --git a/frontend/src/components/admin/domains/DomainCreationForm.vue b/frontend/src/components/admin/domains/DomainCreationForm.vue
index 9a9a15430..96629fceb 100644
--- a/frontend/src/components/admin/domains/DomainCreationForm.vue
+++ b/frontend/src/components/admin/domains/DomainCreationForm.vue
@@ -1,71 +1,77 @@
 <template>
-  <CreationForm
-    ref="form"
-    :title="$gettext('New domain')"
-    :steps="steps"
-    :form-getter="getForm"
-    :get-v-form-ref="getVFormRef"
-    :validate-object="validateDomain"
-    :summary-sections="summarySections"
-    @close="close"
-    @create="submit"
-  >
-    <template #[`form.general`]>
-      <DomainGeneralForm ref="general" v-model="domain" class="ml-4" />
-    </template>
+    <CreationForm
+        ref="form"
+        :title="$gettext('New domain')"
+        :steps="steps"
+        :form-getter="getForm"
+        :get-v-form-ref="getVFormRef"
+        :validate-object="validateDomain"
+        :summary-sections="summarySections"
+        @close="close"
+        @create="submit"
+    >
+        <template #[`form.general`]>
+            <DomainGeneralForm ref="general" v-model="domain" class="ml-4" />
+        </template>
 
-    <template #[`form.dns`]>
-      <DomainDNSForm ref="dns" v-model="domain" class="ml-4" />
-    </template>
-    <template #[`form.limitations`]>
-      <DomainLimitationsForm ref="limitations" v-model="domain" class="ml-4" />
-    </template>
-    <template #[`form.options`]>
-      <DomainOptionsForm
-        ref="options"
-        v-model="domain"
-        class="ml-4"
-        @create-admin="updateCreateAdmin"
-      />
-    </template>
-    <template #[`form.transport`]>
-      <DomainTransportForm
-        ref="transport"
-        v-model="domain.transport"
-        class="ml-4"
-      />
-    </template>
-    <template #[`item.random_password`]="{ item }">
-      <template v-if="item.value">
-        <v-col cols="12" class="highligth text-white">
-          <v-row>
-            <v-col
-              ><span>{{ item.key }}</span></v-col
-            >
-            <v-col class="text-right">{{ $yesno(item.value) }}</v-col>
-          </v-row>
-          <v-row>
-            <v-col class="text-right py-1">
-              {{ domain.domain_admin.password }}
-              <v-btn
-                icon="mdi-clipboard-multiple-outline"
-                color="white"
-                variant="text"
-                :title="$gettext('Copy to clipboard')"
-                @click="copyPassword"
-              ></v-btn>
-            </v-col>
-          </v-row>
-        </v-col>
-      </template>
-      <template v-else>
-        <v-col
-          ><span class="text-grey">{{ item.key }}</span></v-col
-        >
-        <v-col class="text-right">{{ $yesno(item.value) }}</v-col>
-      </template>
-    </template>
-  </CreationForm>
+        <template #[`form.dns`]>
+            <DomainDNSForm ref="dns" v-model="domain" class="ml-4" />
+        </template>
+        <template #[`form.limitations`]>
+            <DomainLimitationsForm
+                ref="limitations"
+                v-model="domain"
+                class="ml-4"
+            />
+        </template>
+        <template #[`form.options`]>
+            <DomainOptionsForm
+                ref="options"
+                v-model="domain"
+                class="ml-4"
+                @create-admin="updateCreateAdmin"
+            />
+        </template>
+        <template #[`form.transport`]>
+            <DomainTransportForm
+                ref="transport"
+                v-model="domain.transport"
+                class="ml-4"
+            />
+        </template>
+        <template #[`item.random_password`]="{ item }">
+            <template v-if="item.value">
+                <v-col cols="12" class="highligth text-white">
+                    <v-row>
+                        <v-col
+                            ><span>{{ item.key }}</span></v-col
+                        >
+                        <v-col class="text-right">{{
+                            $yesno(item.value)
+                        }}</v-col>
+                    </v-row>
+                    <v-row>
+                        <v-col class="text-right py-1">
+                            {{ domain.domain_admin.password }}
+                            <v-btn
+                                icon="mdi-clipboard-multiple-outline"
+                                color="white"
+                                variant="text"
+                                :title="$gettext('Copy to clipboard')"
+                                @click="copyPassword"
+                            ></v-btn>
+                        </v-col>
+                    </v-row>
+                </v-col>
+            </template>
+            <template v-else>
+                <v-col
+                    ><span class="text-grey">{{ item.key }}</span></v-col
+                >
+                <v-col class="text-right">{{ $yesno(item.value) }}</v-col>
+            </template>
+        </template>
+    </CreationForm>
 </template>
 
 <script setup lang="js">
@@ -89,35 +95,35 @@ const router = useRouter()
 const emit = defineEmits(['close'])
 
 const defaultDomain = {
-  name: '',
-  type: 'domain',
-  enabled: true,
-  enable_dns_checks: true,
-  enable_dkim: false,
-  dkim_key_selector: 'modoboa',
-  quota: 0,
-  default_mailbox_quota: 0,
-  domain_admin: {
-    username: 'admin',
-    random_password: false,
-    with_mailbox: false,
-    with_aliases: false,
-  },
-  transport: { settings: {} },
+    name: '',
+    type: 'domain',
+    enabled: true,
+    enable_dns_checks: true,
+    enable_dkim: false,
+    dkim_key_selector: 'modoboa',
+    quota: 0,
+    default_mailbox_quota: 0,
+    domain_admin: {
+        username: 'admin',
+        random_password: false,
+        with_mailbox: false,
+        with_aliases: false,
+    },
+    transport: { settings: {} },
 }
 
 const domain = ref(defaultDomain)
 
 onMounted(() => {
-  //TODO : Store this in Pinia
-  ParametersApi.getApplication('admin').then((resp) => {
-    const params = resp.data.params
-    domain.value.quota = params.default_domain_quota
-    domain.value.default_mailbox_quota = params.default_mailbox_quota
-    if (params.default_domain_message_limit !== null) {
-      domain.value.message_limit = params.default_domain_message_limit
-    }
-  })
+    //TODO : Store this in Pinia
+    ParametersApi.getApplication('admin').then((resp) => {
+        const params = resp.data.params
+        domain.value.quota = params.default_domain_quota
+        domain.value.default_mailbox_quota = params.default_mailbox_quota
+        if (params.default_domain_message_limit !== null) {
+            domain.value.message_limit = params.default_domain_message_limit
+        }
+    })
 })
 
 const createAdmin = ref(false)
@@ -131,193 +137,197 @@ const transport = ref()
 
 // Object to reference
 const formStepsComponents = {
-  general: general,
-  dns: dns,
-  limitations: limitations,
-  options: options,
-  transport: transport,
+    general: general,
+    dns: dns,
+    limitations: limitations,
+    options: options,
+    transport: transport,
 }
 
 const domainSteps = [
-  { name: 'general', title: $gettext('General') },
-  { name: 'dns', title: $gettext('DNS') },
-  { name: 'limitations', title: $gettext('Limitations') },
-  { name: 'options', title: $gettext('Options') },
+    { name: 'general', title: $gettext('General') },
+    { name: 'dns', title: $gettext('DNS') },
+    { name: 'limitations', title: $gettext('Limitations') },
+    { name: 'options', title: $gettext('Options') },
 ]
 const relaySteps = [
-  { name: 'general', title: $gettext('General') },
-  { name: 'dns', title: $gettext('DNS') },
-  { name: 'limitations', title: $gettext('Limitations') },
-  { name: 'transport', title: $gettext('Transport') },
+    { name: 'general', title: $gettext('General') },
+    { name: 'dns', title: $gettext('DNS') },
+    { name: 'limitations', title: $gettext('Limitations') },
+    { name: 'transport', title: $gettext('Transport') },
 ]
 
 const steps = computed(() => {
-  return domain.value.type === 'domain' ? domainSteps : relaySteps
+    return domain.value.type === 'domain' ? domainSteps : relaySteps
 })
 
 const summarySections = computed(() => {
-  const result = [
-    {
-      title: $gettext('General'),
-      items: [
-        { key: $gettext('Name'), value: domain.value.name },
-        { key: $gettext('Type'), value: domain.value.type },
+    const result = [
         {
-          key: $gettext('Enabled'),
-          value: domain.value.enabled,
-          type: 'yesno',
-        },
-      ],
-    },
-    {
-      title: $gettext('DNS'),
-      items: [
-        {
-          key: $gettext('Enable DNS checks'),
-          value: domain.value.enable_dns_checks,
-          type: 'yesno',
+            title: $gettext('General'),
+            items: [
+                { key: $gettext('Name'), value: domain.value.name },
+                { key: $gettext('Type'), value: domain.value.type },
+                {
+                    key: $gettext('Enabled'),
+                    value: domain.value.enabled,
+                    type: 'yesno',
+                },
+            ],
         },
         {
-          key: $gettext('Enable DKIM signing'),
-          value: domain.value.enable_dkim,
-          type: 'yesno',
-        },
-      ],
-    },
-    {
-      title: $gettext('Limitations'),
-      items: [
-        { key: $gettext('Quota'), value: domain.value.quota },
-        {
-          key: $gettext('Default mailbox quota'),
-          value: domain.value.default_mailbox_quota,
+            title: $gettext('DNS'),
+            items: [
+                {
+                    key: $gettext('Enable DNS checks'),
+                    value: domain.value.enable_dns_checks,
+                    type: 'yesno',
+                },
+                {
+                    key: $gettext('Enable DKIM signing'),
+                    value: domain.value.enable_dkim,
+                    type: 'yesno',
+                },
+            ],
         },
         {
-          key: $gettext('Message sending limit'),
-          value: domain.value.message_limit,
+            title: $gettext('Limitations'),
+            items: [
+                { key: $gettext('Quota'), value: domain.value.quota },
+                {
+                    key: $gettext('Default mailbox quota'),
+                    value: domain.value.default_mailbox_quota,
+                },
+                {
+                    key: $gettext('Message sending limit'),
+                    value: domain.value.message_limit,
+                },
+            ],
         },
-      ],
-    },
-  ]
-  if (domain.value.enable_dkim) {
-    result[1].items.push({
-      key: $gettext('DKIM key selector'),
-      value: domain.value.dkim_key_selector,
-    })
-    result[1].items.push({
-      key: $gettext('DKIM key length'),
-      value: domain.value.dkim_key_length,
-    })
-  }
-  if (domain.value.type === 'relaydomain' && domain.value.transport.service) {
-    const relayEntry = {
-      title: $gettext('Transport'),
-      items: [
-        { key: $gettext('Service'), value: domain.value.transport.service },
-      ],
+    ]
+    if (domain.value.enable_dkim) {
+        result[1].items.push({
+            key: $gettext('DKIM key selector'),
+            value: domain.value.dkim_key_selector,
+        })
+        result[1].items.push({
+            key: $gettext('DKIM key length'),
+            value: domain.value.dkim_key_length,
+        })
     }
-    for (const setting of transport.value.service.settings) {
-      const item = {
-        key: setting.label,
-        value:
-          domain.value.transport.settings[
-            `${domain.value.transport.service}_${setting.name}`
-          ],
-      }
-      if (setting.type === 'boolean') {
-        item.type = 'yesno'
-      }
-      relayEntry.items.push(item)
-    }
-    result.push(relayEntry)
-  } else if (domain.value.type === 'domain') {
-    const options = {
-      title: $gettext('Options'),
-      items: [
-        {
-          key: $gettext('Create a domain administrator'),
-          value: createAdmin.value,
-          type: 'yesno',
-        },
-      ],
-    }
-    if (createAdmin.value) {
-      options.items.push(
-        {
-          key: $gettext('Administrator name'),
-          value: domain.value.domain_admin.username,
-        },
-        {
-          name: 'random_password',
-          key: $gettext('Random password'),
-          value: domain.value.domain_admin.random_password,
-          type: 'yesno',
-        },
-        {
-          key: $gettext('With mailbox'),
-          value: domain.value.domain_admin.with_mailbox,
-          type: 'yesno',
-        },
-        {
-          key: $gettext('Create aliases'),
-          value: domain.value.domain_admin.with_aliases,
-          type: 'yesno',
+    if (domain.value.type === 'relaydomain' && domain.value.transport.service) {
+        const relayEntry = {
+            title: $gettext('Transport'),
+            items: [
+                {
+                    key: $gettext('Service'),
+                    value: domain.value.transport.service,
+                },
+            ],
         }
-      )
+        for (const setting of transport.value.service.settings) {
+            const item = {
+                key: setting.label,
+                value: domain.value.transport.settings[
+                    `${domain.value.transport.service}_${setting.name}`
+                ],
+            }
+            if (setting.type === 'boolean') {
+                item.type = 'yesno'
+            }
+            relayEntry.items.push(item)
+        }
+        result.push(relayEntry)
+    } else if (domain.value.type === 'domain') {
+        const options = {
+            title: $gettext('Options'),
+            items: [
+                {
+                    key: $gettext('Create a domain administrator'),
+                    value: createAdmin.value,
+                    type: 'yesno',
+                },
+            ],
+        }
+        if (createAdmin.value) {
+            options.items.push(
+                {
+                    key: $gettext('Administrator name'),
+                    value: domain.value.domain_admin.username,
+                },
+                {
+                    name: 'random_password',
+                    key: $gettext('Random password'),
+                    value: domain.value.domain_admin.random_password,
+                    type: 'yesno',
+                },
+                {
+                    key: $gettext('With mailbox'),
+                    value: domain.value.domain_admin.with_mailbox,
+                    type: 'yesno',
+                },
+                {
+                    key: $gettext('Create aliases'),
+                    value: domain.value.domain_admin.with_aliases,
+                    type: 'yesno',
+                }
+            )
+        }
+        result.push(options)
     }
-    result.push(options)
-  }
-  return result
+    return result
 })
 
 function close() {
-  emit('close')
+    emit('close')
 }
 
 function copyPassword() {
-  navigator.clipboard.writeText(domain.value.domain_admin.password).then(() => {
-    busStore.displayNotification({
-      msg: $gettext('Password copied to clipboard'),
-    })
-  })
+    navigator.clipboard
+        .writeText(domain.value.domain_admin.password)
+        .then(() => {
+            busStore.displayNotification({
+                msg: $gettext('Password copied to clipboard'),
+            })
+        })
 }
 
 function getForm(step) {
-  return formStepsComponents.value[step.name]
+    return formStepsComponents.value[step.name]
 }
 function getVFormRef(step) {
-  return formStepsComponents[step.name].value.vFormRef
+    return formStepsComponents[step.name].value.vFormRef
 }
 
 async function validateDomain() {}
 
 function updateCreateAdmin(value) {
-  createAdmin.value = value
+    createAdmin.value = value
 }
 
 function submit() {
-  const data = JSON.parse(JSON.stringify(domain.value))
-  if (!createAdmin.value) {
-    delete data.domain_admin
-  }
-  if (data.message_limit === '') {
-    delete data.message_limit
-  }
-  if (data.type === 'relaydomain') {
-    transport.value.checkSettingTypes(data)
-  } else {
-    delete data.transport
-  }
-  domainsStore.createDomain(data).then((resp) => {
-    router.push({ name: 'DomainDetail', params: { id: resp.data.pk } })
-    busStore.displayNotification({ msg: $gettext('Domain created') })
-    close()
-  })
+    const data = JSON.parse(JSON.stringify(domain.value))
+    if (!createAdmin.value) {
+        delete data.domain_admin
+    }
+    if (data.message_limit === '') {
+        delete data.message_limit
+    }
+    if (data.type === 'relaydomain') {
+        transport.value.checkSettingTypes(data)
+    } else {
+        delete data.transport
+    }
+    domainsStore.createDomain(data).then((resp) => {
+        router.push({ name: 'DomainDetail', params: { id: resp.data.pk } })
+        busStore.displayNotification({ msg: $gettext('Domain created') })
+        close()
+    })
 }
 </script>
 
 <style lang="scss">
 .highligth {
-  background-color: #515d78;
+    background-color: #515d78;
 }
 </style>
diff --git a/frontend/src/components/admin/domains/DomainDKIMKey.vue b/frontend/src/components/admin/domains/DomainDKIMKey.vue
index 82ab4b380..719903fb6 100644
--- a/frontend/src/components/admin/domains/DomainDKIMKey.vue
+++ b/frontend/src/components/admin/domains/DomainDKIMKey.vue
@@ -1,43 +1,45 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <span class="headline">
-        {{ $gettext('DKIM public key for') }} {{ domain.name }}
-      </span>
-    </v-card-title>
-    <v-card-text>
-      <p>{{ $gettext('Raw format. Click to copy') }}</p>
-      <v-alert
-        border="start"
-        colored-border
-        border-color="primary lighten-3"
-        elevation="2"
-        dense
-      >
-        <button class="dkimbutton" @click="copyPubDKIM()">
-          <pre id="dkimpub" class="dkim">{{ domain.dkim_public_key }}</pre>
-        </button>
-      </v-alert>
-    </v-card-text>
-    <v-card-text>
-      <p>{{ $gettext('Bind/named format. Click to copy') }}</p>
-      <v-alert
-        border="start"
-        colored-border
-        border-color="primary lighten-3"
-        elevation="2"
-        dense
-      >
-        <DKIMKeyViewer :domain="domain" />
-      </v-alert>
-    </v-card-text>
-    <v-card-actions>
-      <v-spacer></v-spacer>
-      <v-btn @click="emit('close')">
-        {{ $gettext('Close') }}
-      </v-btn>
-    </v-card-actions>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <span class="headline">
+                {{ $gettext('DKIM public key for') }} {{ domain.name }}
+            </span>
+        </v-card-title>
+        <v-card-text>
+            <p>{{ $gettext('Raw format. Click to copy') }}</p>
+            <v-alert
+                border="start"
+                colored-border
+                border-color="primary lighten-3"
+                elevation="2"
+                dense
+            >
+                <button class="dkimbutton" @click="copyPubDKIM()">
+                    <pre id="dkimpub" class="dkim">{{
+                        domain.dkim_public_key
+                    }}</pre>
+                </button>
+            </v-alert>
+        </v-card-text>
+        <v-card-text>
+            <p>{{ $gettext('Bind/named format. Click to copy') }}</p>
+            <v-alert
+                border="start"
+                colored-border
+                border-color="primary lighten-3"
+                elevation="2"
+                dense
+            >
+                <DKIMKeyViewer :domain="domain" />
+            </v-alert>
+        </v-card-text>
+        <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn @click="emit('close')">
+                {{ $gettext('Close') }}
+            </v-btn>
+        </v-card-actions>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -47,29 +49,31 @@ import DKIMKeyViewer from './DKIMKeyViewer.vue'
 const { $gettext } = useGettext()
 
 defineProps({
-  domain: { type: Object, default: null },
+    domain: { type: Object, default: null },
 })
 const emit = defineEmits(['close'])
 
 function copyPubDKIM() {
-  navigator.clipboard.writeText(document.getElementById('dkimpub').textContent)
+    navigator.clipboard.writeText(
+        document.getElementById('dkimpub').textContent
+    )
 }
 </script>
 
 <style>
 .dkimbutton {
-  border-radius: 10px;
+    border-radius: 10px;
 }
 .dkimbutton:hover {
-  background-color: rgba(131, 131, 250, 0.283);
-  transition: all 0.8s;
+    background-color: rgba(131, 131, 250, 0.283);
+    transition: all 0.8s;
 }
 .dkimbutton:active {
-  background-color: rgba(60, 255, 60, 0.136);
-  transition: all 0.2s;
+    background-color: rgba(60, 255, 60, 0.136);
+    transition: all 0.2s;
 }
 .dkim {
-  white-space: normal;
-  word-break: break-all;
+    white-space: normal;
+    word-break: break-all;
 }
 </style>
diff --git a/frontend/src/components/admin/domains/DomainDNSConfig.vue b/frontend/src/components/admin/domains/DomainDNSConfig.vue
index 0756bf74b..ef792ee68 100644
--- a/frontend/src/components/admin/domains/DomainDNSConfig.vue
+++ b/frontend/src/components/admin/domains/DomainDNSConfig.vue
@@ -1,86 +1,88 @@
 <template>
-  <v-card>
-    <v-card-title class="text-h5">
-      <span> {{ $gettext('DNS configuration for ') }} {{ domain.name }} </span>
-    </v-card-title>
-    <v-card-text>
-      <p class="text-subtitle-1 text-grey-darken-2 mb-4">
-        {{
-          $gettext(
-            'Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.'
-          )
-        }}
-      </p>
-      <v-alert
-        class="mb-4"
-        border="start"
-        border-color="primary lighten-3"
-        elevation="2"
-        color="white"
-      >
-        <div class="text-h6">MX</div>
-        <pre>
+    <v-card>
+        <v-card-title class="text-h5">
+            <span>
+                {{ $gettext('DNS configuration for ') }} {{ domain.name }}
+            </span>
+        </v-card-title>
+        <v-card-text>
+            <p class="text-subtitle-1 text-grey-darken-2 mb-4">
+                {{
+                    $gettext(
+                        'Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.'
+                    )
+                }}
+            </p>
+            <v-alert
+                class="mb-4"
+                border="start"
+                border-color="primary lighten-3"
+                elevation="2"
+                color="white"
+            >
+                <div class="text-h6">MX</div>
+                <pre>
 mail.{{ domain.name }}. IN A <strong>[{{$gettext('IP address of your Modoboa server')}}]</strong>
 @ IN MX 10 mail.{{ domain.name }}.</pre>
-      </v-alert>
-      <v-alert
-        class="mb-4"
-        border="start"
-        border-color="primary lighten-3"
-        elevation="2"
-        dense
-        color="white"
-      >
-        <div class="text-h6">SPF</div>
-        <pre>@ IN TXT "v=spf1 mx ~all"</pre>
-      </v-alert>
+            </v-alert>
+            <v-alert
+                class="mb-4"
+                border="start"
+                border-color="primary lighten-3"
+                elevation="2"
+                dense
+                color="white"
+            >
+                <div class="text-h6">SPF</div>
+                <pre>@ IN TXT "v=spf1 mx ~all"</pre>
+            </v-alert>
 
-      <v-alert
-        v-if="domain.enable_dkim && domain.dkim_public_key"
-        class="mb-4"
-        border="start"
-        border-color="primary lighten-3"
-        elevation="2"
-        dense
-        color="white"
-      >
-        <div class="text-h6">DKIM</div>
-        <DKIMKeyViewer :domain="domain" />
-      </v-alert>
-      <v-alert
-        class="mb-4"
-        border="start"
-        border-color="primary lighten-3"
-        elevation="2"
-        dense
-        color="white"
-      >
-        <div class="text-h6">DMARC</div>
-        <pre>
+            <v-alert
+                v-if="domain.enable_dkim && domain.dkim_public_key"
+                class="mb-4"
+                border="start"
+                border-color="primary lighten-3"
+                elevation="2"
+                dense
+                color="white"
+            >
+                <div class="text-h6">DKIM</div>
+                <DKIMKeyViewer :domain="domain" />
+            </v-alert>
+            <v-alert
+                class="mb-4"
+                border="start"
+                border-color="primary lighten-3"
+                elevation="2"
+                dense
+                color="white"
+            >
+                <div class="text-h6">DMARC</div>
+                <pre>
 _dmarc.{{ domain.name }}. IN TXT "v=DMARC1; p=quarantine; pct=100;"</pre
-        >
-      </v-alert>
-      <v-alert
-        class="mb-4"
-        border="start"
-        border-color="primary lighten-3"
-        elevation="2"
-        dense
-        color="white"
-      >
-        <div class="text-h6">{{ $gettext('Auto configuration') }}</div>
-        <pre>
+                >
+            </v-alert>
+            <v-alert
+                class="mb-4"
+                border="start"
+                border-color="primary lighten-3"
+                elevation="2"
+                dense
+                color="white"
+            >
+                <div class="text-h6">{{ $gettext('Auto configuration') }}</div>
+                <pre>
 autoconfig.{{ domain.name }}. IN CNAME <strong>[{{$gettext('hostname of your automx server')}}]</strong>
 autodiscover.{{ domain.name }}. IN CNAME <strong>[{{$gettext('hostname of your automx server')}}]</strong></pre>
-      </v-alert>
-    </v-card-text>
-    <v-card-actions>
-      <v-spacer></v-spacer>
-      <v-btn @click="emit('close')">
-        {{ $gettext('Close') }}
-      </v-btn>
-    </v-card-actions>
-  </v-card>
+            </v-alert>
+        </v-card-text>
+        <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn @click="emit('close')">
+                {{ $gettext('Close') }}
+            </v-btn>
+        </v-card-actions>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -88,12 +90,12 @@ import DKIMKeyViewer from './DKIMKeyViewer.vue'
 
 const emit = defineEmits(['close'])
 defineProps({
-  domain: { type: Object, default: null },
+    domain: { type: Object, default: null },
 })
 </script>
 
 <style scoped>
 pre {
-  overflow-x: scroll;
+    overflow-x: scroll;
 }
 </style>
diff --git a/frontend/src/components/admin/domains/DomainEditForm.vue b/frontend/src/components/admin/domains/DomainEditForm.vue
index 610a57898..c1096e7e4 100644
--- a/frontend/src/components/admin/domains/DomainEditForm.vue
+++ b/frontend/src/components/admin/domains/DomainEditForm.vue
@@ -1,169 +1,195 @@
 <template>
-  <LoadingData v-if="!domainsStore.domainsLoaded || working" />
-  <div v-else>
-    <v-expansion-panels v-model="panel" :multiple="formErrors">
-      <v-expansion-panel eager value="generalForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('General') }}
-            </v-col>
-            <v-col cols="8" class="text-medium-emphasis">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <v-col cols="6">
-                    {{ $gettext('Name: ') }} {{ editedDomain.name }}
-                  </v-col>
-                  <v-col cols="6">
-                    {{ $gettext('Type: ') }} {{ editedDomain.type }}
-                  </v-col>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <DomainGeneralForm ref="generalForm" v-model="editedDomain" />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel eager value="dnsForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('DNS') }}
-            </v-col>
-            <v-col cols="8" class="text-medium-emphasis">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <v-col cols="6">
-                    {{ $gettext('DNS checks') }}
-                    <v-icon
-                      v-if="editedDomain.enable_dns_checks"
-                      color="success"
-                      icon="mdi-check-circle-outline"
+    <LoadingData v-if="!domainsStore.domainsLoaded || working" />
+    <div v-else>
+        <v-expansion-panels v-model="panel" :multiple="formErrors">
+            <v-expansion-panel eager value="generalForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('General') }}
+                        </v-col>
+                        <v-col cols="8" class="text-medium-emphasis">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <v-col cols="6">
+                                        {{ $gettext('Name: ') }}
+                                        {{ editedDomain.name }}
+                                    </v-col>
+                                    <v-col cols="6">
+                                        {{ $gettext('Type: ') }}
+                                        {{ editedDomain.type }}
+                                    </v-col>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <DomainGeneralForm
+                        ref="generalForm"
+                        v-model="editedDomain"
                     />
-                    <v-icon v-else icon="mdi-check-circle-outline" />
-                  </v-col>
-                  <v-col cols="6">
-                    {{ $gettext('DKIM signing') }}
-                    <v-icon
-                      v-if="editedDomain.enable_dkim"
-                      color="success"
-                      icon="mdi-check-circle-outline"
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel eager value="dnsForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('DNS') }}
+                        </v-col>
+                        <v-col cols="8" class="text-medium-emphasis">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <v-col cols="6">
+                                        {{ $gettext('DNS checks') }}
+                                        <v-icon
+                                            v-if="
+                                                editedDomain.enable_dns_checks
+                                            "
+                                            color="success"
+                                            icon="mdi-check-circle-outline"
+                                        />
+                                        <v-icon
+                                            v-else
+                                            icon="mdi-check-circle-outline"
+                                        />
+                                    </v-col>
+                                    <v-col cols="6">
+                                        {{ $gettext('DKIM signing') }}
+                                        <v-icon
+                                            v-if="editedDomain.enable_dkim"
+                                            color="success"
+                                            icon="mdi-check-circle-outline"
+                                        />
+                                        <v-icon
+                                            v-else
+                                            icon="mdi-close-circle-outline"
+                                        />
+                                    </v-col>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <DomainDNSForm ref="dnsForm" v-model="editedDomain" />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel eager value="limitationForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Limitations') }}
+                        </v-col>
+                        <v-col cols="8" class="text-medium-emphasis">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <v-col cols="6">
+                                        <div class="mr-2">
+                                            {{ $gettext('Quota: ') }}
+                                            {{ editedDomain.quota }}
+                                        </div>
+                                    </v-col>
+                                    <v-col
+                                        v-if="editedDomain.message_limit"
+                                        cols="6"
+                                    >
+                                        <div class="mr-2">
+                                            {{ $gettext('Sending limit: ') }}
+                                            {{ editedDomain.message_limit }}
+                                        </div>
+                                    </v-col>
+                                    <v-col v-else cols="6">
+                                        <div class="mr-2">
+                                            {{ $gettext('No sending limit') }}
+                                        </div>
+                                    </v-col>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <DomainLimitationsForm
+                        ref="limitationForm"
+                        v-model="editedDomain"
                     />
-                    <v-icon v-else icon="mdi-close-circle-outline" />
-                  </v-col>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <DomainDNSForm ref="dnsForm" v-model="editedDomain" />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel eager value="limitationForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Limitations') }}
-            </v-col>
-            <v-col cols="8" class="text-medium-emphasis">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <v-col cols="6">
-                    <div class="mr-2">
-                      {{ $gettext('Quota: ') }} {{ editedDomain.quota }}
-                    </div>
-                  </v-col>
-                  <v-col v-if="editedDomain.message_limit" cols="6">
-                    <div class="mr-2">
-                      {{ $gettext('Sending limit: ') }}
-                      {{ editedDomain.message_limit }}
-                    </div>
-                  </v-col>
-                  <v-col v-else cols="6">
-                    <div class="mr-2">{{ $gettext('No sending limit') }}</div>
-                  </v-col>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <DomainLimitationsForm ref="limitationForm" v-model="editedDomain" />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel
-        v-if="editedDomain.type === 'relaydomain'"
-        value="transportForm"
-        eager
-      >
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Transport') }}
-            </v-col>
-            <v-col cols="8" class="text-medium-emphasis">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <v-col cols="6">
-                    <div class="mr-2">
-                      {{ $gettext('Service: ') }}
-                      {{ editedDomain.transport.service }}
-                    </div>
-                  </v-col>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <DomainTransportForm
-            ref="transportForm"
-            v-model="editedDomain.transport"
-          />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel
-        v-if="
-          limitsConfig.params &&
-          limitsConfig.params.enable_domain_limits &&
-          (authUser.role === 'SuperAdmins' || authUser.role === 'Resellers')
-        "
-        value="resourcesForm"
-        eager
-      >
-        <v-expansion-panel-title>
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Resources') }}
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <ResourcesForm ref="resourcesForm" v-model="editedDomain.resources" />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-    </v-expansion-panels>
-    <div class="mt-4 d-flex justify-end">
-      <v-btn :loading="working" @click="router.go(-1)">
-        {{ $gettext('Cancel') }}
-      </v-btn>
-      <v-btn
-        class="ml-4"
-        color="primary darken-1"
-        :loading="working"
-        @click="save"
-      >
-        {{ $gettext('Save') }}
-      </v-btn>
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel
+                v-if="editedDomain.type === 'relaydomain'"
+                value="transportForm"
+                eager
+            >
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Transport') }}
+                        </v-col>
+                        <v-col cols="8" class="text-medium-emphasis">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <v-col cols="6">
+                                        <div class="mr-2">
+                                            {{ $gettext('Service: ') }}
+                                            {{ editedDomain.transport.service }}
+                                        </div>
+                                    </v-col>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <DomainTransportForm
+                        ref="transportForm"
+                        v-model="editedDomain.transport"
+                    />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel
+                v-if="
+                    limitsConfig.params &&
+                    limitsConfig.params.enable_domain_limits &&
+                    (authUser.role === 'SuperAdmins' ||
+                        authUser.role === 'Resellers')
+                "
+                value="resourcesForm"
+                eager
+            >
+                <v-expansion-panel-title>
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Resources') }}
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <ResourcesForm
+                        ref="resourcesForm"
+                        v-model="editedDomain.resources"
+                    />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+        </v-expansion-panels>
+        <div class="mt-4 d-flex justify-end">
+            <v-btn :loading="working" @click="router.go(-1)">
+                {{ $gettext('Cancel') }}
+            </v-btn>
+            <v-btn
+                class="ml-4"
+                color="primary darken-1"
+                :loading="working"
+                @click="save"
+            >
+                {{ $gettext('Save') }}
+            </v-btn>
+        </div>
     </div>
-  </div>
 </template>
 
 <script setup lang="js">
@@ -203,61 +229,61 @@ const dnsForm = ref()
 
 // Form map
 const formMap = computed(() => {
-  const map = {
-    generalForm: generalForm,
-    limitationForm: limitationForm,
-    dnsForm: dnsForm,
-  }
-  if (editedDomain.value.type === 'relaydomain') {
-    map.transportForm = transportForm
-  }
-  if (
-    limitsConfig.value.params &&
-    limitsConfig.value.params.enable_domain_limits &&
-    (authUser.value.role === 'SuperAdmins' ||
-      authUser.value.role === 'Resellers')
-  ) {
-    map.resourcesForm = resourcesForm
-  }
-  return map
+    const map = {
+        generalForm: generalForm,
+        limitationForm: limitationForm,
+        dnsForm: dnsForm,
+    }
+    if (editedDomain.value.type === 'relaydomain') {
+        map.transportForm = transportForm
+    }
+    if (
+        limitsConfig.value.params &&
+        limitsConfig.value.params.enable_domain_limits &&
+        (authUser.value.role === 'SuperAdmins' ||
+            authUser.value.role === 'Resellers')
+    ) {
+        map.resourcesForm = resourcesForm
+    }
+    return map
 })
 
 const formErrors = ref(false)
 
 async function save() {
-  formErrors.value = false
-  panel.value = []
-  for (const [panelName, formRef] of Object.entries(formMap.value)) {
-    if (formRef.value != null) {
-      const { valid } = await formRef.value.vFormRef.validate()
-      if (!valid) {
-        formErrors.value = true
-        panel.value.push(panelName)
-      }
+    formErrors.value = false
+    panel.value = []
+    for (const [panelName, formRef] of Object.entries(formMap.value)) {
+        if (formRef.value != null) {
+            const { valid } = await formRef.value.vFormRef.validate()
+            if (!valid) {
+                formErrors.value = true
+                panel.value.push(panelName)
+            }
+        }
     }
-  }
-  if (formErrors.value) {
-    return
-  }
-  working.value = true
-  try {
-    const data = JSON.parse(JSON.stringify(editedDomain.value))
-    if (data.transport === null) {
-      delete data.transport
+    if (formErrors.value) {
+        return
     }
-    if (data.type === 'relaydomain') {
-      transportForm.value.checkSettingTypes(data)
+    working.value = true
+    try {
+        const data = JSON.parse(JSON.stringify(editedDomain.value))
+        if (data.transport === null) {
+            delete data.transport
+        }
+        if (data.type === 'relaydomain') {
+            transportForm.value.checkSettingTypes(data)
+        }
+        domainsStore.updateDomain(data).then(() => {
+            router.go(-1)
+        })
+    } finally {
+        working.value = false
     }
-    domainsStore.updateDomain(data).then(() => {
-      router.go(-1)
-    })
-  } finally {
-    working.value = false
-  }
 }
 onMounted(() => {
-  parametersApi.getApplication('limits').then((resp) => {
-    limitsConfig.value.data = resp.data
-  })
+    parametersApi.getApplication('limits').then((resp) => {
+        limitsConfig.value.data = resp.data
+    })
 })
 </script>
diff --git a/frontend/src/components/admin/domains/DomainList.vue b/frontend/src/components/admin/domains/DomainList.vue
index e7fd2a5c1..ce90fcbe5 100644
--- a/frontend/src/components/admin/domains/DomainList.vue
+++ b/frontend/src/components/admin/domains/DomainList.vue
@@ -1,178 +1,203 @@
 <template>
-  <v-card class="mt-6">
-    <v-data-table
-      v-model="selected"
-      :expanded="expanded"
-      :headers="domainHeaders"
-      :items="Object.values(domains)"
-      item-value="name"
-      :search="search"
-      show-select
-      expand-on-click
-      :loading="!domainsLoaded"
-    >
-      <template #top>
-        <v-toolbar color="white" flat>
-          <v-menu location="bottom">
-            <template #activator="{ props }">
-              <v-btn
-                variant="flat"
-                append-icon="mdi-chevron-down"
-                v-bind="props"
-                size="small"
-              >
-                {{ $gettext('Actions') }}
-              </v-btn>
-            </template>
-            <v-list density="compact"> </v-list>
-          </v-menu>
-          <v-btn
-            variant="text"
-            icon="mdi-reload"
-            @click="reloadDomains"
-          ></v-btn>
-          <v-spacer></v-spacer>
-          <v-text-field
-            v-model="search"
-            prepend-inner-icon="mdi-magnify"
-            :placeholder="$gettext('Search')"
-            variant="outlined"
-            single-line
-            flat
-            hide-details
-          ></v-text-field>
-        </v-toolbar>
-      </template>
-      <template
-        #item="{
-          item,
-          internalItem,
-          isExpanded,
-          toggleExpand,
-          isSelected,
-          toggleSelect,
-        }"
-      >
-        <tr>
-          <td
-            class="v-data-table__td v-data-table-column--no-padding v-data-table-column--align-start"
-          >
-            <v-checkbox-btn
-              :value="!isSelected(internalItem)"
-              @click="toggleSelect(internalItem)"
-            />
-          </td>
-          <td>
-            <router-link
-              :to="{ name: 'DomainDetail', params: { id: item.pk } }"
-            >
-              {{ item.name }}
-            </router-link>
-            <v-chip
-              v-if="item.type === 'relaydomain'"
-              size="small"
-              color="primary"
-              class="ml-2"
-            >
-              {{ $gettext('Relay') }}
-            </v-chip>
-            <span v-if="!item.enabled" class="ml-2">
-              ({{ $gettext('disabled') }})
-            </span>
-          </td>
-          <td>
-            {{ item.domainalias_count }} aliases
-            <v-btn
-              v-if="item.domainalias_count"
-              variant="text"
-              :icon="
-                isExpanded(internalItem) ? 'mdi-chevron-up' : 'mdi-chevron-down'
-              "
-              @click="loadAliases(item, internalItem, isExpanded, toggleExpand)"
-            >
-            </v-btn>
-          </td>
-          <td>
-            <DNSStatusChip :status="item.dns_global_status" />
-          </td>
-          <td>
-            <v-progress-linear v-model="item.allocated_quota_in_percent" />
-          </td>
-          <td>
-            <v-progress-linear v-model="item.allocated_quota_in_percent" />
-          </td>
-          <td>
-            <div class="text-right">
-              <v-menu offset-y>
-                <template #activator="{ props }">
-                  <v-badge
-                    v-if="item.opened_alarms_count"
-                    bordered
-                    color="error"
-                    icon="mdi-bell"
-                    overlap
-                  >
+    <v-card class="mt-6">
+        <v-data-table
+            v-model="selected"
+            :expanded="expanded"
+            :headers="domainHeaders"
+            :items="Object.values(domains)"
+            item-value="name"
+            :search="search"
+            show-select
+            expand-on-click
+            :loading="!domainsLoaded"
+        >
+            <template #top>
+                <v-toolbar color="white" flat>
+                    <v-menu location="bottom">
+                        <template #activator="{ props }">
+                            <v-btn
+                                variant="flat"
+                                append-icon="mdi-chevron-down"
+                                v-bind="props"
+                                size="small"
+                            >
+                                {{ $gettext('Actions') }}
+                            </v-btn>
+                        </template>
+                        <v-list density="compact"> </v-list>
+                    </v-menu>
                     <v-btn
-                      icon="mdi-dots-horizontal"
-                      variant="text"
-                      v-bind="props"
-                    >
-                    </v-btn>
-                  </v-badge>
-                  <v-btn
-                    v-else
-                    icon="mdi-dots-horizontal"
-                    variant="text"
-                    v-bind="props"
-                  >
-                  </v-btn>
-                </template>
-                <MenuItems :items="getDomainMenuItems(item)" :obj="item" />
-              </v-menu>
-            </div>
-          </td>
-        </tr>
-      </template>
-      <template #expanded-row="{ item, columns }">
-        <tr class="grey lighten-4">
-          <td :colspan="columns.length">
-            <span
-              v-for="alias in aliases[item.name]"
-              :key="alias.name"
-              class="mr-4"
+                        variant="text"
+                        icon="mdi-reload"
+                        @click="reloadDomains"
+                    ></v-btn>
+                    <v-spacer></v-spacer>
+                    <v-text-field
+                        v-model="search"
+                        prepend-inner-icon="mdi-magnify"
+                        :placeholder="$gettext('Search')"
+                        variant="outlined"
+                        single-line
+                        flat
+                        hide-details
+                    ></v-text-field>
+                </v-toolbar>
+            </template>
+            <template
+                #item="{
+                    item,
+                    internalItem,
+                    isExpanded,
+                    toggleExpand,
+                    isSelected,
+                    toggleSelect,
+                }"
             >
-              <a href="#" class="mr-2" @click="editDomainAlias(item, alias)">{{
-                alias.name
-              }}</a>
-              <v-chip variant="elevated" size="x-small" color="success"
-                >DNS OK</v-chip
-              >
-            </span>
-          </td>
-        </tr>
-      </template>
-    </v-data-table>
-    <ConfirmDialog ref="confirm">
-      <v-checkbox
-        v-model="keepDomainFolder"
-        :label="$gettext('Do not delete domain folder')"
-        hide-details
-      />
-    </ConfirmDialog>
-    <v-dialog v-model="showAliasForm" persistent max-width="800px">
-      <DomainAliasForm
-        :domain-alias="selectedDomainAlias"
-        @close="closeDomainAliasForm"
-      />
-    </v-dialog>
-    <v-dialog v-model="showAdminList" persistent max-width="800px">
-      <DomainAdminList
-        :domain="selectedDomain"
-        dialog-mode
-        @close="showAdminList = false"
-      />
-    </v-dialog>
-  </v-card>
+                <tr>
+                    <td
+                        class="v-data-table__td v-data-table-column--no-padding v-data-table-column--align-start"
+                    >
+                        <v-checkbox-btn
+                            :value="!isSelected(internalItem)"
+                            @click="toggleSelect(internalItem)"
+                        />
+                    </td>
+                    <td>
+                        <router-link
+                            :to="{
+                                name: 'DomainDetail',
+                                params: { id: item.pk },
+                            }"
+                        >
+                            {{ item.name }}
+                        </router-link>
+                        <v-chip
+                            v-if="item.type === 'relaydomain'"
+                            size="small"
+                            color="primary"
+                            class="ml-2"
+                        >
+                            {{ $gettext('Relay') }}
+                        </v-chip>
+                        <span v-if="!item.enabled" class="ml-2">
+                            ({{ $gettext('disabled') }})
+                        </span>
+                    </td>
+                    <td>
+                        {{ item.domainalias_count }} aliases
+                        <v-btn
+                            v-if="item.domainalias_count"
+                            variant="text"
+                            :icon="
+                                isExpanded(internalItem)
+                                    ? 'mdi-chevron-up'
+                                    : 'mdi-chevron-down'
+                            "
+                            @click="
+                                loadAliases(
+                                    item,
+                                    internalItem,
+                                    isExpanded,
+                                    toggleExpand
+                                )
+                            "
+                        >
+                        </v-btn>
+                    </td>
+                    <td>
+                        <DNSStatusChip :status="item.dns_global_status" />
+                    </td>
+                    <td>
+                        <v-progress-linear
+                            v-model="item.allocated_quota_in_percent"
+                        />
+                    </td>
+                    <td>
+                        <v-progress-linear
+                            v-model="item.allocated_quota_in_percent"
+                        />
+                    </td>
+                    <td>
+                        <div class="text-right">
+                            <v-menu offset-y>
+                                <template #activator="{ props }">
+                                    <v-badge
+                                        v-if="item.opened_alarms_count"
+                                        bordered
+                                        color="error"
+                                        icon="mdi-bell"
+                                        overlap
+                                    >
+                                        <v-btn
+                                            icon="mdi-dots-horizontal"
+                                            variant="text"
+                                            v-bind="props"
+                                        >
+                                        </v-btn>
+                                    </v-badge>
+                                    <v-btn
+                                        v-else
+                                        icon="mdi-dots-horizontal"
+                                        variant="text"
+                                        v-bind="props"
+                                    >
+                                    </v-btn>
+                                </template>
+                                <MenuItems
+                                    :items="getDomainMenuItems(item)"
+                                    :obj="item"
+                                />
+                            </v-menu>
+                        </div>
+                    </td>
+                </tr>
+            </template>
+            <template #expanded-row="{ item, columns }">
+                <tr class="grey lighten-4">
+                    <td :colspan="columns.length">
+                        <span
+                            v-for="alias in aliases[item.name]"
+                            :key="alias.name"
+                            class="mr-4"
+                        >
+                            <a
+                                href="#"
+                                class="mr-2"
+                                @click="editDomainAlias(item, alias)"
+                                >{{ alias.name }}</a
+                            >
+                            <v-chip
+                                variant="elevated"
+                                size="x-small"
+                                color="success"
+                                >DNS OK</v-chip
+                            >
+                        </span>
+                    </td>
+                </tr>
+            </template>
+        </v-data-table>
+        <ConfirmDialog ref="confirm">
+            <v-checkbox
+                v-model="keepDomainFolder"
+                :label="$gettext('Do not delete domain folder')"
+                hide-details
+            />
+        </ConfirmDialog>
+        <v-dialog v-model="showAliasForm" persistent max-width="800px">
+            <DomainAliasForm
+                :domain-alias="selectedDomainAlias"
+                @close="closeDomainAliasForm"
+            />
+        </v-dialog>
+        <v-dialog v-model="showAdminList" persistent max-width="800px">
+            <DomainAdminList
+                :domain="selectedDomain"
+                dialog-mode
+                @close="showAdminList = false"
+            />
+        </v-dialog>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -197,17 +222,21 @@ const domainsLoaded = computed(() => domainStore.domainsLoaded)
 const aliases = computed(() => domainStore.domainAliases)
 
 const domainHeaders = [
-  { title: $gettext('Name'), key: 'name' },
-  { title: $gettext('Aliases'), key: 'domainalias_count' },
-  { title: $gettext('DNS status'), key: 'dns_global_status', sortable: false },
-  { title: $gettext('Sending limit'), key: 'message_limit' },
-  { title: $gettext('Quota'), key: 'allocated_quota_in_percent' },
-  {
-    title: $gettext('Actions'),
-    value: 'actions',
-    sortable: false,
-    align: 'end',
-  },
+    { title: $gettext('Name'), key: 'name' },
+    { title: $gettext('Aliases'), key: 'domainalias_count' },
+    {
+        title: $gettext('DNS status'),
+        key: 'dns_global_status',
+        sortable: false,
+    },
+    { title: $gettext('Sending limit'), key: 'message_limit' },
+    { title: $gettext('Quota'), key: 'allocated_quota_in_percent' },
+    {
+        title: $gettext('Actions'),
+        value: 'actions',
+        sortable: false,
+        align: 'end',
+    },
 ]
 
 const confirm = ref()
@@ -221,105 +250,105 @@ const selected = ref([])
 const expanded = ref([])
 
 function reloadDomains() {
-  domainStore.getDomains()
+    domainStore.getDomains()
 }
 
 function closeDomainAliasForm() {
-  showAliasForm.value = false
-  selectedDomain.value = null
-  selectedDomainAlias.value = null
+    showAliasForm.value = false
+    selectedDomain.value = null
+    selectedDomainAlias.value = null
 }
 
 async function deleteDomain(domain) {
-  const result = await confirm.value.open(
-    $gettext('Warning'),
-    $gettext('Do you really want to delete the domain %{ domain }?', {
-      domain: domain.name,
-    }),
-    {
-      color: 'error',
-      cancelLabel: $gettext('No'),
-      agreeLabel: $gettext('Yes'),
+    const result = await confirm.value.open(
+        $gettext('Warning'),
+        $gettext('Do you really want to delete the domain %{ domain }?', {
+            domain: domain.name,
+        }),
+        {
+            color: 'error',
+            cancelLabel: $gettext('No'),
+            agreeLabel: $gettext('Yes'),
+        }
+    )
+    if (!result) {
+        return
     }
-  )
-  if (!result) {
-    return
-  }
-  const data = { keep_folder: keepDomainFolder.value }
-  domainStore.deleteDomain({ id: domain.pk, data }).then(() => {
-    busStore.displayNotification({ msg: $gettext('Domain deleted') })
-    keepDomainFolder.value = false
-  })
+    const data = { keep_folder: keepDomainFolder.value }
+    domainStore.deleteDomain({ id: domain.pk, data }).then(() => {
+        busStore.displayNotification({ msg: $gettext('Domain deleted') })
+        keepDomainFolder.value = false
+    })
 }
 
 function editDomain(domain) {
-  router.push({ name: 'DomainEdit', params: { id: domain.pk } })
+    router.push({ name: 'DomainEdit', params: { id: domain.pk } })
 }
 
 function editDomainAlias(domain, alias) {
-  selectedDomain.value = domain
-  selectedDomainAlias.value = alias
-  showAliasForm.value = true
+    selectedDomain.value = domain
+    selectedDomainAlias.value = alias
+    showAliasForm.value = true
 }
 
 function loadAliases(item, internalItem, isItemExpanded, toggleExpand) {
-  const isExpand = isItemExpanded(internalItem)
-  if (isExpand) {
-    toggleExpand(internalItem)
-    return
-  }
-  domainStore.getAliases(item.name).then(() => {
-    toggleExpand(internalItem)
-  })
+    const isExpand = isItemExpanded(internalItem)
+    if (isExpand) {
+        toggleExpand(internalItem)
+        return
+    }
+    domainStore.getAliases(item.name).then(() => {
+        toggleExpand(internalItem)
+    })
 }
 
 function openAdminList(domain) {
-  selectedDomain.value = domain
-  showAdminList.value = true
+    selectedDomain.value = domain
+    showAdminList.value = true
 }
 
 function getDomainMenuItems(domain) {
-  const result = [
-    {
-      label: $gettext('Administrators'),
-      icon: 'mdi-account-supervisor',
-      onClick: openAdminList,
-    },
-    {
-      label: $gettext('Edit'),
-      icon: 'mdi-circle-edit-outline',
-      onClick: editDomain,
-    },
-    {
-      label: $gettext('Delete'),
-      icon: 'mdi-delete-outline',
-      onClick: deleteDomain,
-      color: 'red',
-    },
-  ]
-  if (domain.opened_alarms_count) {
-    result.push({
-      label: $gettext('Alarms'),
-      icon: 'mdi-bell',
-      color: 'red',
-      onClick: () => router.push({ name: 'Alarms' }),
-    })
-  }
-  return result
+    const result = [
+        {
+            label: $gettext('Administrators'),
+            icon: 'mdi-account-supervisor',
+            onClick: openAdminList,
+        },
+        {
+            label: $gettext('Edit'),
+            icon: 'mdi-circle-edit-outline',
+            onClick: editDomain,
+        },
+        {
+            label: $gettext('Delete'),
+            icon: 'mdi-delete-outline',
+            onClick: deleteDomain,
+            color: 'red',
+        },
+    ]
+    if (domain.opened_alarms_count) {
+        result.push({
+            label: $gettext('Alarms'),
+            icon: 'mdi-bell',
+            color: 'red',
+            onClick: () => router.push({ name: 'Alarms' }),
+        })
+    }
+    return result
 }
 
 onMounted(() => {
-  if (Object.values(domains.value).length < 1) {
-    reloadDomains()
-  }
+    if (Object.values(domains.value).length < 1) {
+        reloadDomains()
+    }
 })
 </script>
 
 <style scoped>
 .v-text-field--outlined :deep(fieldset) {
-  border-color: #bfc5d2;
+    border-color: #bfc5d2;
 }
 .v-input--checkbox :deep(.v-label) {
-  font-size: 0.875rem !important;
+    font-size: 0.875rem !important;
 }
 </style>
diff --git a/frontend/src/components/admin/domains/DomainSummary.vue b/frontend/src/components/admin/domains/DomainSummary.vue
index 54174ddb1..417990df6 100644
--- a/frontend/src/components/admin/domains/DomainSummary.vue
+++ b/frontend/src/components/admin/domains/DomainSummary.vue
@@ -1,47 +1,52 @@
 <template>
-  <v-card v-if="domain">
-    <v-card-title>
-      <div class="headline">{{ $gettext('General information') }}</div>
-    </v-card-title>
-    <v-card-text>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Creation date') }}</v-col>
-        <v-col cols="6">{{ $date(domain.creation) }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Last modification date') }}</v-col>
-        <v-col cols="6">{{ $date(domain.last_modification) }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Quota') }}</v-col>
-        <v-col v-if="domain.quota === '0'" cols="6">{{
-          $gettext('Unlimited')
-        }}</v-col>
-        <v-col v-else cols="6">{{ domain.quota }} {{ $gettext('MB') }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Default mailbox quota') }}</v-col>
-        <v-col v-if="domain.default_mailbox_quota === '0'" cols="6">{{
-          $gettext('Unlimited')
-        }}</v-col>
-        <v-col v-else cols="6">{{ domain.default_mailbox_quota }} MB</v-col>
-      </v-row>
-      <v-row v-if="domain.message_limit !== undefined">
-        <v-col cols="6">{{ $gettext('Daily sending limit') }}</v-col>
-        <v-col cols="6"
-          >{{ domain.message_limit }} {{ $gettext('messages') }}</v-col
-        >
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Mailboxes') }}</v-col>
-        <v-col cols="6">{{ domain.mailbox_count }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Aliases') }}</v-col>
-        <v-col cols="6">{{ domain.mbalias_count }}</v-col>
-      </v-row>
-    </v-card-text>
-  </v-card>
+    <v-card v-if="domain">
+        <v-card-title>
+            <div class="headline">{{ $gettext('General information') }}</div>
+        </v-card-title>
+        <v-card-text>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Creation date') }}</v-col>
+                <v-col cols="6">{{ $date(domain.creation) }}</v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Last modification date') }}</v-col>
+                <v-col cols="6">{{ $date(domain.last_modification) }}</v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Quota') }}</v-col>
+                <v-col v-if="domain.quota === '0'" cols="6">{{
+                    $gettext('Unlimited')
+                }}</v-col>
+                <v-col v-else cols="6"
+                    >{{ domain.quota }} {{ $gettext('MB') }}</v-col
+                >
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Default mailbox quota') }}</v-col>
+                <v-col v-if="domain.default_mailbox_quota === '0'" cols="6">{{
+                    $gettext('Unlimited')
+                }}</v-col>
+                <v-col v-else cols="6"
+                    >{{ domain.default_mailbox_quota }} MB</v-col
+                >
+            </v-row>
+            <v-row v-if="domain.message_limit !== undefined">
+                <v-col cols="6">{{ $gettext('Daily sending limit') }}</v-col>
+                <v-col cols="6"
+                    >{{ domain.message_limit }}
+                    {{ $gettext('messages') }}</v-col
+                >
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Mailboxes') }}</v-col>
+                <v-col cols="6">{{ domain.mailbox_count }}</v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Aliases') }}</v-col>
+                <v-col cols="6">{{ domain.mbalias_count }}</v-col>
+            </v-row>
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/components/admin/domains/form_steps/DomainDNSForm.vue b/frontend/src/components/admin/domains/form_steps/DomainDNSForm.vue
index 17215e60d..966579682 100644
--- a/frontend/src/components/admin/domains/form_steps/DomainDNSForm.vue
+++ b/frontend/src/components/admin/domains/form_steps/DomainDNSForm.vue
@@ -1,30 +1,30 @@
 <template>
-  <v-form ref="vFormRef">
-    <div>
-      <v-switch
-        v-model="domain.enable_dns_checks"
-        :label="$gettext('Enable DNS checks')"
-        color="primary"
-      />
-      <v-switch
-        v-model="domain.enable_dkim"
-        :label="$gettext('Enable DKIM signing')"
-        color="primary"
-      />
-      <v-text-field
-        v-model="domain.dkim_key_selector"
-        :label="$gettext('DKIM key selector')"
-        :disabled="!domain.enable_dkim"
-        variant="outlined"
-      />
-      <ChoiceField
-        v-model="domain.dkim_key_length"
-        :label="$gettext('DKIM key length')"
-        :choices="dkimKeyLengths"
-        :disabled="!domain.enable_dkim"
-      />
-    </div>
-  </v-form>
+    <v-form ref="vFormRef">
+        <div>
+            <v-switch
+                v-model="domain.enable_dns_checks"
+                :label="$gettext('Enable DNS checks')"
+                color="primary"
+            />
+            <v-switch
+                v-model="domain.enable_dkim"
+                :label="$gettext('Enable DKIM signing')"
+                color="primary"
+            />
+            <v-text-field
+                v-model="domain.dkim_key_selector"
+                :label="$gettext('DKIM key selector')"
+                :disabled="!domain.enable_dkim"
+                variant="outlined"
+            />
+            <ChoiceField
+                v-model="domain.dkim_key_length"
+                :label="$gettext('DKIM key length')"
+                :choices="dkimKeyLengths"
+                :disabled="!domain.enable_dkim"
+            />
+        </div>
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -41,18 +41,18 @@ const vFormRef = ref()
 const domain = computed(() => props.modelValue)
 
 const dkimKeyLengths = ref([
-  {
-    label: '1024',
-    value: 1024,
-  },
-  {
-    label: '2048',
-    value: 2048,
-  },
-  {
-    label: '4096',
-    value: 4096,
-  },
+    {
+        label: '1024',
+        value: 1024,
+    },
+    {
+        label: '2048',
+        value: 2048,
+    },
+    {
+        label: '4096',
+        value: 4096,
+    },
 ])
 
 defineExpose({ vFormRef })
diff --git a/frontend/src/components/admin/domains/form_steps/DomainGeneralForm.vue b/frontend/src/components/admin/domains/form_steps/DomainGeneralForm.vue
index c7d959f54..199d5ea0f 100644
--- a/frontend/src/components/admin/domains/form_steps/DomainGeneralForm.vue
+++ b/frontend/src/components/admin/domains/form_steps/DomainGeneralForm.vue
@@ -1,32 +1,32 @@
 <template>
-  <v-form ref="vFormRef">
-    <v-text-field
-      v-model="domain.name"
-      :label="$gettext('Domain name (ex: domain.tld)')"
-      :rules="[rules.required]"
-      variant="outlined"
-      class="mb-5"
-    />
+    <v-form ref="vFormRef">
+        <v-text-field
+            v-model="domain.name"
+            :label="$gettext('Domain name (ex: domain.tld)')"
+            :rules="[rules.required]"
+            variant="outlined"
+            class="mb-5"
+        />
 
-    <ChoiceField
-      v-model="domain.type"
-      :label="$gettext('Type')"
-      :choices="domainTypes"
-      @update:model-value="cleanTransport"
-    />
+        <ChoiceField
+            v-model="domain.type"
+            :label="$gettext('Type')"
+            :choices="domainTypes"
+            @update:model-value="cleanTransport"
+        />
 
-    <v-switch
-      v-model="domain.enabled"
-      :label="$gettext('Enabled')"
-      :hint="
-        $gettext(
-          'Control if this domain will be allowed to send and receive messages'
-        )
-      "
-      color="primary"
-      persistent-hint
-    />
-  </v-form>
+        <v-switch
+            v-model="domain.enabled"
+            :label="$gettext('Enabled')"
+            :hint="
+                $gettext(
+                    'Control if this domain will be allowed to send and receive messages'
+                )
+            "
+            color="primary"
+            persistent-hint
+        />
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -44,21 +44,21 @@ const domain = computed(() => props.modelValue)
 const vFormRef = ref()
 
 function cleanTransport(value) {
-  if (value === 'relaydomain' && domain.value.transport == null) {
-    domain.value.transport = {}
-  }
+    if (value === 'relaydomain' && domain.value.transport == null) {
+        domain.value.transport = {}
+    }
 }
 const domainTypes = [
-  {
-    label: 'Domain',
-    icon: 'mdi-earth',
-    value: $gettext('domain'),
-  },
-  {
-    label: 'Relay domain',
-    icon: 'mdi-earth',
-    value: $gettext('relaydomain'),
-  },
+    {
+        label: 'Domain',
+        icon: 'mdi-earth',
+        value: $gettext('domain'),
+    },
+    {
+        label: 'Relay domain',
+        icon: 'mdi-earth',
+        value: $gettext('relaydomain'),
+    },
 ]
 
 defineExpose({ vFormRef })
diff --git a/frontend/src/components/admin/domains/form_steps/DomainLimitationsForm.vue b/frontend/src/components/admin/domains/form_steps/DomainLimitationsForm.vue
index c09eadad0..1a6803fd6 100644
--- a/frontend/src/components/admin/domains/form_steps/DomainLimitationsForm.vue
+++ b/frontend/src/components/admin/domains/form_steps/DomainLimitationsForm.vue
@@ -1,45 +1,45 @@
 <template>
-  <v-form ref="vFormRef">
-    <v-text-field
-      v-model="domain.quota"
-      :label="$gettext('Quota')"
-      :hint="
-        $gettext(
-          'Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.'
-        )
-      "
-      persistent-hint
-      class="mb-4"
-      variant="outlined"
-      :rules="[rules.required]"
-    />
+    <v-form ref="vFormRef">
+        <v-text-field
+            v-model="domain.quota"
+            :label="$gettext('Quota')"
+            :hint="
+                $gettext(
+                    'Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.'
+                )
+            "
+            persistent-hint
+            class="mb-4"
+            variant="outlined"
+            :rules="[rules.required]"
+        />
 
-    <v-text-field
-      v-model="domain.default_mailbox_quota"
-      :label="$gettext('Default mailbox quota')"
-      :hint="
-        $gettext(
-          'Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.'
-        )
-      "
-      persistent-hint
-      class="mb-4"
-      variant="outlined"
-      :rules="[rules.required]"
-    />
-    <v-text-field
-      v-model="domain.message_limit"
-      :label="$gettext('Message sending limit')"
-      :hint="
-        $gettext(
-          'Number of messages this domain can send per day. Leave empty for no limit.'
-        )
-      "
-      persistent-hint
-      variant="outlined"
-      :rules="[rules.numericOrNull]"
-    />
-  </v-form>
+        <v-text-field
+            v-model="domain.default_mailbox_quota"
+            :label="$gettext('Default mailbox quota')"
+            :hint="
+                $gettext(
+                    'Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.'
+                )
+            "
+            persistent-hint
+            class="mb-4"
+            variant="outlined"
+            :rules="[rules.required]"
+        />
+        <v-text-field
+            v-model="domain.message_limit"
+            :label="$gettext('Message sending limit')"
+            :hint="
+                $gettext(
+                    'Number of messages this domain can send per day. Leave empty for no limit.'
+                )
+            "
+            persistent-hint
+            variant="outlined"
+            :rules="[rules.numericOrNull]"
+        />
+    </v-form>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/components/admin/domains/form_steps/DomainOptionsForm.vue b/frontend/src/components/admin/domains/form_steps/DomainOptionsForm.vue
index ba13a2f16..33536d09b 100644
--- a/frontend/src/components/admin/domains/form_steps/DomainOptionsForm.vue
+++ b/frontend/src/components/admin/domains/form_steps/DomainOptionsForm.vue
@@ -1,42 +1,42 @@
 <template>
-  <v-form ref="vFormRef">
-    <v-switch
-      v-model="createAdmin"
-      :label="$gettext('Create a domain administrator')"
-      color="primary"
-      @update:model-value="updateCreateAdmin"
-    />
-    <v-text-field
-      v-model="domain.domain_admin.username"
-      :label="$gettext('Name')"
-      :hint="$gettext('Name of the administrator')"
-      persistent-hint
-      variant="outlined"
-      :disabled="!createAdmin"
-      :suffix="`@${domain.name}`"
-      :rules="[!createAdmin || rules.required]"
-    />
-    <AccountPasswordSubForm
-      v-model="domain.domain_admin"
-      :disabled="!createAdmin"
-    />
-    <v-switch
-      v-model="domain.domain_admin.with_mailbox"
-      :label="$gettext('With a mailbox')"
-      :disabled="!createAdmin"
-      :hint="$gettext('Create a mailbox for the administrator.')"
-      persistent-hint
-      color="primary"
-    />
-    <v-switch
-      v-model="domain.domain_admin.with_aliases"
-      :label="$gettext('Create aliases')"
-      :disabled="!createAdmin"
-      :hint="$gettext('Create standard aliases for the domain.')"
-      persistent-hint
-      color="primary"
-    />
-  </v-form>
+    <v-form ref="vFormRef">
+        <v-switch
+            v-model="createAdmin"
+            :label="$gettext('Create a domain administrator')"
+            color="primary"
+            @update:model-value="updateCreateAdmin"
+        />
+        <v-text-field
+            v-model="domain.domain_admin.username"
+            :label="$gettext('Name')"
+            :hint="$gettext('Name of the administrator')"
+            persistent-hint
+            variant="outlined"
+            :disabled="!createAdmin"
+            :suffix="`@${domain.name}`"
+            :rules="[!createAdmin || rules.required]"
+        />
+        <AccountPasswordSubForm
+            v-model="domain.domain_admin"
+            :disabled="!createAdmin"
+        />
+        <v-switch
+            v-model="domain.domain_admin.with_mailbox"
+            :label="$gettext('With a mailbox')"
+            :disabled="!createAdmin"
+            :hint="$gettext('Create a mailbox for the administrator.')"
+            persistent-hint
+            color="primary"
+        />
+        <v-switch
+            v-model="domain.domain_admin.with_aliases"
+            :label="$gettext('Create aliases')"
+            :disabled="!createAdmin"
+            :hint="$gettext('Create standard aliases for the domain.')"
+            persistent-hint
+            color="primary"
+        />
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -57,7 +57,7 @@ const createAdmin = ref(false)
 const domain = computed(() => props.modelValue)
 
 function updateCreateAdmin(val) {
-  emit('createAdmin', val)
+    emit('createAdmin', val)
 }
 
 defineExpose({ vFormRef })
diff --git a/frontend/src/components/admin/domains/form_steps/DomainTransportForm.vue b/frontend/src/components/admin/domains/form_steps/DomainTransportForm.vue
index d78b800eb..ab52c0482 100644
--- a/frontend/src/components/admin/domains/form_steps/DomainTransportForm.vue
+++ b/frontend/src/components/admin/domains/form_steps/DomainTransportForm.vue
@@ -1,35 +1,39 @@
 <template>
-  <v-form ref="vFormRef">
-    <label class="m-label">{{ $gettext('Service') }}</label>
-    <v-autocomplete
-      v-model="service"
-      :items="backends"
-      item-title="name"
-      return-object
-      variant="outlined"
-      :rules="[rules.required]"
-    />
-    <template v-if="service">
-      <template v-for="(setting, i) in service.settings" :key="i">
-        <template v-if="setting.type === 'str' || setting.type === 'int'">
-          <label class="m-label">{{ setting.label }}</label>
-          <v-text-field
-            v-model="form.settings[`${service.name}_${setting.name}`]"
+    <v-form ref="vFormRef">
+        <label class="m-label">{{ $gettext('Service') }}</label>
+        <v-autocomplete
+            v-model="service"
+            :items="backends"
+            item-title="name"
+            return-object
             variant="outlined"
-            :type="form.type === 'int' ? 'number' : 'text'"
-            :rules="[!!setting.required || rules.required]"
-            @update:model-value="update"
-          />
-        </template>
-        <v-checkbox
-          v-else-if="setting.type === 'boolean'"
-          v-model="form.settings[`${service.name}_${setting.name}`]"
-          :label="setting.label"
-          @update:model-value="update"
+            :rules="[rules.required]"
         />
-      </template>
-    </template>
-  </v-form>
+        <template v-if="service">
+            <template v-for="(setting, i) in service.settings" :key="i">
+                <template
+                    v-if="setting.type === 'str' || setting.type === 'int'"
+                >
+                    <label class="m-label">{{ setting.label }}</label>
+                    <v-text-field
+                        v-model="
+                            form.settings[`${service.name}_${setting.name}`]
+                        "
+                        variant="outlined"
+                        :type="form.type === 'int' ? 'number' : 'text'"
+                        :rules="[!!setting.required || rules.required]"
+                        @update:model-value="update"
+                    />
+                </template>
+                <v-checkbox
+                    v-else-if="setting.type === 'boolean'"
+                    v-model="form.settings[`${service.name}_${setting.name}`]"
+                    :label="setting.label"
+                    @update:model-value="update"
+                />
+            </template>
+        </template>
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -48,31 +52,31 @@ const service = ref()
 const backends = ref([])
 
 function checkSettingTypes(data) {
-  for (const setting of service.value.settings) {
-    if (setting.type === 'int') {
-      const fullName = `${service.value.name}_${setting.name}`
-      data.transport.settings[fullName] = parseInt(
-        data.transport.settings[fullName]
-      )
+    for (const setting of service.value.settings) {
+        if (setting.type === 'int') {
+            const fullName = `${service.value.name}_${setting.name}`
+            data.transport.settings[fullName] = parseInt(
+                data.transport.settings[fullName]
+            )
+        }
     }
-  }
 }
 
 function update() {
-  form.value.service = service.value.name
-  emit('update:modelValue', form.value)
+    form.value.service = service.value.name
+    emit('update:modelValue', form.value)
 }
 
 onMounted(() => {
-  form.value = { ...props.modelValue }
-  transports.getAll().then((resp) => {
-    backends.value = resp.data
-    if (form.value.service) {
-      service.value = backends.value.find(
-        (backend) => backend.name === form.value.service
-      )
-    }
-  })
+    form.value = { ...props.modelValue }
+    transports.getAll().then((resp) => {
+        backends.value = resp.data
+        if (form.value.service) {
+            service.value = backends.value.find(
+                (backend) => backend.name === form.value.service
+            )
+        }
+    })
 })
 
 defineExpose({ checkSettingTypes, service, vFormRef })
diff --git a/frontend/src/components/admin/identities/AccountAliases.vue b/frontend/src/components/admin/identities/AccountAliases.vue
index 9f51e9c5b..2c16b18a5 100644
--- a/frontend/src/components/admin/identities/AccountAliases.vue
+++ b/frontend/src/components/admin/identities/AccountAliases.vue
@@ -1,14 +1,18 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <span class="headline">{{ $gettext('Aliases') }}</span>
-    </v-card-title>
-    <v-card-text>
-      <v-chip v-for="alias in account.aliases" :key="alias" class="mr-2 mt-2">
-        {{ alias }}
-      </v-chip>
-    </v-card-text>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <span class="headline">{{ $gettext('Aliases') }}</span>
+        </v-card-title>
+        <v-card-text>
+            <v-chip
+                v-for="alias in account.aliases"
+                :key="alias"
+                class="mr-2 mt-2"
+            >
+                {{ alias }}
+            </v-chip>
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/components/admin/identities/AccountCreationForm.vue b/frontend/src/components/admin/identities/AccountCreationForm.vue
index 2eeabad57..7126f01b4 100644
--- a/frontend/src/components/admin/identities/AccountCreationForm.vue
+++ b/frontend/src/components/admin/identities/AccountCreationForm.vue
@@ -1,64 +1,64 @@
 <template>
-  <CreationForm
-    ref="form"
-    :title="$gettext('New account')"
-    :steps="steps"
-    :form-getter="getForm"
-    :get-v-form-ref="getVFormRef"
-    :validate-object="validateAccount"
-    :summary-sections="summarySections"
-    @close="close"
-    @create="submit"
-    @validation-error="setFormErrors"
-  >
-    <template #[`form.role`]>
-      <AccountRoleForm ref="role" v-model="account" />
-    </template>
-    <template #[`form.identification`]>
-      <AccountGeneralForm ref="identification" v-model="account" />
-    </template>
-    <template #[`form.mailbox`]>
-      <AccountMailboxForm ref="mailbox" v-model="account" />
-    </template>
-    <template #[`form.aliases`]>
-      <AccountAliasForm ref="aliases" v-model="account" />
-    </template>
-    <template #[`item.random_password`]="{ item }">
-      <template v-if="item.value">
-        <v-col cols="12" class="highligth text-white">
-          <v-row>
-            <v-col
-              ><span>{{ item.key }}</span></v-col
-            >
-            <v-col v-if="item.type === 'yesno'" class="text-right">
-              {{ $yesno(item.value) }}
-            </v-col>
-          </v-row>
-          <v-row>
-            <v-col class="text-right py-1">
-              <v-btn
-                append-icon="mdi-clipboard-multiple-outline"
-                color="white"
-                variant="text"
-                :title="$gettext('Copy to clipboard')"
-                @click="copyPassword"
-              >
-                {{ account.password }}
-              </v-btn>
-            </v-col>
-          </v-row>
-        </v-col>
-      </template>
-      <template v-else>
-        <v-col
-          ><span class="grey--text">{{ item.key }}</span></v-col
-        >
-        <v-col v-if="item.type === 'yesno'" class="text-right">{{
-          $yesno(item.value)
-        }}</v-col>
-      </template>
-    </template>
-  </CreationForm>
+    <CreationForm
+        ref="form"
+        :title="$gettext('New account')"
+        :steps="steps"
+        :form-getter="getForm"
+        :get-v-form-ref="getVFormRef"
+        :validate-object="validateAccount"
+        :summary-sections="summarySections"
+        @close="close"
+        @create="submit"
+        @validation-error="setFormErrors"
+    >
+        <template #[`form.role`]>
+            <AccountRoleForm ref="role" v-model="account" />
+        </template>
+        <template #[`form.identification`]>
+            <AccountGeneralForm ref="identification" v-model="account" />
+        </template>
+        <template #[`form.mailbox`]>
+            <AccountMailboxForm ref="mailbox" v-model="account" />
+        </template>
+        <template #[`form.aliases`]>
+            <AccountAliasForm ref="aliases" v-model="account" />
+        </template>
+        <template #[`item.random_password`]="{ item }">
+            <template v-if="item.value">
+                <v-col cols="12" class="highligth text-white">
+                    <v-row>
+                        <v-col
+                            ><span>{{ item.key }}</span></v-col
+                        >
+                        <v-col v-if="item.type === 'yesno'" class="text-right">
+                            {{ $yesno(item.value) }}
+                        </v-col>
+                    </v-row>
+                    <v-row>
+                        <v-col class="text-right py-1">
+                            <v-btn
+                                append-icon="mdi-clipboard-multiple-outline"
+                                color="white"
+                                variant="text"
+                                :title="$gettext('Copy to clipboard')"
+                                @click="copyPassword"
+                            >
+                                {{ account.password }}
+                            </v-btn>
+                        </v-col>
+                    </v-row>
+                </v-col>
+            </template>
+            <template v-else>
+                <v-col
+                    ><span class="grey--text">{{ item.key }}</span></v-col
+                >
+                <v-col v-if="item.type === 'yesno'" class="text-right">{{
+                    $yesno(item.value)
+                }}</v-col>
+            </template>
+        </template>
+    </CreationForm>
 </template>
 
 <script setup lang="js">
@@ -80,110 +80,116 @@ const identitiesStore = useIdentitiesStore()
 const emit = defineEmits(['close', 'created'])
 
 const needsMailbox = computed(
-  () =>
-    account.value.role !== 'SuperAdmins' &&
-    account.value.username &&
-    account.value.username.indexOf('@') !== -1
+    () =>
+        account.value.role !== 'SuperAdmins' &&
+        account.value.username &&
+        account.value.username.indexOf('@') !== -1
 )
 
 const summarySections = computed(() => {
-  const result = [
-    {
-      title: $gettext('Role'),
-      items: [{ key: $gettext('Role'), value: account.value.role }],
-    },
-    {
-      title: $gettext('Identification'),
-      items: [
-        { key: $gettext('Username'), value: account.value.username },
-        { key: $gettext('First name'), value: account.value.first_name },
-        { key: $gettext('Last name'), value: account.value.last_name },
+    const result = [
         {
-          name: 'random_password',
-          key: $gettext('Random password'),
-          value: account.value.random_password,
-          type: 'yesno',
+            title: $gettext('Role'),
+            items: [{ key: $gettext('Role'), value: account.value.role }],
         },
         {
-          key: $gettext('Enabled'),
-          value: account.value.is_active,
-          type: 'yesno',
+            title: $gettext('Identification'),
+            items: [
+                { key: $gettext('Username'), value: account.value.username },
+                {
+                    key: $gettext('First name'),
+                    value: account.value.first_name,
+                },
+                { key: $gettext('Last name'), value: account.value.last_name },
+                {
+                    name: 'random_password',
+                    key: $gettext('Random password'),
+                    value: account.value.random_password,
+                    type: 'yesno',
+                },
+                {
+                    key: $gettext('Enabled'),
+                    value: account.value.is_active,
+                    type: 'yesno',
+                },
+            ],
         },
-      ],
-    },
-  ]
-  if (needsMailbox.value) {
-    return result.concat([
-      {
-        title: $gettext('Mailbox'),
-        items: [
-          { key: $gettext('Email'), value: account.value.mailbox.full_address },
-          {
-            key: $gettext('Quota'),
-            value: account.value.mailbox.use_domain_quota
-              ? $gettext('Domain default value')
-              : account.value.mailbox.quota,
-          },
-          {
-            key: $gettext('Message sending limit'),
-            value: account.value.mailbox.message_limit,
-          },
-          {
-            key: $gettext('Send only account'),
-            value: account.value.mailbox.is_send_only,
-            type: 'yesno',
-          },
-        ],
-      },
-      {
-        title: $gettext('Aliases'),
-        items: [
-          {
-            key: $gettext('Aliases'),
-            value: account.value.aliases,
-            type: 'list',
-          },
-        ],
-      },
-    ])
-  }
-  return result
+    ]
+    if (needsMailbox.value) {
+        return result.concat([
+            {
+                title: $gettext('Mailbox'),
+                items: [
+                    {
+                        key: $gettext('Email'),
+                        value: account.value.mailbox.full_address,
+                    },
+                    {
+                        key: $gettext('Quota'),
+                        value: account.value.mailbox.use_domain_quota
+                            ? $gettext('Domain default value')
+                            : account.value.mailbox.quota,
+                    },
+                    {
+                        key: $gettext('Message sending limit'),
+                        value: account.value.mailbox.message_limit,
+                    },
+                    {
+                        key: $gettext('Send only account'),
+                        value: account.value.mailbox.is_send_only,
+                        type: 'yesno',
+                    },
+                ],
+            },
+            {
+                title: $gettext('Aliases'),
+                items: [
+                    {
+                        key: $gettext('Aliases'),
+                        value: account.value.aliases,
+                        type: 'list',
+                    },
+                ],
+            },
+        ])
+    }
+    return result
 })
 
 const steps = computed(() => {
-  const result = [
-    {
-      name: 'role',
-      title: $gettext('Role'),
-    },
-    {
-      name: 'identification',
-      title: $gettext('Identification'),
-    },
-  ]
-  if (needsMailbox.value) {
-    return result.concat([
-      {
-        name: 'mailbox',
-        title: $gettext('Mailbox'),
-      },
-      {
-        name: 'aliases',
-        title: $gettext('Aliases'),
-      },
-    ])
-  }
-  return result
+    const result = [
+        {
+            name: 'role',
+            title: $gettext('Role'),
+        },
+        {
+            name: 'identification',
+            title: $gettext('Identification'),
+        },
+    ]
+    if (needsMailbox.value) {
+        return result.concat([
+            {
+                name: 'mailbox',
+                title: $gettext('Mailbox'),
+            },
+            {
+                name: 'aliases',
+                title: $gettext('Aliases'),
+            },
+        ])
+    }
+    return result
 })
 
 const account = ref({
-  aliases: [],
-  is_active: true,
-  role: 'SimpleUsers',
-  mailbox: {
-    use_domain_quota: true,
-  },
-  random_password: false,
+    aliases: [],
+    is_active: true,
+    role: 'SimpleUsers',
+    mailbox: {
+        use_domain_quota: true,
+    },
+    random_password: false,
 })
 
 // Form refs
@@ -193,74 +199,77 @@ const mailbox = ref()
 const aliases = ref()
 
 const formStepsComponents = {
-  role: role,
-  identification: identification,
-  mailbox: mailbox,
-  aliases: aliases,
+    role: role,
+    identification: identification,
+    mailbox: mailbox,
+    aliases: aliases,
 }
 
 function copyPassword() {
-  navigator.clipboard.writeText(account.value.password).then(() => {
-    busStore.displayNotification({
-      msg: $gettext('Password copied to clipboard'),
+    navigator.clipboard.writeText(account.value.password).then(() => {
+        busStore.displayNotification({
+            msg: $gettext('Password copied to clipboard'),
+        })
     })
-  })
 }
 
 function getForm(step) {
-  return formStepsComponents.step[step.name]
+    return formStepsComponents.step[step.name]
 }
 
 function getVFormRef(step) {
-  return formStepsComponents[step.name].value.vFormRef
+    return formStepsComponents[step.name].value.vFormRef
 }
 
 function setFormErrors(step, errors) {
-  const stepName = steps.value[step - 1].name
-  if (formStepsComponents[stepName].value.formErrors) {
-    formStepsComponents[stepName].value.formErrors.value = errors
-  }
+    const stepName = steps.value[step - 1].name
+    if (formStepsComponents[stepName].value.formErrors) {
+        formStepsComponents[stepName].value.formErrors.value = errors
+    }
 }
 
 function preparePayload(payload) {
-  const cleaned_payload = { ...payload }
-  if (
-    cleaned_payload.role === 'SuperAdmins' &&
-    cleaned_payload.username &&
-    cleaned_payload.username.indexOf('@') === -1
-  ) {
-    delete cleaned_payload.mailbox
-  }
-  if (cleaned_payload.mailbox && cleaned_payload.mailbox.message_limit === '') {
-    cleaned_payload.mailbox.message_limit = null
-  }
-  return cleaned_payload
+    const cleaned_payload = { ...payload }
+    if (
+        cleaned_payload.role === 'SuperAdmins' &&
+        cleaned_payload.username &&
+        cleaned_payload.username.indexOf('@') === -1
+    ) {
+        delete cleaned_payload.mailbox
+    }
+    if (
+        cleaned_payload.mailbox &&
+        cleaned_payload.mailbox.message_limit === ''
+    ) {
+        cleaned_payload.mailbox.message_limit = null
+    }
+    return cleaned_payload
 }
 
 function validateAccount() {
-  const payload = preparePayload({ ...account.value })
-  return accountsApi.validate(payload)
+    const payload = preparePayload({ ...account.value })
+    return accountsApi.validate(payload)
 }
 
 function close() {
-  emit('close')
+    emit('close')
 }
 
 function submit() {
-  const data = preparePayload({ ...account.value })
-  identitiesStore.createIdentity('account', data).then(() => {
-    emit('created')
-    close()
-  })
+    const data = preparePayload({ ...account.value })
+    identitiesStore.createIdentity('account', data).then(() => {
+        emit('created')
+        close()
+    })
 }
 
 onMounted(() => {
-  domainsStore.getDomains()
+    domainsStore.getDomains()
 })
 </script>
 
 <style lang="scss">
 .highligth {
-  background-color: #515d78;
+    background-color: #515d78;
 }
 </style>
diff --git a/frontend/src/components/admin/identities/AccountEditForm.vue b/frontend/src/components/admin/identities/AccountEditForm.vue
index c4fbf5532..b4c23f374 100644
--- a/frontend/src/components/admin/identities/AccountEditForm.vue
+++ b/frontend/src/components/admin/identities/AccountEditForm.vue
@@ -1,199 +1,248 @@
 <template>
-  <LoadingData v-if="!accountsStore.accountsLoaded || working" />
-  <div v-else>
-    <v-expansion-panels v-model="panel" :multiple="formErrors">
-      <v-expansion-panel eager value="roleForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Role') }}
-            </v-col>
-            <v-col cols="8" class="text-medium-emphasis">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <v-col cols="6">
-                    {{ roleForm.roleLabel }}
-                  </v-col>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <AccountRoleForm ref="roleForm" v-model="editedAccount" />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel eager value="generalForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Identification') }}
-            </v-col>
-            <v-col cols="8" class="text-secondary">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <v-col cols="6">
-                    <div class="mr-2">
-                      {{ $gettext('Username:') }} {{ editedAccount.username }}
-                    </div>
-                  </v-col>
-                  <v-col cols="6">
-                    <div class="mr-2">
-                      {{ $gettext('Enabled') }}
-                      <v-icon v-if="editedAccount.is_active" color="success"
-                        >mdi-check-circle-outline</v-icon
-                      >
-                      <v-icon v-else>mdi-close-circle-outline</v-icon>
-                    </div>
-                  </v-col>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <AccountGeneralForm
-            ref="generalForm"
-            v-model="editedAccount"
-            editing
-          />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel v-if="usernameIsEmail" eager value="mailboxForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Mailbox') }}
-            </v-col>
-            <v-col cols="8" class="text-secondary">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <template v-if="editedAccount.mailbox">
-                    <v-col
-                      v-if="editedAccount.mailbox.use_domain_quota"
-                      cols="6"
-                    >
-                      <div class="mr-2">
-                        {{ $gettext('Quota: ') }}
-                        {{ $gettext("domain's default value") }}
-                      </div>
-                    </v-col>
-                    <v-col v-else cols="6">
-                      <div class="mr-2">
-                        {{ $gettext('Quota: ') }}
-                        {{ editedAccount.mailbox.quota }}
-                      </div>
-                    </v-col>
-                    <v-col cols="6">
-                      <div class="mr-2">
-                        {{ $gettext('Send only') }}
-                        <v-icon
-                          v-if="editedAccount.mailbox.is_send_only"
-                          color="success"
-                          >mdi-check-circle-outline</v-icon
-                        >
-                        <v-icon v-else>mdi-close-circle-outline</v-icon>
-                      </div>
-                    </v-col>
-                  </template>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <AccountMailboxForm ref="mailboxForm" v-model="editedAccount" />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel v-if="usernameIsEmail" eager value="aliasForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Alias') }}
-            </v-col>
-            <v-col cols="8" class="text-secondary">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <template v-if="editedAccount.aliases">
-                    <v-col cols="6">
-                      <div class="mr-2">
-                        {{ $gettext('Aliases:') }}
-                        {{ $gettext('Number of associated alias:') }}
-                        {{ editedAccount.aliases.length }}
-                      </div>
-                    </v-col>
-                  </template>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <AccountAliasForm ref="aliasForm" v-model="editedAccount" />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel v-if="needsResources" eager value="resourcesForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Resources') }}
-            </v-col>
-            <v-col cols="8" class="text-secondary">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <template
-                    v-if="
-                      editedAccount.resources != undefined &&
-                      editedAccount.resources.length == 2
-                    "
-                  >
-                    <v-col cols="6">
-                      <div class="mr-2">
-                        {{ $gettext('Mailbox:') }}
-                        {{ $gettext('Number of allowed mailboxes:') }}
-                        {{ editedAccount.resources[0].max_value }}
-                      </div>
-                    </v-col>
-                    <v-col cols="6">
-                      <div class="mr-2">
-                        {{ $gettext('Mailbox aliases:') }}
-                        {{ $gettext('Number of allowed mailbox aliases:') }}
-                        {{ editedAccount.resources[1].max_value }}
-                      </div>
-                    </v-col>
-                  </template>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <ResourcesForm
-            ref="resourcesForm"
-            v-model="editedAccount.resources"
-          />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-    </v-expansion-panels>
-    <div class="mt-4 d-flex justify-end">
-      <v-btn :loading="working" @click="$router.go(-1)">
-        {{ $gettext('Cancel') }}
-      </v-btn>
-      <v-btn
-        class="ml-4"
-        color="primary darken-1"
-        :loading="working"
-        @click="save"
-      >
-        {{ $gettext('Save') }}
-      </v-btn>
+    <LoadingData v-if="!accountsStore.accountsLoaded || working" />
+    <div v-else>
+        <v-expansion-panels v-model="panel" :multiple="formErrors">
+            <v-expansion-panel eager value="roleForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Role') }}
+                        </v-col>
+                        <v-col cols="8" class="text-medium-emphasis">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <v-col cols="6">
+                                        {{ roleForm.roleLabel }}
+                                    </v-col>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <AccountRoleForm ref="roleForm" v-model="editedAccount" />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel eager value="generalForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Identification') }}
+                        </v-col>
+                        <v-col cols="8" class="text-secondary">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <v-col cols="6">
+                                        <div class="mr-2">
+                                            {{ $gettext('Username:') }}
+                                            {{ editedAccount.username }}
+                                        </div>
+                                    </v-col>
+                                    <v-col cols="6">
+                                        <div class="mr-2">
+                                            {{ $gettext('Enabled') }}
+                                            <v-icon
+                                                v-if="editedAccount.is_active"
+                                                color="success"
+                                                >mdi-check-circle-outline</v-icon
+                                            >
+                                            <v-icon v-else
+                                                >mdi-close-circle-outline</v-icon
+                                            >
+                                        </div>
+                                    </v-col>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <AccountGeneralForm
+                        ref="generalForm"
+                        v-model="editedAccount"
+                        editing
+                    />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel v-if="usernameIsEmail" eager value="mailboxForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Mailbox') }}
+                        </v-col>
+                        <v-col cols="8" class="text-secondary">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <template v-if="editedAccount.mailbox">
+                                        <v-col
+                                            v-if="
+                                                editedAccount.mailbox
+                                                    .use_domain_quota
+                                            "
+                                            cols="6"
+                                        >
+                                            <div class="mr-2">
+                                                {{ $gettext('Quota: ') }}
+                                                {{
+                                                    $gettext(
+                                                        "domain's default value"
+                                                    )
+                                                }}
+                                            </div>
+                                        </v-col>
+                                        <v-col v-else cols="6">
+                                            <div class="mr-2">
+                                                {{ $gettext('Quota: ') }}
+                                                {{
+                                                    editedAccount.mailbox.quota
+                                                }}
+                                            </div>
+                                        </v-col>
+                                        <v-col cols="6">
+                                            <div class="mr-2">
+                                                {{ $gettext('Send only') }}
+                                                <v-icon
+                                                    v-if="
+                                                        editedAccount.mailbox
+                                                            .is_send_only
+                                                    "
+                                                    color="success"
+                                                    >mdi-check-circle-outline</v-icon
+                                                >
+                                                <v-icon v-else
+                                                    >mdi-close-circle-outline</v-icon
+                                                >
+                                            </div>
+                                        </v-col>
+                                    </template>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <AccountMailboxForm
+                        ref="mailboxForm"
+                        v-model="editedAccount"
+                    />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel v-if="usernameIsEmail" eager value="aliasForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Alias') }}
+                        </v-col>
+                        <v-col cols="8" class="text-secondary">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <template v-if="editedAccount.aliases">
+                                        <v-col cols="6">
+                                            <div class="mr-2">
+                                                {{ $gettext('Aliases:') }}
+                                                {{
+                                                    $gettext(
+                                                        'Number of associated alias:'
+                                                    )
+                                                }}
+                                                {{
+                                                    editedAccount.aliases.length
+                                                }}
+                                            </div>
+                                        </v-col>
+                                    </template>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <AccountAliasForm ref="aliasForm" v-model="editedAccount" />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel
+                v-if="needsResources"
+                eager
+                value="resourcesForm"
+            >
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Resources') }}
+                        </v-col>
+                        <v-col cols="8" class="text-secondary">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <template
+                                        v-if="
+                                            editedAccount.resources !=
+                                                undefined &&
+                                            editedAccount.resources.length == 2
+                                        "
+                                    >
+                                        <v-col cols="6">
+                                            <div class="mr-2">
+                                                {{ $gettext('Mailbox:') }}
+                                                {{
+                                                    $gettext(
+                                                        'Number of allowed mailboxes:'
+                                                    )
+                                                }}
+                                                {{
+                                                    editedAccount.resources[0]
+                                                        .max_value
+                                                }}
+                                            </div>
+                                        </v-col>
+                                        <v-col cols="6">
+                                            <div class="mr-2">
+                                                {{
+                                                    $gettext('Mailbox aliases:')
+                                                }}
+                                                {{
+                                                    $gettext(
+                                                        'Number of allowed mailbox aliases:'
+                                                    )
+                                                }}
+                                                {{
+                                                    editedAccount.resources[1]
+                                                        .max_value
+                                                }}
+                                            </div>
+                                        </v-col>
+                                    </template>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <ResourcesForm
+                        ref="resourcesForm"
+                        v-model="editedAccount.resources"
+                    />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+        </v-expansion-panels>
+        <div class="mt-4 d-flex justify-end">
+            <v-btn :loading="working" @click="$router.go(-1)">
+                {{ $gettext('Cancel') }}
+            </v-btn>
+            <v-btn
+                class="ml-4"
+                color="primary darken-1"
+                :loading="working"
+                @click="save"
+            >
+                {{ $gettext('Save') }}
+            </v-btn>
+        </div>
     </div>
-  </div>
 </template>
 
 <script setup lang="js">
@@ -220,23 +269,23 @@ const router = useRouter()
 const editedAccount = ref({ pk: route.params.id })
 
 const usernameIsEmail = computed(() => {
-  return (
-    editedAccount.value.username &&
-    editedAccount.value.role !== 'SuperAdmins' &&
-    editedAccount.value.username.indexOf('@') !== -1
-  )
+    return (
+        editedAccount.value.username &&
+        editedAccount.value.role !== 'SuperAdmins' &&
+        editedAccount.value.username.indexOf('@') !== -1
+    )
 })
 
 const needsResources = computed(() => {
-  const isNeeded =
-    limitsConfig.value.params &&
-    limitsConfig.value.params.enable_admin_limits &&
-    editedAccount.value.role !== 'SimpleUsers' &&
-    editedAccount.value.role !== 'SuperAdmins'
-  if (isNeeded === undefined) {
-    return false
-  }
-  return isNeeded
+    const isNeeded =
+        limitsConfig.value.params &&
+        limitsConfig.value.params.enable_admin_limits &&
+        editedAccount.value.role !== 'SimpleUsers' &&
+        editedAccount.value.role !== 'SuperAdmins'
+    if (isNeeded === undefined) {
+        return false
+    }
+    return isNeeded
 })
 
 const limitsConfig = ref({})
@@ -253,79 +302,82 @@ const resourcesForm = ref()
 
 //formMap
 const formMap = computed(() => {
-  const map = {
-    roleForm: roleForm,
-    generalForm: generalForm,
-  }
-  if (usernameIsEmail.value) {
-    map.aliasForm = aliasForm
-    map.mailboxForm = mailboxForm
-  }
-  if (needsResources.value) {
-    map.resourcesForm = resourcesForm
-  }
-  return map
+    const map = {
+        roleForm: roleForm,
+        generalForm: generalForm,
+    }
+    if (usernameIsEmail.value) {
+        map.aliasForm = aliasForm
+        map.mailboxForm = mailboxForm
+    }
+    if (needsResources.value) {
+        map.resourcesForm = resourcesForm
+    }
+    return map
 })
 
 async function save() {
-  formErrors.value = false
-  panel.value = []
-  for (const [panelName, formRef] of Object.entries(formMap.value)) {
-    if (formRef.value != null) {
-      const { valid } = await formRef.value.vFormRef.validate()
-      if (!valid) {
-        formErrors.value = true
-        panel.value.push(panelName)
-      }
+    formErrors.value = false
+    panel.value = []
+    for (const [panelName, formRef] of Object.entries(formMap.value)) {
+        if (formRef.value != null) {
+            const { valid } = await formRef.value.vFormRef.validate()
+            if (!valid) {
+                formErrors.value = true
+                panel.value.push(panelName)
+            }
+        }
     }
-  }
-  if (formErrors.value) {
-    return
-  }
-  working.value = true
-  try {
-    const data = { ...editedAccount.value }
-    if (usernameIsEmail.value) {
-      data.mailbox.full_address = data.username
-    } else {
-      delete data.mailbox.full_address
+    if (formErrors.value) {
+        return
     }
-    if (data.random_password || !data.password) {
-      delete data.password
-      delete data.password_confirmation
+    working.value = true
+    try {
+        const data = { ...editedAccount.value }
+        if (usernameIsEmail.value) {
+            data.mailbox.full_address = data.username
+        } else {
+            delete data.mailbox.full_address
+        }
+        if (data.random_password || !data.password) {
+            delete data.password
+            delete data.password_confirmation
+        }
+        if (needsResources.value && resourcesForm.value !== null) {
+            data.resources = resourcesForm.value.getPayload()
+        }
+        if (data.aliases === null) {
+            delete data.aliases
+        }
+        identitiesStore.updateIdentity('account', data).then(() => {
+            router.push({
+                name: 'AccountDetail',
+                params: { id: route.params.id },
+            })
+        })
+    } finally {
+        working.value = false
     }
-    if (needsResources.value && resourcesForm.value !== null) {
-      data.resources = resourcesForm.value.getPayload()
-    }
-    if (data.aliases === null) {
-      delete data.aliases
-    }
-    identitiesStore.updateIdentity('account', data).then(() => {
-      router.push({ name: 'AccountDetail', params: { id: route.params.id } })
-    })
-  } finally {
-    working.value = false
-  }
 }
 
 onMounted(() => {
-  accountsStore
-    .getAccount(route.params.id)
-    .then((response) => (editedAccount.value = { ...response.data }))
+    accountsStore
+        .getAccount(route.params.id)
+        .then((response) => (editedAccount.value = { ...response.data }))
 
-  parametersApi.getApplication('limits').then((response) => {
-    limitsConfig.value = response.data
-  })
+    parametersApi.getApplication('limits').then((response) => {
+        limitsConfig.value = response.data
+    })
 })
 
 watch(
-  editedAccount,
-  () => {
-    delete editedAccount.value.domains
-    if (editedAccount.value.mailbox === null) {
-      delete editedAccount.value.mailbox
-    }
-  },
-  { deep: true }
+    editedAccount,
+    () => {
+        delete editedAccount.value.domains
+        if (editedAccount.value.mailbox === null) {
+            delete editedAccount.value.mailbox
+        }
+    },
+    { deep: true }
 )
 </script>
diff --git a/frontend/src/components/admin/identities/AccountSenderAddresses.vue b/frontend/src/components/admin/identities/AccountSenderAddresses.vue
index 0dfbdd8f4..c20c95a16 100644
--- a/frontend/src/components/admin/identities/AccountSenderAddresses.vue
+++ b/frontend/src/components/admin/identities/AccountSenderAddresses.vue
@@ -1,59 +1,61 @@
 Ac
 <template>
-  <v-card>
-    <v-card-title>
-      <span class="headline">{{ $gettext('Sender addresses') }}</span>
-    </v-card-title>
-    <v-card-text>
-      <v-data-table
-        :headers="headers"
-        :items="addresses"
-        :no-data-text="$gettext('No sender address defined for this account')"
-      >
-        <template #[`item.address`]="{ item }">
-          <span v-if="item.pk">{{ item.address }}</span>
-          <v-text-field
-            v-else
-            v-model="newAddress"
-            :label="$gettext('Specify an email address')"
-          >
-            <template #append>
-              <v-btn
-                v-if="newAddress"
-                icon="mdi-content-save"
+    <v-card>
+        <v-card-title>
+            <span class="headline">{{ $gettext('Sender addresses') }}</span>
+        </v-card-title>
+        <v-card-text>
+            <v-data-table
+                :headers="headers"
+                :items="addresses"
+                :no-data-text="
+                    $gettext('No sender address defined for this account')
+                "
+            >
+                <template #[`item.address`]="{ item }">
+                    <span v-if="item.pk">{{ item.address }}</span>
+                    <v-text-field
+                        v-else
+                        v-model="newAddress"
+                        :label="$gettext('Specify an email address')"
+                    >
+                        <template #append>
+                            <v-btn
+                                v-if="newAddress"
+                                icon="mdi-content-save"
+                                color="primary"
+                                variant="text"
+                                @click="submit"
+                            >
+                            </v-btn>
+                        </template>
+                    </v-text-field>
+                </template>
+                <template #[`item.actions`]="{ item }">
+                    <v-btn
+                        v-if="item.pk"
+                        icon="mdi-delete-outline"
+                        color="red"
+                        :title="$gettext('Remove this address')"
+                        variant="text"
+                        @click="deleteSenderAddress(item)"
+                    >
+                    </v-btn>
+                </template>
+                <template #bottom></template>
+            </v-data-table>
+            <v-btn
+                v-if="!hideAddBtn"
+                size="small"
                 color="primary"
-                variant="text"
-                @click="submit"
-              >
-              </v-btn>
-            </template>
-          </v-text-field>
-        </template>
-        <template #[`item.actions`]="{ item }">
-          <v-btn
-            v-if="item.pk"
-            icon="mdi-delete-outline"
-            color="red"
-            :title="$gettext('Remove this address')"
-            variant="text"
-            @click="deleteSenderAddress(item)"
-          >
-          </v-btn>
-        </template>
-        <template #bottom></template>
-      </v-data-table>
-      <v-btn
-        v-if="!hideAddBtn"
-        size="small"
-        color="primary"
-        variant="outlined"
-        @click="addRow"
-      >
-        <v-icon size="small" icon="mdi-plus"></v-icon>
-        {{ $gettext('Add sender address') }}
-      </v-btn>
-    </v-card-text>
-  </v-card>
+                variant="outlined"
+                @click="addRow"
+            >
+                <v-icon size="small" icon="mdi-plus"></v-icon>
+                {{ $gettext('Add sender address') }}
+            </v-btn>
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -70,39 +72,39 @@ const hideAddBtn = ref(false)
 const newAddress = ref('')
 
 const headers = [
-  { title: $gettext('Address'), key: 'address' },
-  { title: '', key: 'actions', align: 'end', sortable: false },
+    { title: $gettext('Address'), key: 'address' },
+    { title: '', key: 'actions', align: 'end', sortable: false },
 ]
 
 function addRow() {
-  addresses.value.push({})
-  hideAddBtn.value = true
+    addresses.value.push({})
+    hideAddBtn.value = true
 }
 
 function fetchSenderAddresses() {
-  senderAddresses.getAllForMailbox(props.account.mailbox.pk).then((resp) => {
-    addresses.value = resp.data
-  })
+    senderAddresses.getAllForMailbox(props.account.mailbox.pk).then((resp) => {
+        addresses.value = resp.data
+    })
 }
 
 function submit() {
-  const data = {
-    address: newAddress.value,
-    mailbox: props.account.mailbox.pk,
-  }
-  senderAddresses.create(data).then(() => {
-    fetchSenderAddresses()
-    newAddress.value = null
-    hideAddBtn.value = false
-    // bus.$emit('notification', { msg: this.$gettext('Sender address added') })
-  })
+    const data = {
+        address: newAddress.value,
+        mailbox: props.account.mailbox.pk,
+    }
+    senderAddresses.create(data).then(() => {
+        fetchSenderAddresses()
+        newAddress.value = null
+        hideAddBtn.value = false
+        // bus.$emit('notification', { msg: this.$gettext('Sender address added') })
+    })
 }
 
 function deleteSenderAddress(senderAddress) {
-  senderAddresses.delete(senderAddress.pk).then(() => {
-    fetchSenderAddresses()
-    // bus.$emit('notification', { msg: this.$gettext('Sender address deleted') })
-  })
+    senderAddresses.delete(senderAddress.pk).then(() => {
+        fetchSenderAddresses()
+        // bus.$emit('notification', { msg: this.$gettext('Sender address deleted') })
+    })
 }
 
 fetchSenderAddresses()
diff --git a/frontend/src/components/admin/identities/AccountSummary.vue b/frontend/src/components/admin/identities/AccountSummary.vue
index a142c0117..64f098fc8 100644
--- a/frontend/src/components/admin/identities/AccountSummary.vue
+++ b/frontend/src/components/admin/identities/AccountSummary.vue
@@ -1,63 +1,73 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <span class="headline">{{ $gettext('General information') }}</span>
-    </v-card-title>
-    <v-card-text>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Creation date') }}</v-col>
-        <v-col cols="6">{{ $date(account.date_joined) }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Last login date') }}</v-col>
-        <v-col v-if="account.last_login" cols="6">
-          {{ $date(account.last_login) }}
-        </v-col>
-        <v-col v-else cols="6">{{ $gettext('Never logged-in') }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Full name') }}</v-col>
-        <v-col cols="6">{{ account.first_name }} {{ account.last_name }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Role') }} </v-col>
-        <v-col cols="6">{{ account.role }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Secondary email') }}</v-col>
-        <v-col cols="6">{{ account.secondary_email }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Phone number') }}</v-col>
-        <v-col cols="6">{{ account.phone_number }}</v-col>
-      </v-row>
-      <template v-if="account.mailbox">
-        <v-row>
-          <v-col cols="6">{{ $gettext('Quota') }} </v-col>
-          <v-col v-if="account.mailbox.quota === '0'" cols="6">
-            {{ $gettext('Unlimited') }}
-          </v-col>
-          <v-col v-else cols="6">
-            <v-progress-linear
-              :color="account.mailbox.quota_usage < 80 ? 'primary' : 'warning'"
-              :value="account.mailbox.quota_usage"
-              height="25"
-              class="white--text"
-            >
-              <template #default="{ value }">
-                {{ Math.ceil(value) }}% ({{ account.mailbox.quota }}
-                {{ $gettext('MB') }})
-              </template>
-            </v-progress-linear>
-          </v-col>
-        </v-row>
-        <v-row v-if="account.mailbox.message_limit">
-          <v-col cols="6">{{ $gettext('Daily sending limit') }}</v-col>
-          <v-col cols="6">{{ account.mailbox.message_limit }}</v-col>
-        </v-row>
-      </template>
-    </v-card-text>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <span class="headline">{{ $gettext('General information') }}</span>
+        </v-card-title>
+        <v-card-text>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Creation date') }}</v-col>
+                <v-col cols="6">{{ $date(account.date_joined) }}</v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Last login date') }}</v-col>
+                <v-col v-if="account.last_login" cols="6">
+                    {{ $date(account.last_login) }}
+                </v-col>
+                <v-col v-else cols="6">{{ $gettext('Never logged-in') }}</v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Full name') }}</v-col>
+                <v-col cols="6"
+                    >{{ account.first_name }} {{ account.last_name }}</v-col
+                >
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Role') }} </v-col>
+                <v-col cols="6">{{ account.role }}</v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Secondary email') }}</v-col>
+                <v-col cols="6">{{ account.secondary_email }}</v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Phone number') }}</v-col>
+                <v-col cols="6">{{ account.phone_number }}</v-col>
+            </v-row>
+            <template v-if="account.mailbox">
+                <v-row>
+                    <v-col cols="6">{{ $gettext('Quota') }} </v-col>
+                    <v-col v-if="account.mailbox.quota === '0'" cols="6">
+                        {{ $gettext('Unlimited') }}
+                    </v-col>
+                    <v-col v-else cols="6">
+                        <v-progress-linear
+                            :color="
+                                account.mailbox.quota_usage < 80
+                                    ? 'primary'
+                                    : 'warning'
+                            "
+                            :value="account.mailbox.quota_usage"
+                            height="25"
+                            class="white--text"
+                        >
+                            <template #default="{ value }">
+                                {{ Math.ceil(value) }}% ({{
+                                    account.mailbox.quota
+                                }}
+                                {{ $gettext('MB') }})
+                            </template>
+                        </v-progress-linear>
+                    </v-col>
+                </v-row>
+                <v-row v-if="account.mailbox.message_limit">
+                    <v-col cols="6">{{
+                        $gettext('Daily sending limit')
+                    }}</v-col>
+                    <v-col cols="6">{{ account.mailbox.message_limit }}</v-col>
+                </v-row>
+            </template>
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/components/admin/identities/AliasCreationForm.vue b/frontend/src/components/admin/identities/AliasCreationForm.vue
index 89a110e73..d8bd1149e 100644
--- a/frontend/src/components/admin/identities/AliasCreationForm.vue
+++ b/frontend/src/components/admin/identities/AliasCreationForm.vue
@@ -1,22 +1,22 @@
 <template>
-  <CreationForm
-    ref="form"
-    :title="$gettext('New alias')"
-    :steps="steps"
-    :form-getter="getForm"
-    :get-v-form-ref="getVFormRef"
-    :validate-object="validateAlias"
-    :summary-sections="summarySections"
-    @close="close"
-    @create="submit"
-  >
-    <template #[`form.general`]>
-      <AliasGeneralForm ref="general" v-model="alias" />
-    </template>
-    <template #[`form.recipients`]>
-      <AliasRecipientForm ref="recipients" v-model="alias.recipients" />
-    </template>
-  </CreationForm>
+    <CreationForm
+        ref="form"
+        :title="$gettext('New alias')"
+        :steps="steps"
+        :form-getter="getForm"
+        :get-v-form-ref="getVFormRef"
+        :validate-object="validateAlias"
+        :summary-sections="summarySections"
+        @close="close"
+        @create="submit"
+    >
+        <template #[`form.general`]>
+            <AliasGeneralForm ref="general" v-model="alias" />
+        </template>
+        <template #[`form.recipients`]>
+            <AliasRecipientForm ref="recipients" v-model="alias.recipients" />
+        </template>
+    </CreationForm>
 </template>
 
 <script setup lang="js">
@@ -43,109 +43,112 @@ const general = ref()
 const recipients = ref()
 
 const formStepsComponenents = {
-  general: general,
-  recipients: recipients,
+    general: general,
+    recipients: recipients,
 }
 
 const summarySections = computed(() => {
-  const result = [
-    {
-      title: $gettext('General'),
-      items: [
+    const result = [
         {
-          key: $gettext('Random address'),
-          value: alias.value.random,
-          type: 'yesno',
+            title: $gettext('General'),
+            items: [
+                {
+                    key: $gettext('Random address'),
+                    value: alias.value.random,
+                    type: 'yesno',
+                },
+                { key: $gettext('Address'), value: alias.value.address },
+            ],
         },
-        { key: $gettext('Address'), value: alias.value.address },
-      ],
-    },
-  ]
-  if (alias.value.expire_at !== undefined) {
-    result[0].items.push({
-      key: $gettext('Expire at'),
-      value: alias.value.expire_at,
+    ]
+    if (alias.value.expire_at !== undefined) {
+        result[0].items.push({
+            key: $gettext('Expire at'),
+            value: alias.value.expire_at,
+        })
+    }
+    if (alias.value.description !== undefined) {
+        result[0].items.push({
+            key: $gettext('Description'),
+            value: alias.value.description,
+        })
+    }
+    result.push({
+        title: $gettext('Recipients'),
+        items: [
+            {
+                key: $gettext('Recipients'),
+                value: alias.value.recipients.join(', '),
+            },
+        ],
     })
-  }
-  if (alias.value.description !== undefined) {
-    result[0].items.push({
-      key: $gettext('Description'),
-      value: alias.value.description,
-    })
-  }
-  result.push({
-    title: $gettext('Recipients'),
-    items: [
-      {
-        key: $gettext('Recipients'),
-        value: alias.value.recipients.join(', '),
-      },
-    ],
-  })
-  return result
+    return result
 })
 
 const alias = ref(getInitialForm())
 
 const steps = ref([
-  {
-    name: 'general',
-    title: $gettext('General'),
-  },
-  {
-    name: 'recipients',
-    title: $gettext('Recipients'),
-  },
+    {
+        name: 'general',
+        title: $gettext('General'),
+    },
+    {
+        name: 'recipients',
+        title: $gettext('Recipients'),
+    },
 ])
 
 function close() {
-  alias.value = getInitialForm()
-  emit('close')
+    alias.value = getInitialForm()
+    emit('close')
 }
 function getInitialForm() {
-  return {
-    random: false,
-    enabled: true,
-    recipients: [],
-  }
+    return {
+        random: false,
+        enabled: true,
+        recipients: [],
+    }
 }
 
 function getForm(step) {
-  return formStepsComponenents.step[step.name]
+    return formStepsComponenents.step[step.name]
 }
 
 function getVFormRef(step) {
-  return formStepsComponenents[step.name].value.vFormRef
+    return formStepsComponenents[step.name].value.vFormRef
 }
 
 function validateAlias() {
-  const data = { ...alias.value }
-  if (data.recipients.length === 0) {
-    delete data.recipients
-  }
-  const validation = aliasesApi.validate(data)
-  validation.catch((error) => {
-    if (error.response.status === 409 && error.response.data.id !== undefined) {
-      busStore.displayNotification({
-        msg: $gettext('Alias already exists, redirecting to edit page'),
-        type: 'warning',
-      })
-      router.push({
-        name: 'AliasEdit',
-        params: { id: error.response.data.id },
-      })
+    const data = { ...alias.value }
+    if (data.recipients.length === 0) {
+        delete data.recipients
     }
-  })
-  return validation
+    const validation = aliasesApi.validate(data)
+    validation.catch((error) => {
+        if (
+            error.response.status === 409 &&
+            error.response.data.id !== undefined
+        ) {
+            busStore.displayNotification({
+                msg: $gettext('Alias already exists, redirecting to edit page'),
+                type: 'warning',
+            })
+            router.push({
+                name: 'AliasEdit',
+                params: { id: error.response.data.id },
+            })
+        }
+    })
+    return validation
 }
 
 function submit() {
-  if (alias.value.domain !== undefined) {
-    delete alias.value.domain
-  }
-  identitiesStore.createIdentity('alias', alias.value).then(() => {
-    emit('created')
-    close()
-  })
+    if (alias.value.domain !== undefined) {
+        delete alias.value.domain
+    }
+    identitiesStore.createIdentity('alias', alias.value).then(() => {
+        emit('created')
+        close()
+    })
 }
 </script>
diff --git a/frontend/src/components/admin/identities/AliasEditForm.vue b/frontend/src/components/admin/identities/AliasEditForm.vue
index 8e51ea4bd..fa9918995 100644
--- a/frontend/src/components/admin/identities/AliasEditForm.vue
+++ b/frontend/src/components/admin/identities/AliasEditForm.vue
@@ -1,80 +1,89 @@
 <template>
-  <LoadingData v-if="!aliasesStore.aliasesLoaded || working" />
-  <div v-else>
-    <v-expansion-panels v-model="panel" :multiple="formErrors">
-      <v-expansion-panel eager value="generalForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('General') }}
-            </v-col>
-            <v-col cols="8" class="text-medium-emphasis">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <v-col cols="6">
-                    {{ $gettext('Address') }}: {{ editedAlias.address }}
-                  </v-col>
-                  <v-col cols="6">
-                    <div class="mr-2">{{ $gettext('Enabled') }}</div>
-                    <v-icon v-if="editedAlias.enabled" color="success"
-                      >mdi-check-circle-outline</v-icon
-                    >
-                    <v-icon v-else>mdi-close-circle-outline</v-icon>
-                  </v-col>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <AliasGeneralForm ref="generalForm" v-model="editedAlias" />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-      <v-expansion-panel eager value="recipientForm">
-        <v-expansion-panel-title v-slot="{ expanded }">
-          <v-row no-gutters>
-            <v-col cols="4">
-              {{ $gettext('Recipients') }}
-            </v-col>
-            <v-col cols="8" class="text-medium-emphasis">
-              <v-fade-transition leave-absolute>
-                <span v-if="expanded"></span>
-                <v-row v-else no-gutters style="width: 100%">
-                  <v-chip
-                    v-for="(rcpt, index) in editedAlias.recipients"
-                    :key="index"
-                    size="small"
-                  >
-                    {{ rcpt }}
-                  </v-chip>
-                </v-row>
-              </v-fade-transition>
-            </v-col>
-          </v-row>
-        </v-expansion-panel-title>
-        <v-expansion-panel-text>
-          <AliasRecipientForm
-            ref="recipientForm"
-            v-model="editedAlias.recipients"
-          />
-        </v-expansion-panel-text>
-      </v-expansion-panel>
-    </v-expansion-panels>
-    <div class="mt-4 d-flex justify-end">
-      <v-btn :loading="working" @click="$router.go(-1)">
-        {{ $gettext('Cancel') }}
-      </v-btn>
-      <v-btn
-        class="ml-4"
-        color="primary darken-1"
-        :loading="working"
-        @click="save"
-      >
-        {{ $gettext('Save') }}
-      </v-btn>
+    <LoadingData v-if="!aliasesStore.aliasesLoaded || working" />
+    <div v-else>
+        <v-expansion-panels v-model="panel" :multiple="formErrors">
+            <v-expansion-panel eager value="generalForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('General') }}
+                        </v-col>
+                        <v-col cols="8" class="text-medium-emphasis">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <v-col cols="6">
+                                        {{ $gettext('Address') }}:
+                                        {{ editedAlias.address }}
+                                    </v-col>
+                                    <v-col cols="6">
+                                        <div class="mr-2">
+                                            {{ $gettext('Enabled') }}
+                                        </div>
+                                        <v-icon
+                                            v-if="editedAlias.enabled"
+                                            color="success"
+                                            >mdi-check-circle-outline</v-icon
+                                        >
+                                        <v-icon v-else
+                                            >mdi-close-circle-outline</v-icon
+                                        >
+                                    </v-col>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <AliasGeneralForm ref="generalForm" v-model="editedAlias" />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+            <v-expansion-panel eager value="recipientForm">
+                <v-expansion-panel-title v-slot="{ expanded }">
+                    <v-row no-gutters>
+                        <v-col cols="4">
+                            {{ $gettext('Recipients') }}
+                        </v-col>
+                        <v-col cols="8" class="text-medium-emphasis">
+                            <v-fade-transition leave-absolute>
+                                <span v-if="expanded"></span>
+                                <v-row v-else no-gutters style="width: 100%">
+                                    <v-chip
+                                        v-for="(
+                                            rcpt, index
+                                        ) in editedAlias.recipients"
+                                        :key="index"
+                                        size="small"
+                                    >
+                                        {{ rcpt }}
+                                    </v-chip>
+                                </v-row>
+                            </v-fade-transition>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                    <AliasRecipientForm
+                        ref="recipientForm"
+                        v-model="editedAlias.recipients"
+                    />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+        </v-expansion-panels>
+        <div class="mt-4 d-flex justify-end">
+            <v-btn :loading="working" @click="$router.go(-1)">
+                {{ $gettext('Cancel') }}
+            </v-btn>
+            <v-btn
+                class="ml-4"
+                color="primary darken-1"
+                :loading="working"
+                @click="save"
+            >
+                {{ $gettext('Save') }}
+            </v-btn>
+        </div>
     </div>
-  </div>
 </template>
 
 <script setup lang="js">
@@ -106,34 +115,37 @@ const recipientForm = ref()
 const formMap = { generalForm: generalForm, recipientForm: recipientForm }
 
 async function save() {
-  formErrors.value = false
-  panel.value = []
-  for (const [panelName, formRef] of Object.entries(formMap)) {
-    if (formRef.value != null) {
-      const { valid } = await formRef.value.vFormRef.validate()
-      if (!valid) {
-        formErrors.value = true
-        panel.value.push(panelName)
-      }
+    formErrors.value = false
+    panel.value = []
+    for (const [panelName, formRef] of Object.entries(formMap)) {
+        if (formRef.value != null) {
+            const { valid } = await formRef.value.vFormRef.validate()
+            if (!valid) {
+                formErrors.value = true
+                panel.value.push(panelName)
+            }
+        }
+    }
+    if (formErrors.value) {
+        return
     }
-  }
-  if (formErrors.value) {
-    return
-  }
 
-  working.value = true
+    working.value = true
 
-  identitiesStore
-    .updateIdentity('alias', editedAlias.value)
-    .then(() =>
-      router.push({ name: 'AliasDetail', params: { id: route.params.id } })
-    )
-    .finally(() => (working.value = false))
+    identitiesStore
+        .updateIdentity('alias', editedAlias.value)
+        .then(() =>
+            router.push({
+                name: 'AliasDetail',
+                params: { id: route.params.id },
+            })
+        )
+        .finally(() => (working.value = false))
 }
 
 onMounted(() => {
-  aliasesStore.getAlias(route.params.id).then((response) => {
-    editedAlias.value = { ...response.data }
-  })
+    aliasesStore.getAlias(route.params.id).then((response) => {
+        editedAlias.value = { ...response.data }
+    })
 })
 </script>
diff --git a/frontend/src/components/admin/identities/AliasRecipientsSummary.vue b/frontend/src/components/admin/identities/AliasRecipientsSummary.vue
index 2cfd0e722..6c64e4e14 100644
--- a/frontend/src/components/admin/identities/AliasRecipientsSummary.vue
+++ b/frontend/src/components/admin/identities/AliasRecipientsSummary.vue
@@ -1,14 +1,14 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <div class="headline">{{ $gettext('Recipients') }}</div>
-    </v-card-title>
-    <v-card-text>
-      <p v-for="recipient in alias.recipients" :key="recipient">
-        {{ recipient }}
-      </p>
-    </v-card-text>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <div class="headline">{{ $gettext('Recipients') }}</div>
+        </v-card-title>
+        <v-card-text>
+            <p v-for="recipient in alias.recipients" :key="recipient">
+                {{ recipient }}
+            </p>
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/components/admin/identities/AliasSummary.vue b/frontend/src/components/admin/identities/AliasSummary.vue
index 230797a2b..c08470c22 100644
--- a/frontend/src/components/admin/identities/AliasSummary.vue
+++ b/frontend/src/components/admin/identities/AliasSummary.vue
@@ -1,27 +1,27 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <div class="headline">{{ $gettext('General information') }}</div>
-    </v-card-title>
-    <v-card-text>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Creation date') }}</v-col>
-        <v-col cols="6">{{ $date(alias.creation) }}</v-col>
-      </v-row>
-      <v-row>
-        <v-col cols="6">{{ $gettext('Modified') }}</v-col>
-        <v-col cols="6">{{ $date(alias.last_modification) }}</v-col>
-      </v-row>
-      <v-row v-if="alias.expiry">
-        <v-col cols="6">{{ $gettext('Expire at') }}</v-col>
-        <v-col cols="6"></v-col>
-      </v-row>
-      <v-row v-if="alias.description">
-        <v-col cols="6">{{ $gettext('Description') }}</v-col>
-        <v-col cols="6">{{ alias.description }}</v-col>
-      </v-row>
-    </v-card-text>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <div class="headline">{{ $gettext('General information') }}</div>
+        </v-card-title>
+        <v-card-text>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Creation date') }}</v-col>
+                <v-col cols="6">{{ $date(alias.creation) }}</v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="6">{{ $gettext('Modified') }}</v-col>
+                <v-col cols="6">{{ $date(alias.last_modification) }}</v-col>
+            </v-row>
+            <v-row v-if="alias.expiry">
+                <v-col cols="6">{{ $gettext('Expire at') }}</v-col>
+                <v-col cols="6"></v-col>
+            </v-row>
+            <v-row v-if="alias.description">
+                <v-col cols="6">{{ $gettext('Description') }}</v-col>
+                <v-col cols="6">{{ alias.description }}</v-col>
+            </v-row>
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/components/admin/identities/DomainAdminDomains.vue b/frontend/src/components/admin/identities/DomainAdminDomains.vue
index 6a3a36cba..dcefbd340 100644
--- a/frontend/src/components/admin/identities/DomainAdminDomains.vue
+++ b/frontend/src/components/admin/identities/DomainAdminDomains.vue
@@ -1,22 +1,24 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <span class="headline">{{ $gettext('Administered domains') }}</span>
-    </v-card-title>
-    <v-card-text>
-      <template v-if="account.domains !== undefined && account.domains.length">
-        <v-row v-for="domain in account.domains" :key="domain">
-          <v-col cols="12">{{ domain }}</v-col>
-        </v-row>
-      </template>
-      <div v-else>
-        {{ $gettext('No domain managed') }}
-      </div>
-      <div class="text-disabled">
-        {{ $gettext('Add/Remove from the domain page') }}
-      </div>
-    </v-card-text>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <span class="headline">{{ $gettext('Administered domains') }}</span>
+        </v-card-title>
+        <v-card-text>
+            <template
+                v-if="account.domains !== undefined && account.domains.length"
+            >
+                <v-row v-for="domain in account.domains" :key="domain">
+                    <v-col cols="12">{{ domain }}</v-col>
+                </v-row>
+            </template>
+            <div v-else>
+                {{ $gettext('No domain managed') }}
+            </div>
+            <div class="text-disabled">
+                {{ $gettext('Add/Remove from the domain page') }}
+            </div>
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/components/admin/identities/IdentityList.vue b/frontend/src/components/admin/identities/IdentityList.vue
index bc8501af0..105f0749a 100644
--- a/frontend/src/components/admin/identities/IdentityList.vue
+++ b/frontend/src/components/admin/identities/IdentityList.vue
@@ -1,104 +1,108 @@
 <template>
-  <v-card class="mt-6">
-    <v-data-table
-      v-model="selected"
-      :headers="headers"
-      :items="identities"
-      :search="search"
-      :loading="!identitiesLoaded"
-      item-value="identity"
-      class="elevation-0"
-      show-select
-    >
-      <template #top>
-        <v-toolbar flat color="white">
-          <v-menu location="bottom">
-            <template #activator="{ props }">
-              <v-btn
-                append-icon="mdi-chevron-down"
-                v-bind="props"
-                size="small"
-                variant="flat"
-              >
-                {{ $gettext('Actions') }}
-              </v-btn>
+    <v-card class="mt-6">
+        <v-data-table
+            v-model="selected"
+            :headers="headers"
+            :items="identities"
+            :search="search"
+            :loading="!identitiesLoaded"
+            item-value="identity"
+            class="elevation-0"
+            show-select
+        >
+            <template #top>
+                <v-toolbar flat color="white">
+                    <v-menu location="bottom">
+                        <template #activator="{ props }">
+                            <v-btn
+                                append-icon="mdi-chevron-down"
+                                v-bind="props"
+                                size="small"
+                                variant="flat"
+                            >
+                                {{ $gettext('Actions') }}
+                            </v-btn>
+                        </template>
+                        <v-list density="compact">
+                            <MenuItems :items="getActionMenuItems()" />
+                        </v-list>
+                    </v-menu>
+                    <v-btn
+                        variant="text"
+                        icon="mdi-reload"
+                        @click="fetchIdentities"
+                    ></v-btn>
+                    <v-spacer></v-spacer>
+                    <v-text-field
+                        v-model="search"
+                        prepend-inner-icon="mdi-magnify"
+                        :placeholder="$gettext('Search')"
+                        variant="outlined"
+                        hide-details
+                        single-line
+                        flat
+                    ></v-text-field>
+                </v-toolbar>
             </template>
-            <v-list density="compact">
-              <MenuItems :items="getActionMenuItems()" />
-            </v-list>
-          </v-menu>
-          <v-btn
-            variant="text"
-            icon="mdi-reload"
-            @click="fetchIdentities"
-          ></v-btn>
-          <v-spacer></v-spacer>
-          <v-text-field
-            v-model="search"
-            prepend-inner-icon="mdi-magnify"
-            :placeholder="$gettext('Search')"
-            variant="outlined"
-            hide-details
-            single-line
-            flat
-          ></v-text-field>
-        </v-toolbar>
-      </template>
-      <template #[`item.identity`]="{ item }">
-        <template v-if="item.type === 'account'">
-          <router-link :to="{ name: 'AccountDetail', params: { id: item.pk } }">
-            {{ item.identity }}
-          </router-link>
-        </template>
-        <template v-else>
-          <router-link :to="{ name: 'AliasDetail', params: { id: item.pk } }">
-            {{ item.identity }}
-          </router-link>
-        </template>
-      </template>
-      <template #[`item.tags`]="{ item }">
-        <v-chip
-          v-for="(tag, index) in item.tags"
-          :key="tag.name"
-          :color="tag.type !== 'idt' ? 'primary' : 'default'"
-          :class="index > 0 ? 'ml-2' : ''"
-          size="small"
-        >
-          {{ tag.label }}
-        </v-chip>
-      </template>
-      <template #[`item.actions`]="{ item }">
-        <template
-          v-if="
-            item.possible_actions !== undefined &&
-            item.possible_actions.length !== 0
-          "
-        >
-          <v-icon size="2.5em" color="blue">mdi-circle-small</v-icon>
-        </template>
-        <v-menu location="bottom">
-          <template #activator="{ props }">
-            <v-btn
-              v-bind="props"
-              size="small"
-              icon="mdi-dots-horizontal"
-              variant="text"
-            >
-            </v-btn>
-          </template>
-          <MenuItems :items="getMenuItems(item)" :obj="item" />
-        </v-menu>
-      </template>
-    </v-data-table>
-    <ConfirmDialog ref="confirmAlias" />
-    <ConfirmDialog ref="confirmAccount">
-      <v-checkbox
-        v-model="keepAccountFolder"
-        :label="$gettext('Do not delete account folder')"
-        hide-details
-      />
-    </ConfirmDialog>
-  </v-card>
+            <template #[`item.identity`]="{ item }">
+                <template v-if="item.type === 'account'">
+                    <router-link
+                        :to="{ name: 'AccountDetail', params: { id: item.pk } }"
+                    >
+                        {{ item.identity }}
+                    </router-link>
+                </template>
+                <template v-else>
+                    <router-link
+                        :to="{ name: 'AliasDetail', params: { id: item.pk } }"
+                    >
+                        {{ item.identity }}
+                    </router-link>
+                </template>
+            </template>
+            <template #[`item.tags`]="{ item }">
+                <v-chip
+                    v-for="(tag, index) in item.tags"
+                    :key="tag.name"
+                    :color="tag.type !== 'idt' ? 'primary' : 'default'"
+                    :class="index > 0 ? 'ml-2' : ''"
+                    size="small"
+                >
+                    {{ tag.label }}
+                </v-chip>
+            </template>
+            <template #[`item.actions`]="{ item }">
+                <template
+                    v-if="
+                        item.possible_actions !== undefined &&
+                        item.possible_actions.length !== 0
+                    "
+                >
+                    <v-icon size="2.5em" color="blue">mdi-circle-small</v-icon>
+                </template>
+                <v-menu location="bottom">
+                    <template #activator="{ props }">
+                        <v-btn
+                            v-bind="props"
+                            size="small"
+                            icon="mdi-dots-horizontal"
+                            variant="text"
+                        >
+                        </v-btn>
+                    </template>
+                    <MenuItems :items="getMenuItems(item)" :obj="item" />
+                </v-menu>
+            </template>
+        </v-data-table>
+        <ConfirmDialog ref="confirmAlias" />
+        <ConfirmDialog ref="confirmAccount">
+            <v-checkbox
+                v-model="keepAccountFolder"
+                :label="$gettext('Do not delete account folder')"
+                hide-details
+            />
+        </ConfirmDialog>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -114,15 +118,15 @@ const identitiesStore = useIdentitiesStore()
 const router = useRouter()
 
 const headers = ref([
-  { title: $gettext('Name'), key: 'identity' },
-  { title: $gettext('Fullname/recipient'), key: 'name_or_rcpt' },
-  { title: $gettext('Tags'), key: 'tags' },
-  {
-    title: $gettext('Actions'),
-    key: 'actions',
-    sortable: false,
-    align: 'end',
-  },
+    { title: $gettext('Name'), key: 'identity' },
+    { title: $gettext('Fullname/recipient'), key: 'name_or_rcpt' },
+    { title: $gettext('Tags'), key: 'tags' },
+    {
+        title: $gettext('Actions'),
+        key: 'actions',
+        sortable: false,
+        align: 'end',
+    },
 ])
 
 const identities = computed(() => identitiesStore.identities)
@@ -134,90 +138,90 @@ const confirmAlias = ref()
 const confirmAccount = ref()
 
 function fetchIdentities() {
-  identitiesStore.getIdentities().then(() => {
-    selected.value = []
-  })
+    identitiesStore.getIdentities().then(() => {
+        selected.value = []
+    })
 }
 
 function getMenuItems(item) {
-  const result = []
-  if (item.type === 'account') {
-    item.possible_actions.forEach((element) => {
-      result.push({
-        label: element.label,
-        icon: element.icon,
-        onClick: () => {
-          if (element.type === 'download') {
-            //TODO : downloadFile(element)
-          }
-          fetchIdentities()
-        },
-      })
-    })
-    result.push({
-      label: $gettext('Edit'),
-      icon: 'mdi-circle-edit-outline',
-      onClick: editAccount,
-    })
-    result.push({
-      label: $gettext('Delete'),
-      icon: 'mdi-delete-outline',
-      onClick: deleteAccount,
-      color: 'red',
-    })
-  } else if (item.type === 'alias') {
-    result.push({
-      label: $gettext('Edit'),
-      icon: 'mdi-circle-edit-outline',
-      onClick: editAlias,
-    })
-    result.push({
-      label: $gettext('Delete'),
-      icon: 'mdi-delete-outline',
-      onClick: deleteAlias,
-      color: 'red',
-    })
-  }
-  return result
+    const result = []
+    if (item.type === 'account') {
+        item.possible_actions.forEach((element) => {
+            result.push({
+                label: element.label,
+                icon: element.icon,
+                onClick: () => {
+                    if (element.type === 'download') {
+                        //TODO : downloadFile(element)
+                    }
+                    fetchIdentities()
+                },
+            })
+        })
+        result.push({
+            label: $gettext('Edit'),
+            icon: 'mdi-circle-edit-outline',
+            onClick: editAccount,
+        })
+        result.push({
+            label: $gettext('Delete'),
+            icon: 'mdi-delete-outline',
+            onClick: deleteAccount,
+            color: 'red',
+        })
+    } else if (item.type === 'alias') {
+        result.push({
+            label: $gettext('Edit'),
+            icon: 'mdi-circle-edit-outline',
+            onClick: editAlias,
+        })
+        result.push({
+            label: $gettext('Delete'),
+            icon: 'mdi-delete-outline',
+            onClick: deleteAlias,
+            color: 'red',
+        })
+    }
+    return result
 }
 
 function getActionMenuItems() {
-  const result = []
-  if (selected.value.length > 0) {
-    result.push({
-      label: $gettext('Delete'),
-      icon: 'mdi-delete-outline',
-      onClick: deleteIdentities,
-      color: 'red',
-    })
-  }
-  return result
+    const result = []
+    if (selected.value.length > 0) {
+        result.push({
+            label: $gettext('Delete'),
+            icon: 'mdi-delete-outline',
+            onClick: deleteIdentities,
+            color: 'red',
+        })
+    }
+    return result
 }
 
 function editAccount(account) {
-  router.push({ name: 'AccountEdit', params: { id: account.pk } })
+    router.push({ name: 'AccountEdit', params: { id: account.pk } })
 }
 
 async function deleteAccount(account) {
-  const result = await confirmAccount.value.open(
-    $gettext('Warning'),
-    $gettext('Are you sure you want to delete this identity ?'),
-    {
-      color: 'error',
-      agreeLabel: $gettext('Yes'),
-      cancelLabel: $gettext('No'),
+    const result = await confirmAccount.value.open(
+        $gettext('Warning'),
+        $gettext('Are you sure you want to delete this identity ?'),
+        {
+            color: 'error',
+            agreeLabel: $gettext('Yes'),
+            cancelLabel: $gettext('No'),
+        }
+    )
+    if (!result) {
+        return
     }
-  )
-  if (!result) {
-    return
-  }
-  identitiesStore
-    .deleteIdentity(account.type, account.pk, {
-      keepdir: keepAccountFolder.value,
-    })
-    .then(() => {
-      keepAccountFolder.value = false
-    })
+    identitiesStore
+        .deleteIdentity(account.type, account.pk, {
+            keepdir: keepAccountFolder.value,
+        })
+        .then(() => {
+            keepAccountFolder.value = false
+        })
 }
 
 function editAlias() {}
@@ -225,24 +229,24 @@ function editAlias() {}
 function deleteIdentities() {}
 
 async function deleteAlias(alias) {
-  const result = await confirmAlias.value.open(
-    $gettext('Warning'),
-    $gettext('Are you sure you want to delete this alias?'),
-    {
-      color: 'error',
-      agreeLabel: $gettext('Yes'),
-      cancelLabel: $gettext('No'),
+    const result = await confirmAlias.value.open(
+        $gettext('Warning'),
+        $gettext('Are you sure you want to delete this alias?'),
+        {
+            color: 'error',
+            agreeLabel: $gettext('Yes'),
+            cancelLabel: $gettext('No'),
+        }
+    )
+    if (!result) {
+        return
     }
-  )
-  if (!result) {
-    return
-  }
-  identitiesStore.deleteIdentity(alias.type, alias.pk)
+    identitiesStore.deleteIdentity(alias.type, alias.pk)
 }
 
 onMounted(() => {
-  if (identities.value.length < 1) {
-    fetchIdentities()
-  }
+    if (identities.value.length < 1) {
+        fetchIdentities()
+    }
 })
 </script>
diff --git a/frontend/src/components/admin/identities/form_steps/AccountAliasForm.vue b/frontend/src/components/admin/identities/form_steps/AccountAliasForm.vue
index 8aeb53cf8..c3a0ad015 100644
--- a/frontend/src/components/admin/identities/form_steps/AccountAliasForm.vue
+++ b/frontend/src/components/admin/identities/form_steps/AccountAliasForm.vue
@@ -1,29 +1,29 @@
 <template>
-  <v-form ref="vFormRef">
-    <EmailField
-      ref="aliasField"
-      v-model="currentAlias"
-      :placeholder="$gettext('Start typing a name here...')"
-      :hint="
-        $gettext(
-          'Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).'
-        )
-      "
-      persistent-hint
-      :loading="isValidating"
-      :error-msg="errors"
-      @domain-selected="addAlias"
-    />
-    <v-chip
-      v-for="(alias, index) in account.aliases"
-      :key="index"
-      class="mr-2 mt-2"
-      closable
-      @click:close="removeAlias(index)"
-    >
-      {{ alias }}
-    </v-chip>
-  </v-form>
+    <v-form ref="vFormRef">
+        <EmailField
+            ref="aliasField"
+            v-model="currentAlias"
+            :placeholder="$gettext('Start typing a name here...')"
+            :hint="
+                $gettext(
+                    'Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).'
+                )
+            "
+            persistent-hint
+            :loading="isValidating"
+            :error-msg="errors"
+            @domain-selected="addAlias"
+        />
+        <v-chip
+            v-for="(alias, index) in account.aliases"
+            :key="index"
+            class="mr-2 mt-2"
+            closable
+            @click:close="removeAlias(index)"
+        >
+            {{ alias }}
+        </v-chip>
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -44,37 +44,37 @@ const isValidating = ref(false)
 const errors = ref([])
 
 async function addAlias() {
-  errors.value = []
-  isValidating.value = true
-  if (account.value.aliases.indexOf(currentAlias.value) !== -1) {
-    errors.value = [$gettext('Alias already added')]
-    currentAlias.value = ''
-    isValidating.value = false
-    return
-  }
-  try {
-    await accountsApi.validate({
-      aliases: [currentAlias.value],
-      mailbox: account.value.mailbox,
-    })
-    account.value.aliases.push(currentAlias.value)
-    currentAlias.value = ''
-    vFormRef.value.resetValidation()
-  } catch (error) {
-    let errorMsg = null
-    if (error.response.data.aliases) {
-      errorMsg = error.response.data.aliases
-    } else if (error.response.data.non_field_errors) {
-      errorMsg = error.response.data.non_field_errors
+    errors.value = []
+    isValidating.value = true
+    if (account.value.aliases.indexOf(currentAlias.value) !== -1) {
+        errors.value = [$gettext('Alias already added')]
+        currentAlias.value = ''
+        isValidating.value = false
+        return
+    }
+    try {
+        await accountsApi.validate({
+            aliases: [currentAlias.value],
+            mailbox: account.value.mailbox,
+        })
+        account.value.aliases.push(currentAlias.value)
+        currentAlias.value = ''
+        vFormRef.value.resetValidation()
+    } catch (error) {
+        let errorMsg = null
+        if (error.response.data.aliases) {
+            errorMsg = error.response.data.aliases
+        } else if (error.response.data.non_field_errors) {
+            errorMsg = error.response.data.non_field_errors
+        }
+        //TODO : v-alert !!
+    } finally {
+        isValidating.value = false
     }
-    //TODO : v-alert !!
-  } finally {
-    isValidating.value = false
-  }
 }
 
 function removeAlias(index) {
-  account.value.aliases.splice(index, 1)
+    account.value.aliases.splice(index, 1)
 }
 
 defineExpose({ vFormRef })
diff --git a/frontend/src/components/admin/identities/form_steps/AccountGeneralForm.vue b/frontend/src/components/admin/identities/form_steps/AccountGeneralForm.vue
index 874c1e57a..0decd993b 100644
--- a/frontend/src/components/admin/identities/form_steps/AccountGeneralForm.vue
+++ b/frontend/src/components/admin/identities/form_steps/AccountGeneralForm.vue
@@ -1,49 +1,49 @@
 <template>
-  <v-form ref="vFormRef">
-    <label class="m-label">{{ $gettext('Username') }}</label>
-    <EmailField
-      ref="username"
-      v-model="account.username"
-      :placeholder="usernamePlaceholder"
-      :type="usernameInputType"
-      :rules="
-        usernameInputType === 'email'
-          ? [rules.required, rules.email]
-          : [rules.required]
-      "
-      :role="account.role"
-      :error-msg="formErrors.value ? formErrors.value.username : []"
-      @update:model-value="updateUsername"
-    />
-    <label class="m-label">{{ $gettext('First name') }}</label>
-    <v-text-field
-      v-model="account.first_name"
-      autocomplete="new-password"
-      variant="outlined"
-      density="compact"
-    />
-    <label class="m-label">{{ $gettext('Last name') }}</label>
-    <v-text-field
-      v-model="account.last_name"
-      autocomplete="new-password"
-      variant="outlined"
-      density="compact"
-    />
+    <v-form ref="vFormRef">
+        <label class="m-label">{{ $gettext('Username') }}</label>
+        <EmailField
+            ref="username"
+            v-model="account.username"
+            :placeholder="usernamePlaceholder"
+            :type="usernameInputType"
+            :rules="
+                usernameInputType === 'email'
+                    ? [rules.required, rules.email]
+                    : [rules.required]
+            "
+            :role="account.role"
+            :error-msg="formErrors.value ? formErrors.value.username : []"
+            @update:model-value="updateUsername"
+        />
+        <label class="m-label">{{ $gettext('First name') }}</label>
+        <v-text-field
+            v-model="account.first_name"
+            autocomplete="new-password"
+            variant="outlined"
+            density="compact"
+        />
+        <label class="m-label">{{ $gettext('Last name') }}</label>
+        <v-text-field
+            v-model="account.last_name"
+            autocomplete="new-password"
+            variant="outlined"
+            density="compact"
+        />
 
-    <AccountPasswordSubForm
-      ref="passwordForm"
-      v-model="account"
-      :editing="editing"
-      :form-errors="formErrors"
-    />
+        <AccountPasswordSubForm
+            ref="passwordForm"
+            v-model="account"
+            :editing="editing"
+            :form-errors="formErrors"
+        />
 
-    <v-switch
-      v-model="account.is_active"
-      :label="$gettext('Enabled')"
-      density="compact"
-      color="primary"
-    />
-  </v-form>
+        <v-switch
+            v-model="account.is_active"
+            :label="$gettext('Enabled')"
+            density="compact"
+            color="primary"
+        />
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -55,8 +55,8 @@ import rules from '@/plugins/rules'
 
 const { $gettext } = useGettext()
 const props = defineProps({
-  modelValue: { type: Object, default: null },
-  editing: { type: Boolean, default: false },
+    modelValue: { type: Object, default: null },
+    editing: { type: Boolean, default: false },
 })
 
 const vFormRef = ref()
@@ -65,24 +65,24 @@ const formErrors = ref({})
 const account = computed(() => props.modelValue)
 
 const usernamePlaceholder = computed(() => {
-  if (account.value.role === 'SimpleUsers') {
-    return $gettext('Enter an email address')
-  }
-  return $gettext('Enter a simple username or an email address')
+    if (account.value.role === 'SimpleUsers') {
+        return $gettext('Enter an email address')
+    }
+    return $gettext('Enter a simple username or an email address')
 })
 
 const usernameInputType = computed(() => {
-  return account.value.role === 'SimpleUsers' ? 'email' : 'text'
+    return account.value.role === 'SimpleUsers' ? 'email' : 'text'
 })
 
 function updateUsername() {
-  if (
-    account.value.role != 'SuperAdmins' &&
-    account.value.username.indexOf('@') !== -1
-  ) {
-    account.value.mailbox.full_address = account.value.username
-    account.value.mailbox.message_limit = null
-  }
+    if (
+        account.value.role != 'SuperAdmins' &&
+        account.value.username.indexOf('@') !== -1
+    ) {
+        account.value.mailbox.full_address = account.value.username
+        account.value.mailbox.message_limit = null
+    }
 }
 
 defineExpose({ vFormRef, formErrors })
diff --git a/frontend/src/components/admin/identities/form_steps/AccountMailboxForm.vue b/frontend/src/components/admin/identities/form_steps/AccountMailboxForm.vue
index ba9e2d2cf..aef670c50 100644
--- a/frontend/src/components/admin/identities/form_steps/AccountMailboxForm.vue
+++ b/frontend/src/components/admin/identities/form_steps/AccountMailboxForm.vue
@@ -1,47 +1,49 @@
 <template>
-  <v-form ref="vFormRef">
-    <label class="m-label">{{ $gettext('Quota') }}</label>
-    <v-switch
-      v-model="form.mailbox.use_domain_quota"
-      :label="useDomainQuotaLabel"
-      color="primary"
-      @update:model-value="cleanQuota"
-    />
-    <v-text-field
-      v-if="!form.mailbox.use_domain_quota"
-      v-model="form.mailbox.quota"
-      :placeholder="$gettext('Ex: 10MB. Leave empty for no limit')"
-      :hint="
-        $gettext(
-          'Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain\'s default one. Leave empty to define an unlimited value (not allowed for domain administrators).'
-        )
-      "
-      persistent-hint
-      variant="outlined"
-      density="compact"
-    />
-    <label class="m-label">{{ $gettext('Daily message sending limit') }}</label>
-    <v-text-field
-      v-model="form.mailbox.message_limit"
-      :placeholder="$gettext('Leave empty for no limit')"
-      :hint="
-        $gettext(
-          'Number of messages this mailbox can send per day. Leave empty for no limit.'
-        )
-      "
-      persistent-hint
-      variant="outlined"
-      density="compact"
-      :rules="[rules.numericOrNull]"
-      @update:model-value="cleanMessageLimit"
-    />
-    <v-switch
-      v-model="form.mailbox.is_send_only"
-      :label="$gettext('Send only account')"
-      density="compact"
-      color="primary"
-    />
-  </v-form>
+    <v-form ref="vFormRef">
+        <label class="m-label">{{ $gettext('Quota') }}</label>
+        <v-switch
+            v-model="form.mailbox.use_domain_quota"
+            :label="useDomainQuotaLabel"
+            color="primary"
+            @update:model-value="cleanQuota"
+        />
+        <v-text-field
+            v-if="!form.mailbox.use_domain_quota"
+            v-model="form.mailbox.quota"
+            :placeholder="$gettext('Ex: 10MB. Leave empty for no limit')"
+            :hint="
+                $gettext(
+                    'Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain\'s default one. Leave empty to define an unlimited value (not allowed for domain administrators).'
+                )
+            "
+            persistent-hint
+            variant="outlined"
+            density="compact"
+        />
+        <label class="m-label">{{
+            $gettext('Daily message sending limit')
+        }}</label>
+        <v-text-field
+            v-model="form.mailbox.message_limit"
+            :placeholder="$gettext('Leave empty for no limit')"
+            :hint="
+                $gettext(
+                    'Number of messages this mailbox can send per day. Leave empty for no limit.'
+                )
+            "
+            persistent-hint
+            variant="outlined"
+            density="compact"
+            :rules="[rules.numericOrNull]"
+            @update:model-value="cleanMessageLimit"
+        />
+        <v-switch
+            v-model="form.mailbox.is_send_only"
+            :label="$gettext('Send only account')"
+            density="compact"
+            color="primary"
+        />
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -57,73 +59,73 @@ const domainsStore = useDomainsStore()
 
 const vFormRef = ref()
 const form = ref({
-  mailbox: {},
+    mailbox: {},
 })
 
 watch(
-  props.modelValue,
-  (value) => {
-    if (value) {
-      form.value = { ...value }
-      if (form.value.role === 'SimpleUsers') {
-        if (!form.value.mailbox) {
-          form.value.mailbox = {}
+    props.modelValue,
+    (value) => {
+        if (value) {
+            form.value = { ...value }
+            if (form.value.role === 'SimpleUsers') {
+                if (!form.value.mailbox) {
+                    form.value.mailbox = {}
+                }
+                form.value.mailbox.full_address = form.value.username
+            }
+            if (form.value.mailbox.message_limit === '') {
+                form.value.mailbox.message_limit = null
+            }
+        } else {
+            form.value = {
+                mailbox: {},
+            }
         }
-        form.value.mailbox.full_address = form.value.username
-      }
-      if (form.value.mailbox.message_limit === '') {
-        form.value.mailbox.message_limit = null
-      }
-    } else {
-      form.value = {
-        mailbox: {},
-      }
-    }
-  },
-  { immediate: true }
+    },
+    { immediate: true }
 )
 
 watch(
-  form,
-  (value) => {
-    emit('update:modelValue', value)
-  },
-  { deep: true }
+    form,
+    (value) => {
+        emit('update:modelValue', value)
+    },
+    { deep: true }
 )
 
 const domainQuota = computed(() => {
-  const email = form.value.mailbox.full_address
-  if (email && email.indexOf('@') !== -1) {
-    const domain = domainsStore.getDomainByName(email.split('@')[1])
-    if (domain) {
-      return parseInt(domain.default_mailbox_quota)
+    const email = form.value.mailbox.full_address
+    if (email && email.indexOf('@') !== -1) {
+        const domain = domainsStore.getDomainByName(email.split('@')[1])
+        if (domain) {
+            return parseInt(domain.default_mailbox_quota)
+        }
     }
-  }
-  return undefined
+    return undefined
 })
 
 const useDomainQuotaLabel = computed(() => {
-  let result = $gettext('Use domain default value')
-  if (domainQuota.value !== undefined) {
-    if (domainQuota.value === 0) {
-      result += ` (${$gettext('unlimited')})`
-    } else {
-      result += ` (${domainQuota.value} MB)`
+    let result = $gettext('Use domain default value')
+    if (domainQuota.value !== undefined) {
+        if (domainQuota.value === 0) {
+            result += ` (${$gettext('unlimited')})`
+        } else {
+            result += ` (${domainQuota.value} MB)`
+        }
     }
-  }
-  return result
+    return result
 })
 
 function cleanQuota(value) {
-  if (value) {
-    delete form.value.mailbox.quota
-  }
+    if (value) {
+        delete form.value.mailbox.quota
+    }
 }
 
 function cleanMessageLimit(value) {
-  if (value === '') {
-    delete form.value.mailbox.message_limit
-  }
+    if (value === '') {
+        delete form.value.mailbox.message_limit
+    }
 }
 
 defineExpose({ vFormRef })
@@ -131,6 +133,6 @@ defineExpose({ vFormRef })
 
 <style lang="scss" scoped>
 .quota {
-  max-width: 50%;
+    max-width: 50%;
 }
 </style>
diff --git a/frontend/src/components/admin/identities/form_steps/AccountPasswordSubForm.vue b/frontend/src/components/admin/identities/form_steps/AccountPasswordSubForm.vue
index ad23a8681..b44f52dac 100644
--- a/frontend/src/components/admin/identities/form_steps/AccountPasswordSubForm.vue
+++ b/frontend/src/components/admin/identities/form_steps/AccountPasswordSubForm.vue
@@ -1,131 +1,137 @@
 <template>
-  <div>
-    <template v-if="withPasswordCheck">
-      <label class="m-label">{{ $gettext("Current password") }}</label>
-      <v-text-field
-        v-model="account.currentPassword"
-        autocomplete="new-password"
-        variant="outlined"
-        type="password"
-        density="compact"
-        validate-on="submit"
-        :rules="disabled ? [] : [rules.required, validPassword]"
-        :disabled="disabled"
-      />
-    </template>
-    <v-row justify="center">
-      <v-col cols="auto">
-        <v-switch
-          v-model="account.random_password"
-          :label="$gettext('Random password')"
-          density="compact"
-          color="primary"
-          class="text-center"
-          :disabled="disabled"
-          @update:model-value="updatePassword"
-        />
-      </v-col>
-      <v-col>
-        <v-alert
-          v-if="account.random_password"
-          style="background-color: #515d78"
-          class="ml-6"
-          density="compact"
-        >
-          <span class="text-white mr-4">{{ account.password }}</span>
-          <v-btn
-            size="small"
-            color="white"
-            variant="text"
-            density="compact"
-            :disabled="disabled"
-            icon="mdi-clipboard-multiple-outline"
-            :title="$gettext('Copy to clipboard')"
-            @click="copyPassword"
-          />
-        </v-alert>
-      </v-col>
-    </v-row>
-    <template v-if="!account.random_password">
-      <v-text-field
-        v-model="account.password"
-        variant="outlined"
-        :label="$gettext('Password')"
-        type="password"
-        autocomplete="new-password"
-        density="compact"
-        :disabled="disabled"
-        :rules="isRuleActive ? [rules.required] : []"
-      />
-      <v-text-field
-        v-model="account.password_confirmation"
-        variant="outlined"
-        type="password"
-        :label="$gettext('Confirmation')"
-        density="compact"
-        :disabled="disabled"
-        :rules="isRuleActive ? [rules.required, passwordConfirmationRules] : []"
-        :error-messages="
-          formErrors && formErrors.value ? formErrors.value.password : []
-        "
-      />
-    </template>
-  </div>
+    <div>
+        <template v-if="withPasswordCheck">
+            <label class="m-label">{{ $gettext('Current password') }}</label>
+            <v-text-field
+                v-model="account.currentPassword"
+                autocomplete="new-password"
+                variant="outlined"
+                type="password"
+                density="compact"
+                validate-on="submit"
+                :rules="disabled ? [] : [rules.required, validPassword]"
+                :disabled="disabled"
+            />
+        </template>
+        <v-row justify="center">
+            <v-col cols="auto">
+                <v-switch
+                    v-model="account.random_password"
+                    :label="$gettext('Random password')"
+                    density="compact"
+                    color="primary"
+                    class="text-center"
+                    :disabled="disabled"
+                    @update:model-value="updatePassword"
+                />
+            </v-col>
+            <v-col>
+                <v-alert
+                    v-if="account.random_password"
+                    style="background-color: #515d78"
+                    class="ml-6"
+                    density="compact"
+                >
+                    <span class="text-white mr-4">{{ account.password }}</span>
+                    <v-btn
+                        size="small"
+                        color="white"
+                        variant="text"
+                        density="compact"
+                        :disabled="disabled"
+                        icon="mdi-clipboard-multiple-outline"
+                        :title="$gettext('Copy to clipboard')"
+                        @click="copyPassword"
+                    />
+                </v-alert>
+            </v-col>
+        </v-row>
+        <template v-if="!account.random_password">
+            <v-text-field
+                v-model="account.password"
+                variant="outlined"
+                :label="$gettext('Password')"
+                type="password"
+                autocomplete="new-password"
+                density="compact"
+                :disabled="disabled"
+                :rules="isRuleActive ? [rules.required] : []"
+            />
+            <v-text-field
+                v-model="account.password_confirmation"
+                variant="outlined"
+                type="password"
+                :label="$gettext('Confirmation')"
+                density="compact"
+                :disabled="disabled"
+                :rules="
+                    isRuleActive
+                        ? [rules.required, passwordConfirmationRules]
+                        : []
+                "
+                :error-messages="
+                    formErrors && formErrors.value
+                        ? formErrors.value.password
+                        : []
+                "
+            />
+        </template>
+    </div>
 </template>
 
 <script setup lang="js">
-import { useBusStore } from "@/stores";
-import accountsApi from "@/api/accounts";
-import accountApi from "@/api/account";
-import { computed } from "vue";
-import rules from "@/plugins/rules";
-import { useGettext } from "vue3-gettext";
+import { useBusStore } from '@/stores'
+import accountsApi from '@/api/accounts'
+import accountApi from '@/api/account'
+import { computed } from 'vue'
+import rules from '@/plugins/rules'
+import { useGettext } from 'vue3-gettext'
 
-const { $gettext } = useGettext();
-const busStore = useBusStore();
+const { $gettext } = useGettext()
+const busStore = useBusStore()
 const props = defineProps({
-  modelValue: { type: Object, default: null },
-  withPasswordCheck: { type: Boolean, default: false },
-  disabled: { type: Boolean, default: false },
-  editing: { type: Boolean, default: false },
-  formErrors: { type: Object, required: false, default: () => {} },
-});
+    modelValue: { type: Object, default: null },
+    withPasswordCheck: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    editing: { type: Boolean, default: false },
+    formErrors: { type: Object, required: false, default: () => {} },
+})
 
-const account = computed(() => props.modelValue);
+const account = computed(() => props.modelValue)
 
 const isRuleActive = computed(
-  () => !props.disabled && (!props.editing || account.value.password),
-);
+    () => !props.disabled && (!props.editing || account.value.password)
+)
 
 const passwordConfirmationRules = (value) =>
-  value === account.value.password || $gettext("Password mismatch");
+    value === account.value.password || $gettext('Password mismatch')
 
 function copyPassword() {
-  navigator.clipboard.writeText(account.value.password).then(() => {
-    busStore.displayNotification({
-      msg: $gettext("Password copied to clipboard"),
-    });
-  });
+    navigator.clipboard.writeText(account.value.password).then(() => {
+        busStore.displayNotification({
+            msg: $gettext('Password copied to clipboard'),
+        })
+    })
 }
 
 function updatePassword(value) {
-  if (value) {
-    accountsApi.getRandomPassword().then((resp) => {
-      account.value.password = resp.data.password;
-    });
-  } else {
-    account.value.password = null;
-    account.value.password_confirmation = null;
-  }
+    if (value) {
+        accountsApi.getRandomPassword().then((resp) => {
+            account.value.password = resp.data.password
+        })
+    } else {
+        account.value.password = null
+        account.value.password_confirmation = null
+    }
 }
 
 async function validPassword(value) {
-  if (value) {
-    return accountApi
-      .checkPassword(value)
-      .then(() => true)
-      .catch(() => $gettext("Invalid password"));
-  }
-  return true;
+    if (value) {
+        return accountApi
+            .checkPassword(value)
+            .then(() => true)
+            .catch(() => $gettext('Invalid password'))
+    }
+    return true
 }
 </script>
diff --git a/frontend/src/components/admin/identities/form_steps/AccountRoleForm.vue b/frontend/src/components/admin/identities/form_steps/AccountRoleForm.vue
index a6de87647..c0c4d1909 100644
--- a/frontend/src/components/admin/identities/form_steps/AccountRoleForm.vue
+++ b/frontend/src/components/admin/identities/form_steps/AccountRoleForm.vue
@@ -1,28 +1,28 @@
 <template>
-  <v-form ref="vFormRef">
-    <v-row>
-      <v-col cols="7">
-        <ChoiceField
-          v-model="account.role"
-          :label="$gettext('Choose a role')"
-          :choices="accountRoles"
-          :choices-per-line="2"
-        />
-      </v-col>
-      <v-col cols="5">
-        <v-alert color="primary" class="mt-11 ml-4 rounded-lg">
-          <h3 class="headline">{{ roleLabel }}</h3>
-          <p class="mt-4">{{ roleHelp }}</p>
-          <v-icon
-            color="white"
-            class="float-right"
-            size="large"
-            icon="mdi-help-circle-outline"
-            />
-        </v-alert>
-      </v-col>
-    </v-row>
-  </v-form>
+    <v-form ref="vFormRef">
+        <v-row>
+            <v-col cols="7">
+                <ChoiceField
+                    v-model="account.role"
+                    :label="$gettext('Choose a role')"
+                    :choices="accountRoles"
+                    :choices-per-line="2"
+                />
+            </v-col>
+            <v-col cols="5">
+                <v-alert color="primary" class="mt-11 ml-4 rounded-lg">
+                    <h3 class="headline">{{ roleLabel }}</h3>
+                    <p class="mt-4">{{ roleHelp }}</p>
+                    <v-icon
+                        color="white"
+                        class="float-right"
+                        size="large"
+                        icon="mdi-help-circle-outline"
+                    />
+                </v-alert>
+            </v-col>
+        </v-row>
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -35,7 +35,7 @@ const authStore = useAuthStore()
 const { $gettext } = useGettext()
 
 const props = defineProps({
-  modelValue: { type: Object, default: null },
+    modelValue: { type: Object, default: null },
 })
 
 const vFormRef = ref()
@@ -45,70 +45,70 @@ const account = computed(() => props.modelValue)
 const authUser = computed(() => authStore.authUser)
 
 const roleLabel = computed(() => {
-  const role = accountRoles.value.find(
-    (roleTarget) => roleTarget.value === account.value.role
-  )
-  return role !== undefined ? role.label : ''
+    const role = accountRoles.value.find(
+        (roleTarget) => roleTarget.value === account.value.role
+    )
+    return role !== undefined ? role.label : ''
 })
 
 const roleHelp = computed(() => {
-  const role = accountRoles.value.find(
-    (roleTarget) => roleTarget.value === account.value.role
-  )
-  return role !== undefined ? role.help : ''
+    const role = accountRoles.value.find(
+        (roleTarget) => roleTarget.value === account.value.role
+    )
+    return role !== undefined ? role.help : ''
 })
 
 const accountRoles = computed(() => {
-  if (authUser.value.role === 'SuperAdmins') {
-    return [
-      ...domainAdminsRole,
-      ...resellerRole,
-      ...simpleUserRole,
-      ...superAdminsRole,
-    ]
-  } else if (authUser.value.role === 'DomainAdmins') {
-    return [...simpleUserRole]
-  } else if (authUser.value.role === 'Resellers') {
-    return [...domainAdminsRole, ...simpleUserRole]
-  } else {
-    return []
-  }
+    if (authUser.value.role === 'SuperAdmins') {
+        return [
+            ...domainAdminsRole,
+            ...resellerRole,
+            ...simpleUserRole,
+            ...superAdminsRole,
+        ]
+    } else if (authUser.value.role === 'DomainAdmins') {
+        return [...simpleUserRole]
+    } else if (authUser.value.role === 'Resellers') {
+        return [...domainAdminsRole, ...simpleUserRole]
+    } else {
+        return []
+    }
 })
 
 const simpleUserRole = [
-  {
-    label: $gettext('Simple user'),
-    value: 'SimpleUsers',
-    help: $gettext(
-      'A user with no privileges but with a mailbox. He will be allowed to use all end-user features: webmail, calendar, contacts, filters.'
-    ),
-  },
+    {
+        label: $gettext('Simple user'),
+        value: 'SimpleUsers',
+        help: $gettext(
+            'A user with no privileges but with a mailbox. He will be allowed to use all end-user features: webmail, calendar, contacts, filters.'
+        ),
+    },
 ]
 
 const domainAdminsRole = [
-  {
-    label: $gettext('Domain administrator'),
-    value: 'DomainAdmins',
-    help: $gettext(
-      'A user with privileges on one or more domain. He will be allowed to administer mailboxes and he can also have a mailbox.'
-    ),
-  },
+    {
+        label: $gettext('Domain administrator'),
+        value: 'DomainAdmins',
+        help: $gettext(
+            'A user with privileges on one or more domain. He will be allowed to administer mailboxes and he can also have a mailbox.'
+        ),
+    },
 ]
 const resellerRole = [
-  {
-    label: $gettext('Reseller'),
-    value: 'Resellers',
-    help: $gettext('help'),
-  },
+    {
+        label: $gettext('Reseller'),
+        value: 'Resellers',
+        help: $gettext('help'),
+    },
 ]
 const superAdminsRole = [
-  {
-    label: $gettext('Super administrator'),
-    value: 'SuperAdmins',
-    help: $gettext(
-      "A user with all privileges, can do anything. By default, such a user does not have a mailbox so he can't access end-user features."
-    ),
-  },
+    {
+        label: $gettext('Super administrator'),
+        value: 'SuperAdmins',
+        help: $gettext(
+            "A user with all privileges, can do anything. By default, such a user does not have a mailbox so he can't access end-user features."
+        ),
+    },
 ]
 
 defineExpose({ vFormRef, roleLabel })
diff --git a/frontend/src/components/admin/identities/form_steps/AliasGeneralForm.vue b/frontend/src/components/admin/identities/form_steps/AliasGeneralForm.vue
index 9cc31659d..69e2cdd26 100644
--- a/frontend/src/components/admin/identities/form_steps/AliasGeneralForm.vue
+++ b/frontend/src/components/admin/identities/form_steps/AliasGeneralForm.vue
@@ -1,67 +1,75 @@
 <template>
-  <v-form ref="vFormRef">
-    <v-switch
-      v-if="!alias.pk"
-      v-model="alias.random"
-      :label="$gettext('Random address')"
-      color="primary"
-    />
-    <template v-if="!alias.random">
-      <label class="m-label">{{ $gettext('Email address') }}</label>
-      <EmailField
-        ref="address"
-        v-model="alias.address"
-        type="email"
-        variant="outlined"
-        density="compact"
-        :rules="[rules.required]"
-      />
-    </template>
-    <template v-else>
-      <label class="m-label">{{ $gettext('Domain') }}</label>
-      <v-select
-        v-model="alias.domain"
-        :items="Object.values(domains)"
-        item-title="name"
-        return-object
-        variant="outlined"
-        density="compact"
-        :rules="[rules.required]"
-        @update:model-value="updateAddress"
-      >
-        <template #append>
-          <v-btn variant="flat" icon="mdi-reload" @click="updateAddress" />
+    <v-form ref="vFormRef">
+        <v-switch
+            v-if="!alias.pk"
+            v-model="alias.random"
+            :label="$gettext('Random address')"
+            color="primary"
+        />
+        <template v-if="!alias.random">
+            <label class="m-label">{{ $gettext('Email address') }}</label>
+            <EmailField
+                ref="address"
+                v-model="alias.address"
+                type="email"
+                variant="outlined"
+                density="compact"
+                :rules="[rules.required]"
+            />
         </template>
-      </v-select>
-      <v-text-field
-        v-model="alias.address"
-        :label="$gettext('Generated address')"
-        readonly
-      >
-        <template #append-inner>
-          <v-btn
-            variant="flat"
-            icon="mdi-clipboard-outline"
-            @click="copyAlias"
-          />
+        <template v-else>
+            <label class="m-label">{{ $gettext('Domain') }}</label>
+            <v-select
+                v-model="alias.domain"
+                :items="Object.values(domains)"
+                item-title="name"
+                return-object
+                variant="outlined"
+                density="compact"
+                :rules="[rules.required]"
+                @update:model-value="updateAddress"
+            >
+                <template #append>
+                    <v-btn
+                        variant="flat"
+                        icon="mdi-reload"
+                        @click="updateAddress"
+                    />
+                </template>
+            </v-select>
+            <v-text-field
+                v-model="alias.address"
+                :label="$gettext('Generated address')"
+                readonly
+            >
+                <template #append-inner>
+                    <v-btn
+                        variant="flat"
+                        icon="mdi-clipboard-outline"
+                        @click="copyAlias"
+                    />
+                </template>
+            </v-text-field>
         </template>
-      </v-text-field>
-    </template>
-    <v-switch
-      v-model="alias.enabled"
-      :label="$gettext('Enabled')"
-      color="primary"
-    />
-    <label class="m-label">{{ $gettext('Expire at') }}</label>
-    <v-text-field v-model="alias.expire" variant="outlined" density="compact" />
-    <label class="m-label">{{ $gettext('Description') }}</label>
-    <v-textarea
-      v-model="alias.description"
-      rows="2"
-      variant="outlined"
-      density="compact"
-    />
-  </v-form>
+        <v-switch
+            v-model="alias.enabled"
+            :label="$gettext('Enabled')"
+            color="primary"
+        />
+        <label class="m-label">{{ $gettext('Expire at') }}</label>
+        <v-text-field
+            v-model="alias.expire"
+            variant="outlined"
+            density="compact"
+        />
+        <label class="m-label">{{ $gettext('Description') }}</label>
+        <v-textarea
+            v-model="alias.description"
+            rows="2"
+            variant="outlined"
+            density="compact"
+        />
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -81,16 +89,16 @@ const domains = computed(() => domainsStore.domains)
 const vFormRef = ref()
 
 function copyAlias() {
-  if (alias.value.address != null) {
-    navigator.clipboard.writeText(alias.value.address)
-  }
+    if (alias.value.address != null) {
+        navigator.clipboard.writeText(alias.value.address)
+    }
 }
 
 async function updateAddress() {
-  if (alias.value.domain != null)
-    aliasesApi.getRandomAddress().then((resp) => {
-      alias.value.address = `${resp.data.address}@${alias.value.domain.name}`
-    })
+    if (alias.value.domain != null)
+        aliasesApi.getRandomAddress().then((resp) => {
+            alias.value.address = `${resp.data.address}@${alias.value.domain.name}`
+        })
 }
 
 defineExpose({ vFormRef })
diff --git a/frontend/src/components/admin/identities/form_steps/AliasRecipientForm.vue b/frontend/src/components/admin/identities/form_steps/AliasRecipientForm.vue
index de9b8efe4..8645e2281 100644
--- a/frontend/src/components/admin/identities/form_steps/AliasRecipientForm.vue
+++ b/frontend/src/components/admin/identities/form_steps/AliasRecipientForm.vue
@@ -1,29 +1,29 @@
 <template>
-  <v-form ref="vFormRef">
-    <EmailField
-      ref="recipientField"
-      v-model="recipient"
-      :placeholder="$gettext('Start typing a name here...')"
-      :hint="
-        $gettext(
-          'Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).'
-        )
-      "
-      persistent-hint
-      allow-add
-      :rules="requiredRecipient"
-      @domain-selected="addRecipient"
-    />
-    <v-chip
-      v-for="(_recipient, index) in recipients"
-      :key="index"
-      class="mr-2 mt-2"
-      closable
-      @click:close="removeRecipient(index)"
-    >
-      {{ _recipient }}
-    </v-chip>
-  </v-form>
+    <v-form ref="vFormRef">
+        <EmailField
+            ref="recipientField"
+            v-model="recipient"
+            :placeholder="$gettext('Start typing a name here...')"
+            :hint="
+                $gettext(
+                    'Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).'
+                )
+            "
+            persistent-hint
+            allow-add
+            :rules="requiredRecipient"
+            @domain-selected="addRecipient"
+        />
+        <v-chip
+            v-for="(_recipient, index) in recipients"
+            :key="index"
+            class="mr-2 mt-2"
+            closable
+            @click:close="removeRecipient(index)"
+        >
+            {{ _recipient }}
+        </v-chip>
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -34,12 +34,12 @@ import { ref, computed } from 'vue'
 const { $gettext } = useGettext()
 const emit = defineEmits(['update:model-value'])
 const props = defineProps({
-  modelValue: { type: Array, default: () => [] },
+    modelValue: { type: Array, default: () => [] },
 })
 
 const recipients = computed({
-  get: () => props.modelValue,
-  set: (value) => emit('update:model-value', value),
+    get: () => props.modelValue,
+    set: (value) => emit('update:model-value', value),
 })
 
 const recipient = ref('')
@@ -47,19 +47,19 @@ const recipientField = ref()
 const vFormRef = ref()
 
 async function addRecipient() {
-  recipients.value.push(recipient.value)
-  recipient.value = ''
-  vFormRef.value.resetValidation()
+    recipients.value.push(recipient.value)
+    recipient.value = ''
+    vFormRef.value.resetValidation()
 }
 
 function removeRecipient(index) {
-  recipients.value.splice(index, 1)
+    recipients.value.splice(index, 1)
 }
 
 const requiredRecipient = [
-  () =>
-    recipients.value.length > 0 ||
-    $gettext('Please add at least one recipient.'),
+    () =>
+        recipients.value.length > 0 ||
+        $gettext('Please add at least one recipient.'),
 ]
 
 defineExpose({ vFormRef })
diff --git a/frontend/src/components/admin/imap_migration/MigrationsList.vue b/frontend/src/components/admin/imap_migration/MigrationsList.vue
index d5781ad65..58e2110d2 100644
--- a/frontend/src/components/admin/imap_migration/MigrationsList.vue
+++ b/frontend/src/components/admin/imap_migration/MigrationsList.vue
@@ -1,64 +1,67 @@
 <template>
-  <v-card class="mt-6">
-    <v-data-table
-      v-model="selected"
-      v-model:options="options"
-      :headers="headers"
-      :items="migrations"
-      :search="search"
-      :server-items-length="totalMigrations"
-      :loading="loading"
-      show-select
-    >
-      <template #top>
-        <v-toolbar color="white" flat>
-          <v-menu location="bottom">
-            <template #activator="{ props }">
-              <v-btn
-                v-bind="props"
-                variant="flat"
-                append-icon="mdi-chevron-down"
-                size="small"
-              >
-                {{ $gettext('Actions') }}
-              </v-btn>
-            </template>
-            <v-list density="compact"> </v-list>
-          </v-menu>
-          <v-btn
-            variant="text"
-            icon="mdi-reload"
-            @click="getMigrations()"
-          ></v-btn>
-          <v-spacer></v-spacer>
-          <v-text-field
-            v-model="search"
-            prepend-inner-icon="mdi-magnify"
-            placeholder="Search"
-            filled
-            variant="outlined"
-            density="compact"
-            hide-details
-          ></v-text-field>
-        </v-toolbar>
-      </template>
-      <template #[`item.mailbox`]="{ item }">
-        <router-link
-          :to="{ name: 'AccountDetail', params: { id: item.mailbox.user } }"
+    <v-card class="mt-6">
+        <v-data-table
+            v-model="selected"
+            v-model:options="options"
+            :headers="headers"
+            :items="migrations"
+            :search="search"
+            :server-items-length="totalMigrations"
+            :loading="loading"
+            show-select
         >
-          {{ item.mailbox.full_address }}
-        </router-link>
-      </template>
-      <template #[`item.actions`]="{ item }">
-        <v-menu offset-y>
-          <template #activator="{ props }">
-            <v-btn icon="mdi-dots-horizontal" v-bind="props" />
-          </template>
-          <MenuItems :items="getMenuItems()" :object="item" />
-        </v-menu>
-      </template>
-    </v-data-table>
-  </v-card>
+            <template #top>
+                <v-toolbar color="white" flat>
+                    <v-menu location="bottom">
+                        <template #activator="{ props }">
+                            <v-btn
+                                v-bind="props"
+                                variant="flat"
+                                append-icon="mdi-chevron-down"
+                                size="small"
+                            >
+                                {{ $gettext('Actions') }}
+                            </v-btn>
+                        </template>
+                        <v-list density="compact"> </v-list>
+                    </v-menu>
+                    <v-btn
+                        variant="text"
+                        icon="mdi-reload"
+                        @click="getMigrations()"
+                    ></v-btn>
+                    <v-spacer></v-spacer>
+                    <v-text-field
+                        v-model="search"
+                        prepend-inner-icon="mdi-magnify"
+                        placeholder="Search"
+                        filled
+                        variant="outlined"
+                        density="compact"
+                        hide-details
+                    ></v-text-field>
+                </v-toolbar>
+            </template>
+            <template #[`item.mailbox`]="{ item }">
+                <router-link
+                    :to="{
+                        name: 'AccountDetail',
+                        params: { id: item.mailbox.user },
+                    }"
+                >
+                    {{ item.mailbox.full_address }}
+                </router-link>
+            </template>
+            <template #[`item.actions`]="{ item }">
+                <v-menu offset-y>
+                    <template #activator="{ props }">
+                        <v-btn icon="mdi-dots-horizontal" v-bind="props" />
+                    </template>
+                    <MenuItems :items="getMenuItems()" :object="item" />
+                </v-menu>
+            </template>
+        </v-data-table>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -73,15 +76,15 @@ const busStore = useBusStore()
 
 const migrations = ref([])
 const headers = [
-  { title: $gettext('Provider'), value: 'provider.name' },
-  { title: $gettext('Old account'), value: 'username' },
-  { title: $gettext('New account'), value: 'mailbox' },
-  {
-    title: $gettext('Actions'),
-    value: 'actions',
-    sortable: false,
-    align: 'right',
-  },
+    { title: $gettext('Provider'), value: 'provider.name' },
+    { title: $gettext('Old account'), value: 'username' },
+    { title: $gettext('New account'), value: 'mailbox' },
+    {
+        title: $gettext('Actions'),
+        value: 'actions',
+        sortable: false,
+        align: 'right',
+    },
 ]
 
 const selected = ref([])
@@ -91,38 +94,38 @@ const options = ref({})
 const totalMigrations = ref(0)
 
 function deleteMigration(migration) {
-  migrationApi.deleteMigration(migration.id).then(() => {
-    busStore.displayNotification({ msg: $gettext('Migration deleted') })
-    migrations.value = migrations.value.filter((item) => {
-      return item.id !== migration.id
+    migrationApi.deleteMigration(migration.id).then(() => {
+        busStore.displayNotification({ msg: $gettext('Migration deleted') })
+        migrations.value = migrations.value.filter((item) => {
+            return item.id !== migration.id
+        })
     })
-  })
 }
 
 function getMigrations(filter) {
-  loading.value = true
-  let query = {}
-  if (filter !== undefined) {
-    query = { params: { search: filter } }
-  }
-  migrationApi
-    .getMigrations(query)
-    .then((response) => {
-      migrations.value = response.data
-      totalMigrations.value = migrations.value.length
-    })
-    .finally(() => (loading.value = false))
+    loading.value = true
+    let query = {}
+    if (filter !== undefined) {
+        query = { params: { search: filter } }
+    }
+    migrationApi
+        .getMigrations(query)
+        .then((response) => {
+            migrations.value = response.data
+            totalMigrations.value = migrations.value.length
+        })
+        .finally(() => (loading.value = false))
 }
 
 function getMenuItems() {
-  const result = []
-  result.push({
-    label: $gettext('Delete'),
-    icon: 'mdi-delete-outline',
-    onClick: deleteMigration(),
-    color: 'red',
-  })
-  return result
+    const result = []
+    result.push({
+        label: $gettext('Delete'),
+        icon: 'mdi-delete-outline',
+        onClick: deleteMigration(),
+        color: 'red',
+    })
+    return result
 }
 
 getMigrations()
diff --git a/frontend/src/components/admin/imap_migration/ProviderCreationForm.vue b/frontend/src/components/admin/imap_migration/ProviderCreationForm.vue
index 727f31f4e..fd0987062 100644
--- a/frontend/src/components/admin/imap_migration/ProviderCreationForm.vue
+++ b/frontend/src/components/admin/imap_migration/ProviderCreationForm.vue
@@ -1,22 +1,29 @@
 <template>
-  <CreationForm
-    ref="form"
-    :title="$gettext('New provider')"
-    :steps="steps"
-    :form-getter="getForm"
-    :get-v-form-ref="getVFormRef"
-    :validate-object="validateProvider"
-    :summary-sections="summarySections"
-    @close="close"
-    @create="submit"
-  >
-    <template #[`form.general`]>
-      <ProviderGeneralForm ref="general" v-model="provider" class="ml-4" />
-    </template>
-    <template #[`form.associated`]>
-      <ProviderAssociatedForm ref="associated" v-model="provider.domains" />
-    </template>
-  </CreationForm>
+    <CreationForm
+        ref="form"
+        :title="$gettext('New provider')"
+        :steps="steps"
+        :form-getter="getForm"
+        :get-v-form-ref="getVFormRef"
+        :validate-object="validateProvider"
+        :summary-sections="summarySections"
+        @close="close"
+        @create="submit"
+    >
+        <template #[`form.general`]>
+            <ProviderGeneralForm
+                ref="general"
+                v-model="provider"
+                class="ml-4"
+            />
+        </template>
+        <template #[`form.associated`]>
+            <ProviderAssociatedForm
+                ref="associated"
+                v-model="provider.domains"
+            />
+        </template>
+    </CreationForm>
 </template>
 
 <script setup lang="js">
@@ -33,47 +40,47 @@ const busStore = useBusStore()
 const providersStore = useProvidersStore()
 
 const associatedDomainsSummary = computed(() => {
-  const result = []
-  let first = true
-  for (const domain of provider.value.domains) {
-    const value = domain.new_domain
-      ? `${domain.name} => ${domain.new_domain.name}`
-      : `${domain.name} ${$gettext('(the domain will be created locally)')}`
-    result.push({ key: first ? $gettext('Associated domain') : '', value })
-    first = false
-  }
-  return result
+    const result = []
+    let first = true
+    for (const domain of provider.value.domains) {
+        const value = domain.new_domain
+            ? `${domain.name} => ${domain.new_domain.name}`
+            : `${domain.name} ${$gettext('(the domain will be created locally)')}`
+        result.push({ key: first ? $gettext('Associated domain') : '', value })
+        first = false
+    }
+    return result
 })
 
 const summarySections = computed(() => {
-  return [
-    {
-      title: $gettext('General'),
-      items: [
-        { key: $gettext('Name'), value: provider.value.name },
-        { key: $gettext('Address'), value: provider.value.address },
-        { key: $gettext('Port'), value: provider.value.port },
+    return [
         {
-          key: $gettext('Secured'),
-          value: provider.value.secured,
-          type: 'yesno',
+            title: $gettext('General'),
+            items: [
+                { key: $gettext('Name'), value: provider.value.name },
+                { key: $gettext('Address'), value: provider.value.address },
+                { key: $gettext('Port'), value: provider.value.port },
+                {
+                    key: $gettext('Secured'),
+                    value: provider.value.secured,
+                    type: 'yesno',
+                },
+            ],
         },
-      ],
-    },
-    {
-      title: $gettext('Associated domains'),
-      items: associatedDomainsSummary.value,
-    },
-  ]
+        {
+            title: $gettext('Associated domains'),
+            items: associatedDomainsSummary.value,
+        },
+    ]
 })
 
 const steps = [
-  { name: 'general', title: $gettext('General') },
-  { name: 'associated', title: $gettext('Associated domains') },
+    { name: 'general', title: $gettext('General') },
+    { name: 'associated', title: $gettext('Associated domains') },
 ]
 
 const provider = ref({
-  domains: [],
+    domains: [],
 })
 
 // forms ref
@@ -85,53 +92,53 @@ const formStepsComponents = { general: general, associated: associated }
 initProvider()
 
 function initProvider() {
-  provider.value = {
-    name: '',
-    address: '',
-    port: 993,
-    secured: true,
-    domains: [],
-  }
+    provider.value = {
+        name: '',
+        address: '',
+        port: 993,
+        secured: true,
+        domains: [],
+    }
 }
 
 function close() {
-  initProvider()
-  emit('close')
+    initProvider()
+    emit('close')
 }
 
 function getForm(step) {
-  return formStepsComponents.value[step.name]
+    return formStepsComponents.value[step.name]
 }
 
 function getVFormRef(step) {
-  console.log(provider.value)
-  return formStepsComponents[step.name].value.vFormRef
+    console.log(provider.value)
+    return formStepsComponents[step.name].value.vFormRef
 }
 
 function validateProvider() {}
 
 function submit() {
-  const data = { ...provider.value }
-  data.domains = []
-  for (const domain of provider.value.domains) {
-    if (domain.new_domain) {
-      data.domains.push({
-        name: domain.name,
-        new_domain: domain.new_domain.pk,
-      })
-    } else {
-      data.domains.push(domain)
+    const data = { ...provider.value }
+    data.domains = []
+    for (const domain of provider.value.domains) {
+        if (domain.new_domain) {
+            data.domains.push({
+                name: domain.name,
+                new_domain: domain.new_domain.pk,
+            })
+        } else {
+            data.domains.push(domain)
+        }
     }
-  }
-  providersStore.createProvider(data).then(() => {
-    busStore.displayNotification({ msg: $gettext('Provider created') })
-    close()
-  })
+    providersStore.createProvider(data).then(() => {
+        busStore.displayNotification({ msg: $gettext('Provider created') })
+        close()
+    })
 }
 </script>
 
 <style lang="scss">
 .highligth {
-  background-color: #515d78;
+    background-color: #515d78;
 }
 </style>
diff --git a/frontend/src/components/admin/imap_migration/ProviderForm.vue b/frontend/src/components/admin/imap_migration/ProviderForm.vue
index ad5b99abe..e459426ce 100644
--- a/frontend/src/components/admin/imap_migration/ProviderForm.vue
+++ b/frontend/src/components/admin/imap_migration/ProviderForm.vue
@@ -1,65 +1,76 @@
 <template>
-  <v-expansion-panels v-model="panel">
-    <v-expansion-panel>
-      <v-expansion-panel-title v-slot="{ open }">
-        <v-row no-gutters>
-          <v-col cols="4">
-            {{ $gettext('General') }}
-          </v-col>
-          <v-col cols="8" class="text-secondary">
-            <v-fade-transition leave-absolute>
-              <span v-if="open"></span>
-              <v-row v-else no-gutters style="width: 100%">
-                <v-col cols="6">
-                  {{ $gettext('Name:') }} {{ editedProvider.name }}
-                </v-col>
-              </v-row>
-            </v-fade-transition>
-          </v-col>
-        </v-row>
-      </v-expansion-panel-title>
-      <v-expansion-panel-text>
-        <ProviderGeneralForm ref="generalForm" v-model="editedProvider" />
-      </v-expansion-panel-text>
-    </v-expansion-panel>
-    <v-expansion-panel>
-      <v-expansion-panel-title v-slot="{ open }">
-        <v-row no-gutters>
-          <v-col cols="4">
-            {{ $gettext('Associated domains') }}
-          </v-col>
-          <v-col cols="8" class="text-secondary">
-            <v-fade-transition leave-absolute>
-              <span v-if="open"></span>
-              <v-row v-else no-gutters style="width: 100%">
-                <v-col v-if="editedProvider.domains.length > 0" cols="6">
-                  {{ $gettext('Number of associated domains:') }}
-                  {{ editedProvider.domains.length }}
-                </v-col>
-                <v-col v-else cols="6">
-                  {{ $gettext('No associated domains') }}
-                </v-col>
-              </v-row>
-            </v-fade-transition>
-          </v-col>
-        </v-row>
-      </v-expansion-panel-title>
-      <v-expansion-panel-text>
-        <ProviderAssociatedForm
-          ref="associatedForm"
-          v-model="editedProvider.domains"
-        />
-      </v-expansion-panel-text>
-    </v-expansion-panel>
-  </v-expansion-panels>
-  <div class="mt-4 d-flex justify-end">
-    <v-btn @click="$router.go(-1)">
-      {{ $gettext('Cancel') }}
-    </v-btn>
-    <v-btn class="ml-4" color="primary darken-1" @click="save">
-      {{ $gettext('Save') }}
-    </v-btn>
-  </div>
+    <v-expansion-panels v-model="panel">
+        <v-expansion-panel>
+            <v-expansion-panel-title v-slot="{ open }">
+                <v-row no-gutters>
+                    <v-col cols="4">
+                        {{ $gettext('General') }}
+                    </v-col>
+                    <v-col cols="8" class="text-secondary">
+                        <v-fade-transition leave-absolute>
+                            <span v-if="open"></span>
+                            <v-row v-else no-gutters style="width: 100%">
+                                <v-col cols="6">
+                                    {{ $gettext('Name:') }}
+                                    {{ editedProvider.name }}
+                                </v-col>
+                            </v-row>
+                        </v-fade-transition>
+                    </v-col>
+                </v-row>
+            </v-expansion-panel-title>
+            <v-expansion-panel-text>
+                <ProviderGeneralForm
+                    ref="generalForm"
+                    v-model="editedProvider"
+                />
+            </v-expansion-panel-text>
+        </v-expansion-panel>
+        <v-expansion-panel>
+            <v-expansion-panel-title v-slot="{ open }">
+                <v-row no-gutters>
+                    <v-col cols="4">
+                        {{ $gettext('Associated domains') }}
+                    </v-col>
+                    <v-col cols="8" class="text-secondary">
+                        <v-fade-transition leave-absolute>
+                            <span v-if="open"></span>
+                            <v-row v-else no-gutters style="width: 100%">
+                                <v-col
+                                    v-if="editedProvider.domains.length > 0"
+                                    cols="6"
+                                >
+                                    {{
+                                        $gettext(
+                                            'Number of associated domains:'
+                                        )
+                                    }}
+                                    {{ editedProvider.domains.length }}
+                                </v-col>
+                                <v-col v-else cols="6">
+                                    {{ $gettext('No associated domains') }}
+                                </v-col>
+                            </v-row>
+                        </v-fade-transition>
+                    </v-col>
+                </v-row>
+            </v-expansion-panel-title>
+            <v-expansion-panel-text>
+                <ProviderAssociatedForm
+                    ref="associatedForm"
+                    v-model="editedProvider.domains"
+                />
+            </v-expansion-panel-text>
+        </v-expansion-panel>
+    </v-expansion-panels>
+    <div class="mt-4 d-flex justify-end">
+        <v-btn @click="$router.go(-1)">
+            {{ $gettext('Cancel') }}
+        </v-btn>
+        <v-btn class="ml-4" color="primary darken-1" @click="save">
+            {{ $gettext('Save') }}
+        </v-btn>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -72,10 +83,10 @@ import ProviderGeneralForm from './form_steps/ProviderGeneralForm.vue'
 import ProviderAssociatedForm from './form_steps/ProviderAssociatedForm.vue'
 
 const props = defineProps({
-  provider: {
-    type: Object,
-    default: null,
-  },
+    provider: {
+        type: Object,
+        default: null,
+    },
 })
 
 const { $gettext } = useGettext()
@@ -84,63 +95,67 @@ const router = useRouter()
 const providersStore = useProvidersStore()
 
 const editedProvider = ref({
-  domains: [],
+    domains: [],
 })
 const panel = ref(0)
 const generalForm = ref()
 const associatedForm = ref()
 
 watch(
-  () => props.provider,
-  (val) => {
-    if (val) {
-      editedProvider.value = { ...val }
-      if (!editedProvider.value.domains) {
-        editedProvider.value.domains = []
-      }
-    }
-  },
-  { immediate: true }
+    () => props.provider,
+    (val) => {
+        if (val) {
+            editedProvider.value = { ...val }
+            if (!editedProvider.value.domains) {
+                editedProvider.value.domains = []
+            }
+        }
+    },
+    { immediate: true }
 )
 
 async function save() {
-  if (generalForm.value !== undefined) {
-    const { valid } = await generalForm.value.vFormRef.validate()
-    if (!valid) {
-      return
+    if (generalForm.value !== undefined) {
+        const { valid } = await generalForm.value.vFormRef.validate()
+        if (!valid) {
+            return
+        }
     }
-  }
-  if (associatedForm.value !== undefined) {
-    const { valid } = await associatedForm.value.vFormRef.validate()
-    if (!valid) {
-      return
+    if (associatedForm.value !== undefined) {
+        const { valid } = await associatedForm.value.vFormRef.validate()
+        if (!valid) {
+            return
+        }
     }
-  }
-  try {
-    const data = { ...editedProvider.value }
-    data.domains = []
-    for (const domain of editedProvider.value.domains) {
-      if (domain.new_domain) {
-        data.domains.push({
-          name: domain.name,
-          new_domain: domain.new_domain.pk || domain.new_domain.id,
-        })
-      } else {
-        data.domains.push(domain)
-      }
+    try {
+        const data = { ...editedProvider.value }
+        data.domains = []
+        for (const domain of editedProvider.value.domains) {
+            if (domain.new_domain) {
+                data.domains.push({
+                    name: domain.name,
+                    new_domain: domain.new_domain.pk || domain.new_domain.id,
+                })
+            } else {
+                data.domains.push(domain)
+            }
+        }
+        await providers
+            .patchProvider(editedProvider.value.id, data)
+            .then(() => {
+                busStore.displayNotification({
+                    msg: $gettext('Provider updated'),
+                })
+                providersStore.getProviders()
+                router.push({ name: 'ProvidersList' })
+            })
+    } catch (error) {
+        if (generalForm.value) {
+            generalForm.value.$refs.observer.setErrors(error.response.data)
+        }
+        if (associatedForm.value) {
+            associatedForm.value.$refs.observer.setErrors(error.response.data)
+        }
     }
-    await providers.patchProvider(editedProvider.value.id, data).then(() => {
-      busStore.displayNotification({ msg: $gettext('Provider updated') })
-      providersStore.getProviders()
-      router.push({ name: 'ProvidersList' })
-    })
-  } catch (error) {
-    if (generalForm.value) {
-      generalForm.value.$refs.observer.setErrors(error.response.data)
-    }
-    if (associatedForm.value) {
-      associatedForm.value.$refs.observer.setErrors(error.response.data)
-    }
-  }
 }
 </script>
diff --git a/frontend/src/components/admin/imap_migration/ProvidersList.vue b/frontend/src/components/admin/imap_migration/ProvidersList.vue
index 44dd0924d..5de9e3f5c 100644
--- a/frontend/src/components/admin/imap_migration/ProvidersList.vue
+++ b/frontend/src/components/admin/imap_migration/ProvidersList.vue
@@ -1,81 +1,90 @@
 <template>
-  <v-card class="mt-6">
-    <v-data-table
-      v-model="selected"
-      v-model:expanded="expanded"
-      :headers="headers"
-      :items="Object.values(providers)"
-      :search="search"
-      :loading="!providersLoaded"
-      item-value="name"
-      single-expand
-      show-select
-      @click:row="(item, slot) => slot.expand(!slot.isExpanded)"
-    >
-      <template #top>
-        <v-toolbar color="white" flat>
-          <v-menu location="bottom">
-            <template #activator="{ props }">
-              <v-btn
-                v-bind="props"
-                variant="flat"
-                append-icon="mdi-chevron-down"
-                size="small"
-              >
-                {{ $gettext('Actions') }}
-              </v-btn>
+    <v-card class="mt-6">
+        <v-data-table
+            v-model="selected"
+            v-model:expanded="expanded"
+            :headers="headers"
+            :items="Object.values(providers)"
+            :search="search"
+            :loading="!providersLoaded"
+            item-value="name"
+            single-expand
+            show-select
+            @click:row="(item, slot) => slot.expand(!slot.isExpanded)"
+        >
+            <template #top>
+                <v-toolbar color="white" flat>
+                    <v-menu location="bottom">
+                        <template #activator="{ props }">
+                            <v-btn
+                                v-bind="props"
+                                variant="flat"
+                                append-icon="mdi-chevron-down"
+                                size="small"
+                            >
+                                {{ $gettext('Actions') }}
+                            </v-btn>
+                        </template>
+                        <v-list density="compact"> </v-list>
+                    </v-menu>
+                    <v-btn
+                        variant="text"
+                        icon="mdi-reload"
+                        @click="reloadProviders"
+                    ></v-btn>
+                    <v-spacer></v-spacer>
+                    <v-text-field
+                        v-model="search"
+                        prepend-inner-icon="mdi-magnify"
+                        :placeholder="$gettext('Search')"
+                        single-line
+                        variant="outlined"
+                        hide-details
+                    />
+                </v-toolbar>
             </template>
-            <v-list density="compact"> </v-list>
-          </v-menu>
-          <v-btn
-            variant="text"
-            icon="mdi-reload"
-            @click="reloadProviders"
-          ></v-btn>
-          <v-spacer></v-spacer>
-          <v-text-field
-            v-model="search"
-            prepend-inner-icon="mdi-magnify"
-            :placeholder="$gettext('Search')"
-            single-line
-            variant="outlined"
-            hide-details
-          />
-        </v-toolbar>
-      </template>
 
-      <template #[`item.secured`]="{ item }">
-        <v-icon v-if="item.secured === true" color="green"> mdi-lock </v-icon>
-        <v-icon v-else color="red"> mdi-lock-off </v-icon>
-      </template>
-      <template #[`item.domains`]="{ item }">
-        <v-chip v-if="item.domains.length > 0">
-          {{ item.domains.length }} associated domain(s)
-        </v-chip>
-        <v-chip v-else> No associated domain </v-chip>
-      </template>
-      <template #[`expanded-item`]="{ headers, item }">
-        <td :colspan="headers.length">
-          <v-chip v-for="(domain, index) in item.domains" :key="index">
-            <template v-if="domain.new_domain">
-              {{ domain.name }} --> {{ domain.new_domain.name }}
+            <template #[`item.secured`]="{ item }">
+                <v-icon v-if="item.secured === true" color="green">
+                    mdi-lock
+                </v-icon>
+                <v-icon v-else color="red"> mdi-lock-off </v-icon>
             </template>
-            <template v-else>
-              {{ domain.name }} --> {{ domain.name }}
+            <template #[`item.domains`]="{ item }">
+                <v-chip v-if="item.domains.length > 0">
+                    {{ item.domains.length }} associated domain(s)
+                </v-chip>
+                <v-chip v-else> No associated domain </v-chip>
             </template>
-          </v-chip>
-        </td>
-      </template>
-      <template #[`item.actions`]="{ item }">
-        <v-menu offset-y>
-          <template #activator="{ props }">
-            <v-btn icon="mdi-dots-horizontal" variant="text" v-bind="props" />
-          </template>
-          <MenuItems :items="getMenuItems()" :obj="item" />
-        </v-menu>
-      </template>
-    </v-data-table>
-  </v-card>
+            <template #[`expanded-item`]="{ headers, item }">
+                <td :colspan="headers.length">
+                    <v-chip
+                        v-for="(domain, index) in item.domains"
+                        :key="index"
+                    >
+                        <template v-if="domain.new_domain">
+                            {{ domain.name }} --> {{ domain.new_domain.name }}
+                        </template>
+                        <template v-else>
+                            {{ domain.name }} --> {{ domain.name }}
+                        </template>
+                    </v-chip>
+                </td>
+            </template>
+            <template #[`item.actions`]="{ item }">
+                <v-menu offset-y>
+                    <template #activator="{ props }">
+                        <v-btn
+                            icon="mdi-dots-horizontal"
+                            variant="text"
+                            v-bind="props"
+                        />
+                    </template>
+                    <MenuItems :items="getMenuItems()" :obj="item" />
+                </v-menu>
+            </template>
+        </v-data-table>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -93,17 +102,17 @@ const providers = computed(() => providersStore.providers)
 const providersLoaded = computed(() => providersStore.providersLoaded)
 
 const headers = [
-  { title: $gettext('Name'), key: 'name' },
-  { title: $gettext('Address'), key: 'address' },
-  { title: $gettext('Port'), key: 'port' },
-  { title: $gettext('Secured'), key: 'secured' },
-  { title: $gettext('Associated domains'), key: 'domains' },
-  {
-    title: $gettext('Actions'),
-    key: 'actions',
-    sortable: false,
-    align: 'right',
-  },
+    { title: $gettext('Name'), key: 'name' },
+    { title: $gettext('Address'), key: 'address' },
+    { title: $gettext('Port'), key: 'port' },
+    { title: $gettext('Secured'), key: 'secured' },
+    { title: $gettext('Associated domains'), key: 'domains' },
+    {
+        title: $gettext('Actions'),
+        key: 'actions',
+        sortable: false,
+        align: 'right',
+    },
 ]
 
 const selected = ref([])
@@ -111,34 +120,34 @@ const search = ref('')
 const expanded = ref([])
 
 function deleteProvider(provider) {
-  providersStore.deleteProvider(provider.id)
+    providersStore.deleteProvider(provider.id)
 }
 
 function editProvider(provider) {
-  router.push({ name: 'ProviderEdit', params: { id: provider.id } })
+    router.push({ name: 'ProviderEdit', params: { id: provider.id } })
 }
 
 function getMenuItems() {
-  const result = []
-  result.push({
-    label: $gettext('Delete'),
-    icon: 'mdi-delete-outline',
-    onClick: deleteProvider,
-    color: 'red',
-  })
-  result.push({
-    label: $gettext('Edit'),
-    icon: 'mdi-circle-edit-outline',
-    onClick: editProvider,
-  })
-  return result
+    const result = []
+    result.push({
+        label: $gettext('Delete'),
+        icon: 'mdi-delete-outline',
+        onClick: deleteProvider,
+        color: 'red',
+    })
+    result.push({
+        label: $gettext('Edit'),
+        icon: 'mdi-circle-edit-outline',
+        onClick: editProvider,
+    })
+    return result
 }
 
 function reloadProviders() {
-  providersStore.getProviders()
+    providersStore.getProviders()
 }
 
 if (!providersLoaded.value) {
-  reloadProviders()
+    reloadProviders()
 }
 </script>
diff --git a/frontend/src/components/admin/imap_migration/form_steps/ProviderAssociatedForm.vue b/frontend/src/components/admin/imap_migration/form_steps/ProviderAssociatedForm.vue
index 76aea8b7b..342cbca39 100644
--- a/frontend/src/components/admin/imap_migration/form_steps/ProviderAssociatedForm.vue
+++ b/frontend/src/components/admin/imap_migration/form_steps/ProviderAssociatedForm.vue
@@ -1,45 +1,45 @@
 <template>
-  <v-form ref="formRef">
-    <v-text-field
-      ref="initialdomainField"
-      v-model="domain.name"
-      :placeholder="$gettext('Name of the domain to migrate')"
-      variant="outlined"
-      density="compact"
-      @keydown="onKeyDown"
-    />
-    <v-autocomplete
-      v-model="domain.new_domain"
-      :label="$gettext('Local domain (optional)')"
-      :items="localDomains"
-      item-title="name"
-      return-object
-      variant="outlined"
-      density="compact"
-      clearable
-      @keydown="onKeyDown"
-    />
-  </v-form>
-  <v-btn icon="mdi-plus" color="primary" @click="addDomain" />
-  <v-spacer />
-  <v-chip
-    v-for="(domain, index) in domains"
-    :key="index"
-    class="mr-2 mt-2"
-    closable
-    @click:close="removeDomain(index)"
-  >
-    <template v-if="domain.new_domain">
-      {{ domain.name }} --> {{ domain.new_domain.name }}
-    </template>
-    <template v-else>
-      {{ domain.name }}
-    </template>
-  </v-chip>
+    <v-form ref="formRef">
+        <v-text-field
+            ref="initialdomainField"
+            v-model="domain.name"
+            :placeholder="$gettext('Name of the domain to migrate')"
+            variant="outlined"
+            density="compact"
+            @keydown="onKeyDown"
+        />
+        <v-autocomplete
+            v-model="domain.new_domain"
+            :label="$gettext('Local domain (optional)')"
+            :items="localDomains"
+            item-title="name"
+            return-object
+            variant="outlined"
+            density="compact"
+            clearable
+            @keydown="onKeyDown"
+        />
+    </v-form>
+    <v-btn icon="mdi-plus" color="primary" @click="addDomain" />
+    <v-spacer />
+    <v-chip
+        v-for="(domain, index) in domains"
+        :key="index"
+        class="mr-2 mt-2"
+        closable
+        @click:close="removeDomain(index)"
+    >
+        <template v-if="domain.new_domain">
+            {{ domain.name }} --> {{ domain.new_domain.name }}
+        </template>
+        <template v-else>
+            {{ domain.name }}
+        </template>
+    </v-chip>
 
-  <v-form ref="vFormRef">
-    <v-input :rules="[atLeastOneAssDomain]" />
-  </v-form>
+    <v-form ref="vFormRef">
+        <v-input :rules="[atLeastOneAssDomain]" />
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -57,64 +57,64 @@ const domains = ref([])
 const formRef = ref()
 const vFormRef = ref()
 const domain = ref({
-  name: '',
-  new_domain: '',
+    name: '',
+    new_domain: '',
 })
 const localDomains = ref([])
 
 watch(
-  () => props.modelValue,
-  (value) => {
-    if (value) {
-      domains.value = [...value]
-    }
-  },
-  { immediate: true }
+    () => props.modelValue,
+    (value) => {
+        if (value) {
+            domains.value = [...value]
+        }
+    },
+    { immediate: true }
 )
 
 async function addDomain() {
-  const valid = await formRef.value.validate()
-  if (!valid) {
-    return
-  }
-  providerApi.checkAssociatedDomain(domain.value).then((response) => {
-    if (response.status === 200) {
-      domains.value.push({
-        name: domain.value.name,
-        new_domain: domain.value.new_domain,
-      })
-      emit('update:modelValue', domains.value)
-      domain.value = {
-        name: '',
-        new_domain: '',
-      }
+    const valid = await formRef.value.validate()
+    if (!valid) {
+        return
     }
-  })
+    providerApi.checkAssociatedDomain(domain.value).then((response) => {
+        if (response.status === 200) {
+            domains.value.push({
+                name: domain.value.name,
+                new_domain: domain.value.new_domain,
+            })
+            emit('update:modelValue', domains.value)
+            domain.value = {
+                name: '',
+                new_domain: '',
+            }
+        }
+    })
 }
 
 function removeDomain(index) {
-  domains.value.splice(index, 1)
-  emit('update:modelValue', domains.value)
+    domains.value.splice(index, 1)
+    emit('update:modelValue', domains.value)
 }
 
 function onKeyDown(e) {
-  const keyCode = e.keyCode
-  if (keyCode === 13 || keyCode === 9) {
-    // on enter or tab
-    addDomain()
-    e.preventDefault()
-  }
+    const keyCode = e.keyCode
+    if (keyCode === 13 || keyCode === 9) {
+        // on enter or tab
+        addDomain()
+        e.preventDefault()
+    }
 }
 
 domainsApi.getDomains().then((resp) => {
-  localDomains.value = resp.data
+    localDomains.value = resp.data
 })
 
 function atLeastOneAssDomain() {
-  if (domains.value.length === 0) {
-    return $gettext('You need to bind at least one domain to the provider.')
-  }
-  return true
+    if (domains.value.length === 0) {
+        return $gettext('You need to bind at least one domain to the provider.')
+    }
+    return true
 }
 
 defineExpose({ vFormRef })
diff --git a/frontend/src/components/admin/imap_migration/form_steps/ProviderGeneralForm.vue b/frontend/src/components/admin/imap_migration/form_steps/ProviderGeneralForm.vue
index 83411d3b2..4e380be31 100644
--- a/frontend/src/components/admin/imap_migration/form_steps/ProviderGeneralForm.vue
+++ b/frontend/src/components/admin/imap_migration/form_steps/ProviderGeneralForm.vue
@@ -1,51 +1,58 @@
 <template>
-  <v-form ref="vFormRef">
-    <v-text-field
-      v-model="provider.name"
-      :label="$gettext('Provider name')"
-      variant="outlined"
-      :rules="[rules.required]"
-    />
-    <v-text-field
-      v-model="provider.address"
-      :label="$gettext('Address (hostname or IP)')"
-      :rules="[rules.required]"
-      variant="outlined"
-    />
-    <v-text-field
-      v-model="provider.port"
-      :label="$gettext('IMAP Port')"
-      type="number"
-      variant="outlined"
-      :rules="[rules.required, rules.portNumber]"
-    />
-    <v-switch
-      v-model="provider.secured"
-      :label="$gettext('Secured')"
-      color="primary"
-      :hint="
-        $gettext('Is the IMAP connection secured using SSL/TLS or StartTLS')
-      "
-      persistent-hint
-    />
-    <div class="my-7">
-      <v-btn :loading="loading" color="primary" @click="checkConnection">
-        {{ $gettext('Check connection:') }}
-        <v-icon v-if="connectionStatus === 0" color="blue-grey-darken-2">
-          mdi-help-circle-outline
-        </v-icon>
-        <v-icon v-else-if="connectionStatus === 1" color="success">
-          mdi-check-all
-        </v-icon>
-        <v-icon v-else color="warning"> mdi-alert-circle-outline </v-icon>
-        <template #loader>
-          <span class="custom-loader">
-            <v-icon light>mdi-cached</v-icon>
-          </span>
-        </template>
-      </v-btn>
-    </div>
-  </v-form>
+    <v-form ref="vFormRef">
+        <v-text-field
+            v-model="provider.name"
+            :label="$gettext('Provider name')"
+            variant="outlined"
+            :rules="[rules.required]"
+        />
+        <v-text-field
+            v-model="provider.address"
+            :label="$gettext('Address (hostname or IP)')"
+            :rules="[rules.required]"
+            variant="outlined"
+        />
+        <v-text-field
+            v-model="provider.port"
+            :label="$gettext('IMAP Port')"
+            type="number"
+            variant="outlined"
+            :rules="[rules.required, rules.portNumber]"
+        />
+        <v-switch
+            v-model="provider.secured"
+            :label="$gettext('Secured')"
+            color="primary"
+            :hint="
+                $gettext(
+                    'Is the IMAP connection secured using SSL/TLS or StartTLS'
+                )
+            "
+            persistent-hint
+        />
+        <div class="my-7">
+            <v-btn :loading="loading" color="primary" @click="checkConnection">
+                {{ $gettext('Check connection:') }}
+                <v-icon
+                    v-if="connectionStatus === 0"
+                    color="blue-grey-darken-2"
+                >
+                    mdi-help-circle-outline
+                </v-icon>
+                <v-icon v-else-if="connectionStatus === 1" color="success">
+                    mdi-check-all
+                </v-icon>
+                <v-icon v-else color="warning">
+                    mdi-alert-circle-outline
+                </v-icon>
+                <template #loader>
+                    <span class="custom-loader">
+                        <v-icon light>mdi-cached</v-icon>
+                    </span>
+                </template>
+            </v-btn>
+        </div>
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -63,25 +70,25 @@ const loading = ref(false)
 const vFormRef = ref()
 
 async function checkConnection() {
-  const valid = await vFormRef.value.validate()
-  if (!valid) {
-    return
-  }
-  loading.value = true
-  const params = {
-    address: provider.value.address,
-    port: provider.value.port,
-    secured: provider.value.secured,
-  }
-  ProviderApi.checkProvider(params)
-    .then(() => {
-      connectionStatus.value = 1
-    })
-    .catch((error) => {
-      console.log(error)
-      connectionStatus.value = 2
-    })
-    .finally(() => (loading.value = false))
+    const valid = await vFormRef.value.validate()
+    if (!valid) {
+        return
+    }
+    loading.value = true
+    const params = {
+        address: provider.value.address,
+        port: provider.value.port,
+        secured: provider.value.secured,
+    }
+    ProviderApi.checkProvider(params)
+        .then(() => {
+            connectionStatus.value = 1
+        })
+        .catch((error) => {
+            console.log(error)
+            connectionStatus.value = 2
+        })
+        .finally(() => (loading.value = false))
 }
 
 defineExpose({ vFormRef })
@@ -89,39 +96,39 @@ defineExpose({ vFormRef })
 
 <style>
 .custom-loader {
-  animation: loader 1s infinite;
-  display: flex;
+    animation: loader 1s infinite;
+    display: flex;
 }
 @-moz-keyframes loader {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+    from {
+        transform: rotate(0);
+    }
+    to {
+        transform: rotate(360deg);
+    }
 }
 @-webkit-keyframes loader {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+    from {
+        transform: rotate(0);
+    }
+    to {
+        transform: rotate(360deg);
+    }
 }
 @-o-keyframes loader {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+    from {
+        transform: rotate(0);
+    }
+    to {
+        transform: rotate(360deg);
+    }
 }
 @keyframes loader {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+    from {
+        transform: rotate(0);
+    }
+    to {
+        transform: rotate(360deg);
+    }
 }
 </style>
diff --git a/frontend/src/components/admin/logs/AuditTrailList.vue b/frontend/src/components/admin/logs/AuditTrailList.vue
index 0ace1a75e..732b924fe 100644
--- a/frontend/src/components/admin/logs/AuditTrailList.vue
+++ b/frontend/src/components/admin/logs/AuditTrailList.vue
@@ -1,36 +1,36 @@
 <template>
-  <v-card class="mt-6">
-    <v-data-table-server
-      :headers="headers"
-      :items="logs"
-      :search="search"
-      class="elevation-0"
-      :items-length="total"
-      @update:options="fetchLogs"
-    >
-      <template #top>
-        <v-toolbar flat color="white">
-          <v-spacer></v-spacer>
-          <v-text-field
-            v-model="search"
-            prepend-inner-icon="mdi-magnify"
-            :placeholder="$gettext('Search')"
-            variant="outlined"
-            hide-details
-          />
-        </v-toolbar>
-      </template>
-      <template #[`item.level`]="{ item }">
-        <v-chip
-          :color="getLevelColor(item.level)"
-          text-color="white"
-          size="small"
+    <v-card class="mt-6">
+        <v-data-table-server
+            :headers="headers"
+            :items="logs"
+            :search="search"
+            class="elevation-0"
+            :items-length="total"
+            @update:options="fetchLogs"
         >
-          {{ item.level }}
-        </v-chip>
-      </template>
-    </v-data-table-server>
-  </v-card>
+            <template #top>
+                <v-toolbar flat color="white">
+                    <v-spacer></v-spacer>
+                    <v-text-field
+                        v-model="search"
+                        prepend-inner-icon="mdi-magnify"
+                        :placeholder="$gettext('Search')"
+                        variant="outlined"
+                        hide-details
+                    />
+                </v-toolbar>
+            </template>
+            <template #[`item.level`]="{ item }">
+                <v-chip
+                    :color="getLevelColor(item.level)"
+                    text-color="white"
+                    size="small"
+                >
+                    {{ item.level }}
+                </v-chip>
+            </template>
+        </v-data-table-server>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -46,42 +46,42 @@ const search = ref('')
 const total = ref(0)
 
 const headers = [
-  { title: $gettext('Date'), key: 'date_created' },
-  { title: $gettext('Level'), key: 'level' },
-  { title: $gettext('Logger'), key: 'logger' },
-  { title: $gettext('Message'), key: 'message' },
+    { title: $gettext('Date'), key: 'date_created' },
+    { title: $gettext('Level'), key: 'level' },
+    { title: $gettext('Logger'), key: 'logger' },
+    { title: $gettext('Message'), key: 'message' },
 ]
 
 function getLevelColor(level) {
-  if (level === 'INFO') {
-    return 'primary'
-  }
-  if (level === 'WARNING') {
-    return 'orange'
-  }
-  if (level === 'CRITICAL' || level === 'ERROR') {
-    return 'red'
-  }
-  return ''
+    if (level === 'INFO') {
+        return 'primary'
+    }
+    if (level === 'WARNING') {
+        return 'orange'
+    }
+    if (level === 'CRITICAL' || level === 'ERROR') {
+        return 'red'
+    }
+    return ''
 }
 
 function fetchLogs({ page, itemsPerPage, sortBy, search }) {
-  let order
-  if (sortBy.length) {
-    order = (sortBy[0].order === 'desc' ? '-' : '') + sortBy[0].key
-  }
-  const params = {
-    ordering: order,
-    page: page,
-    page_size: itemsPerPage,
-    search: search,
-  }
-  loading.value = true
-  logsApi.getAuditTrail(params).then((response) => {
-    logs.value = response.data.results
-    total.value = response.data.count
-    loading.value = false
-  })
+    let order
+    if (sortBy.length) {
+        order = (sortBy[0].order === 'desc' ? '-' : '') + sortBy[0].key
+    }
+    const params = {
+        ordering: order,
+        page: page,
+        page_size: itemsPerPage,
+        search: search,
+    }
+    loading.value = true
+    logsApi.getAuditTrail(params).then((response) => {
+        logs.value = response.data.results
+        total.value = response.data.count
+        loading.value = false
+    })
 }
 
 fetchLogs = debounce(fetchLogs, 500)
diff --git a/frontend/src/components/admin/logs/MessageList.vue b/frontend/src/components/admin/logs/MessageList.vue
index f16f491cf..3a248d68a 100644
--- a/frontend/src/components/admin/logs/MessageList.vue
+++ b/frontend/src/components/admin/logs/MessageList.vue
@@ -1,33 +1,33 @@
 <template>
-  <v-card class="mt-6">
-    <v-data-table-server
-      :headers="headers"
-      :items="messages"
-      :search="search"
-      class="elevation-0"
-      :items-length="total"
-      @update:options="fetchMessages"
-    >
-      <template #top>
-        <v-toolbar flat color="white">
-          <v-spacer></v-spacer>
-          <v-text-field
-            v-model="search"
-            prepend-inner-icon="mdi-magnify"
-            :placeholder="$gettext('Search')"
-            variant="outlined"
-            hide-details
-          />
-        </v-toolbar>
-      </template>
-      <template #[`item.date`]="{ item }">
-        {{ $date(item.date) }}
-      </template>
-      <template #[`item.sender`]="{ item }">
-        {{ $truncate(item.sender, 50) }}
-      </template>
-    </v-data-table-server>
-  </v-card>
+    <v-card class="mt-6">
+        <v-data-table-server
+            :headers="headers"
+            :items="messages"
+            :search="search"
+            class="elevation-0"
+            :items-length="total"
+            @update:options="fetchMessages"
+        >
+            <template #top>
+                <v-toolbar flat color="white">
+                    <v-spacer></v-spacer>
+                    <v-text-field
+                        v-model="search"
+                        prepend-inner-icon="mdi-magnify"
+                        :placeholder="$gettext('Search')"
+                        variant="outlined"
+                        hide-details
+                    />
+                </v-toolbar>
+            </template>
+            <template #[`item.date`]="{ item }">
+                {{ $date(item.date) }}
+            </template>
+            <template #[`item.sender`]="{ item }">
+                {{ $truncate(item.sender, 50) }}
+            </template>
+        </v-data-table-server>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -39,11 +39,11 @@ import debounce from 'debounce'
 const { $gettext } = useGettext()
 
 const headers = [
-  { title: $gettext('Queue ID'), key: 'queue_id' },
-  { title: $gettext('Date'), key: 'date', width: '20%' },
-  { title: $gettext('Status'), key: 'status' },
-  { title: $gettext('To'), key: 'rcpt' },
-  { title: $gettext('From'), key: 'sender' },
+    { title: $gettext('Queue ID'), key: 'queue_id' },
+    { title: $gettext('Date'), key: 'date', width: '20%' },
+    { title: $gettext('Status'), key: 'status' },
+    { title: $gettext('To'), key: 'rcpt' },
+    { title: $gettext('From'), key: 'sender' },
 ]
 
 const loading = ref(true)
@@ -52,22 +52,22 @@ const search = ref('')
 const total = ref(0)
 
 function fetchMessages({ page, itemsPerPage, sortBy, search }) {
-  let order
-  if (sortBy.length) {
-    order = (sortBy[0].order === 'desc' ? '-' : '') + sortBy[0].key
-  }
-  const params = {
-    ordering: order,
-    page: page,
-    page_size: itemsPerPage,
-    search: search,
-  }
-  loading.value = true
-  logsApi.getMessages(params).then((response) => {
-    messages.value = response.data.results
-    total.value = response.data.count
-    loading.value = false
-  })
+    let order
+    if (sortBy.length) {
+        order = (sortBy[0].order === 'desc' ? '-' : '') + sortBy[0].key
+    }
+    const params = {
+        ordering: order,
+        page: page,
+        page_size: itemsPerPage,
+        search: search,
+    }
+    loading.value = true
+    logsApi.getMessages(params).then((response) => {
+        messages.value = response.data.results
+        total.value = response.data.count
+        loading.value = false
+    })
 }
 
 fetchMessages = debounce(fetchMessages, 500)
diff --git a/frontend/src/components/login/LoginForm.vue b/frontend/src/components/login/LoginForm.vue
index 239d44fa6..b245cba83 100644
--- a/frontend/src/components/login/LoginForm.vue
+++ b/frontend/src/components/login/LoginForm.vue
@@ -19,83 +19,92 @@ const router = useRouter()
 const { $gettext } = useGettext()
 
 async function authenticate() {
-  const { valid } = await loginForm.value.validate()
-  if (!valid) {
-    return
-  }
-  loading.value = true
+    const { valid } = await loginForm.value.validate()
+    if (!valid) {
+        return
+    }
+    loading.value = true
 
-  const payload = {
-    username: username.value,
-    password: password.value,
-    rememberMe: rememberMe.value,
-  }
-  authStore
-    .login(payload)
-    .then(() => {
-      router.push({ name: 'Dashboard' })
-    })
-    .catch((err) => {
-      loading.value = false
-      if (err.response.status === 401) {
-        errors.value = [$gettext('Invalid username and/or password')]
-      } else if (err.response.status === 429) {
-        errors.value = [
-          $gettext('Too many unsuccessful attempts, please try later.'),
-        ]
-      }
-    })
+    const payload = {
+        username: username.value,
+        password: password.value,
+        rememberMe: rememberMe.value,
+    }
+    authStore
+        .login(payload)
+        .then(() => {
+            router.push({ name: 'Dashboard' })
+        })
+        .catch((err) => {
+            loading.value = false
+            if (err.response.status === 401) {
+                errors.value = [$gettext('Invalid username and/or password')]
+            } else if (err.response.status === 429) {
+                errors.value = [
+                    $gettext(
+                        'Too many unsuccessful attempts, please try later.'
+                    ),
+                ]
+            }
+        })
 }
 </script>
 
 <template>
-  <v-container class="fill-height" fluid>
-    <v-row align="center" justify="center">
-      <v-col cols="12" sm="10" md="8" lg="8" class="text-center">
-        <h4 class="text-primary mb-10 text-h4">
-          {{ $gettext('Identification') }}
-        </h4>
-        <v-form ref="loginForm" @submit.prevent="authenticate">
-          <v-text-field
-            v-model="username"
-            variant="outlined"
-            :label="$gettext('Username')"
-            prepend-inner-icon="mdi-account-outline"
-            :rules="[rules.required]"
-          />
-          <v-text-field
-            v-model="password"
-            :type="isPasswordvisible ? 'text' : 'password'"
-            prepend-inner-icon="mdi-lock-outline"
-            :label="$gettext('Password')"
-            variant="outlined"
-            :append-inner-icon="isPasswordvisible ? 'mdi-eye-off' : 'mdi-eye'"
-            :rules="[rules.required, rules.minLength(6)]"
-            :error-messages="errors"
-            @click:append-inner="isPasswordvisible = !isPasswordvisible"
-          />
-          <v-checkbox v-model="rememberMe" :label="$gettext('Remember me')" />
+    <v-container class="fill-height" fluid>
+        <v-row align="center" justify="center">
+            <v-col cols="12" sm="10" md="8" lg="8" class="text-center">
+                <h4 class="text-primary mb-10 text-h4">
+                    {{ $gettext('Identification') }}
+                </h4>
+                <v-form ref="loginForm" @submit.prevent="authenticate">
+                    <v-text-field
+                        v-model="username"
+                        variant="outlined"
+                        :label="$gettext('Username')"
+                        prepend-inner-icon="mdi-account-outline"
+                        :rules="[rules.required]"
+                    />
+                    <v-text-field
+                        v-model="password"
+                        :type="isPasswordvisible ? 'text' : 'password'"
+                        prepend-inner-icon="mdi-lock-outline"
+                        :label="$gettext('Password')"
+                        variant="outlined"
+                        :append-inner-icon="
+                            isPasswordvisible ? 'mdi-eye-off' : 'mdi-eye'
+                        "
+                        :rules="[rules.required, rules.minLength(6)]"
+                        :error-messages="errors"
+                        @click:append-inner="
+                            isPasswordvisible = !isPasswordvisible
+                        "
+                    />
+                    <v-checkbox
+                        v-model="rememberMe"
+                        :label="$gettext('Remember me')"
+                    />
 
-          <v-btn
-            block
-            color="primary"
-            size="large"
-            type="submit"
-            :loading="loading"
-            class="mb-5"
-          >
-            {{ $gettext('Connect') }}
-          </v-btn>
-        </v-form>
-        <v-btn
-          block
-          variant="outlined"
-          size="large"
-          :to="{ name: 'PasswordRecovery' }"
-        >
-          {{ $gettext('Forgot password') }}
-        </v-btn>
-      </v-col>
-    </v-row>
-  </v-container>
+                    <v-btn
+                        block
+                        color="primary"
+                        size="large"
+                        type="submit"
+                        :loading="loading"
+                        class="mb-5"
+                    >
+                        {{ $gettext('Connect') }}
+                    </v-btn>
+                </v-form>
+                <v-btn
+                    block
+                    variant="outlined"
+                    size="large"
+                    :to="{ name: 'PasswordRecovery' }"
+                >
+                    {{ $gettext('Forgot password') }}
+                </v-btn>
+            </v-col>
+        </v-row>
+    </v-container>
 </template>
diff --git a/frontend/src/components/login/PasswordRecoveryChangeForm.vue b/frontend/src/components/login/PasswordRecoveryChangeForm.vue
index d1be662e2..ab06bfe06 100644
--- a/frontend/src/components/login/PasswordRecoveryChangeForm.vue
+++ b/frontend/src/components/login/PasswordRecoveryChangeForm.vue
@@ -1,53 +1,60 @@
 <template>
-  <v-container class="fill-height" fluid>
-    <v-row align="center" justify="center">
-      <v-col
-        cols="12"
-        sm="6"
-        class="d-flex flex-column justify-center pa-10"
-        @keyup.enter="changePassword"
-      >
-        <h4 class="text-primary mb-6 text-h4">
-          {{ $gettext('Forgot password?') }}
-        </h4>
-        <v-form ref="observer">
-          <p id="password_validation">{{ password_validation_error }}</p>
-          <label class="m-label">{{ $gettext('Change password') }}</label>
-          <v-text-field
-            v-model="password"
-            type="password"
-            variant="outlined"
-            :rules="[rules.required]"
-          />
-          <v-text-field
-            v-model="password_confirmed"
-            type="password"
-            variant="outlined"
-            :rules="[
-              rules.required,
-              (value) => rules.samePassword(value, password),
-            ]"
-          />
-        </v-form>
-        <div class="d-flex justify-center">
-          <v-btn
-            class="flex-grow-1"
-            color="primary"
-            size="large"
-            :loading="loading"
-            @click="changePassword"
-          >
-            {{ $gettext('Submit') }}
-          </v-btn>
-        </div>
-        <div>
-          <router-link :to="{ name: 'Login' }" class="float-right text-primary">
-            {{ $gettext('Return to login') }}
-          </router-link>
-        </div>
-      </v-col>
-    </v-row>
-  </v-container>
+    <v-container class="fill-height" fluid>
+        <v-row align="center" justify="center">
+            <v-col
+                cols="12"
+                sm="6"
+                class="d-flex flex-column justify-center pa-10"
+                @keyup.enter="changePassword"
+            >
+                <h4 class="text-primary mb-6 text-h4">
+                    {{ $gettext('Forgot password?') }}
+                </h4>
+                <v-form ref="observer">
+                    <p id="password_validation">
+                        {{ password_validation_error }}
+                    </p>
+                    <label class="m-label">{{
+                        $gettext('Change password')
+                    }}</label>
+                    <v-text-field
+                        v-model="password"
+                        type="password"
+                        variant="outlined"
+                        :rules="[rules.required]"
+                    />
+                    <v-text-field
+                        v-model="password_confirmed"
+                        type="password"
+                        variant="outlined"
+                        :rules="[
+                            rules.required,
+                            (value) => rules.samePassword(value, password),
+                        ]"
+                    />
+                </v-form>
+                <div class="d-flex justify-center">
+                    <v-btn
+                        class="flex-grow-1"
+                        color="primary"
+                        size="large"
+                        :loading="loading"
+                        @click="changePassword"
+                    >
+                        {{ $gettext('Submit') }}
+                    </v-btn>
+                </div>
+                <div>
+                    <router-link
+                        :to="{ name: 'Login' }"
+                        class="float-right text-primary"
+                    >
+                        {{ $gettext('Return to login') }}
+                    </router-link>
+                </div>
+            </v-col>
+        </v-row>
+    </v-container>
 </template>
 
 <script setup lang="js">
@@ -71,62 +78,63 @@ let token
 let id
 
 function checkUrl() {
-  if (route.params.token === undefined) {
-    if (token === '' || id === '') {
-      router.push({ name: 'PasswordRecovery' })
-    }
-  } else {
-    const decodedId = atob(route.params.id)
-    if (!/^\d+$/.test(decodedId)) {
-      router.push({ name: 'PasswordRecovery' })
+    if (route.params.token === undefined) {
+        if (token === '' || id === '') {
+            router.push({ name: 'PasswordRecovery' })
+        }
     } else {
-      id = route.params.id
-      token = route.params.token
-      router.push({ name: 'PasswordRecoveryChangeForm' })
+        const decodedId = atob(route.params.id)
+        if (!/^\d+$/.test(decodedId)) {
+            router.push({ name: 'PasswordRecovery' })
+        } else {
+            id = route.params.id
+            token = route.params.token
+            router.push({ name: 'PasswordRecoveryChangeForm' })
+        }
     }
-  }
 }
 
 async function changePassword() {
-  const { valid } = await observer.value.validate()
-  if (!valid) {
-    return
-  }
-  const payload = {
-    new_password1: password.value,
-    new_password2: password_confirmed.value,
-    token: token,
-    id: id,
-  }
-  loading.value = true
-  password_validation_error.value = ''
-  auth
-    .changePassword(payload)
-    .then((resp) => {
-      if (resp.status === 200) {
-        loading.value = false
-        router.push({ name: 'Login' })
-      }
-    })
-    .catch((err) => {
-      let message = ''
-      loading.value = false
-      if (err.response.status === 403) {
-        message = $gettext('Invalid reset token.')
-      } else if (err.response.status === 404) {
-        message = $gettext('User unknown.')
-      } else if (
-        err.response.status === 400 &&
-        err.response.data.type === 'password_requirement'
-      ) {
-        err.response.data.errors.forEach((element) => {
-          message += $gettext(element) + '<br>'
+    const { valid } = await observer.value.validate()
+    if (!valid) {
+        return
+    }
+    const payload = {
+        new_password1: password.value,
+        new_password2: password_confirmed.value,
+        token: token,
+        id: id,
+    }
+    loading.value = true
+    password_validation_error.value = ''
+    auth.changePassword(payload)
+        .then((resp) => {
+            if (resp.status === 200) {
+                loading.value = false
+                router.push({ name: 'Login' })
+            }
+        })
+        .catch((err) => {
+            let message = ''
+            loading.value = false
+            if (err.response.status === 403) {
+                message = $gettext('Invalid reset token.')
+            } else if (err.response.status === 404) {
+                message = $gettext('User unknown.')
+            } else if (
+                err.response.status === 400 &&
+                err.response.data.type === 'password_requirement'
+            ) {
+                err.response.data.errors.forEach((element) => {
+                    message += $gettext(element) + '<br>'
+                })
+            } else if (err.response.status === 429) {
+                message = $gettext(
+                    'Too many unsuccessful attempts, please try later.'
+                )
+            }
+            password_validation_error.value = message
         })
-      } else if (err.response.status === 429) {
-        message = $gettext('Too many unsuccessful attempts, please try later.')
-      }
-      password_validation_error.value = message
-    })
 }
 
 checkUrl()
@@ -134,6 +142,6 @@ checkUrl()
 
 <style>
 #password_validation {
-  color: crimson;
+    color: crimson;
 }
 </style>
diff --git a/frontend/src/components/login/PasswordRecoveryForm.vue b/frontend/src/components/login/PasswordRecoveryForm.vue
index 8cdbdcddc..25f50b373 100644
--- a/frontend/src/components/login/PasswordRecoveryForm.vue
+++ b/frontend/src/components/login/PasswordRecoveryForm.vue
@@ -1,47 +1,49 @@
 <template>
-  <v-container class="fill-height" fluid>
-    <v-row align="center" justify="center">
-      <v-col
-        cols="12"
-        sm="10"
-        md="8"
-        class="text-center"
-        @keyup.enter="recoverPassword"
-      >
-        <h4 class="text-primary mb-10 text-h4">
-          {{ $gettext('Forgot password?') }}
-        </h4>
-        <v-form ref="observer" class="my-4">
-          <label class="m-label">{{
-            $gettext('Please fill-in your primary email address')
-          }}</label>
-          <v-text-field
-            v-model="email"
-            variant="outlined"
-            :rules="[rules.required, rules.email]"
-            :error-messages="errors"
-          />
-        </v-form>
-        <div class="d-flex justify-center">
-          <v-btn
-            class="flex-grow-1"
-            color="primary"
-            size="large"
-            :loading="loading"
-            @click="recoverPassword"
-          >
-            {{ $gettext('Submit') }}
-          </v-btn>
-        </div>
-        <div>
-          <a class="float-right text-primary" @click="returnToLogin">{{
-            $gettext('Return to login')
-          }}</a>
-        </div>
-      </v-col>
-      <ConfirmDialog ref="dialog" />
-    </v-row>
-  </v-container>
+    <v-container class="fill-height" fluid>
+        <v-row align="center" justify="center">
+            <v-col
+                cols="12"
+                sm="10"
+                md="8"
+                class="text-center"
+                @keyup.enter="recoverPassword"
+            >
+                <h4 class="text-primary mb-10 text-h4">
+                    {{ $gettext('Forgot password?') }}
+                </h4>
+                <v-form ref="observer" class="my-4">
+                    <label class="m-label">{{
+                        $gettext('Please fill-in your primary email address')
+                    }}</label>
+                    <v-text-field
+                        v-model="email"
+                        variant="outlined"
+                        :rules="[rules.required, rules.email]"
+                        :error-messages="errors"
+                    />
+                </v-form>
+                <div class="d-flex justify-center">
+                    <v-btn
+                        class="flex-grow-1"
+                        color="primary"
+                        size="large"
+                        :loading="loading"
+                        @click="recoverPassword"
+                    >
+                        {{ $gettext('Submit') }}
+                    </v-btn>
+                </div>
+                <div>
+                    <a
+                        class="float-right text-primary"
+                        @click="returnToLogin"
+                        >{{ $gettext('Return to login') }}</a
+                    >
+                </div>
+            </v-col>
+            <ConfirmDialog ref="dialog" />
+        </v-row>
+    </v-container>
 </template>
 
 <script setup lang="js">
@@ -63,68 +65,69 @@ const observer = ref(null)
 const errors = ref([])
 
 function returnToLogin() {
-  router.push({ name: 'Login' })
+    router.push({ name: 'Login' })
 }
 
 async function showDialog(title, body, error = false) {
-  let color = 'info'
-  if (error) {
-    color = 'error'
-  }
-  const confirm = await dialog.value.open(title, body, {
-    color: color,
-    cancelLabel: $gettext('Ok'),
-    agreeLabel: $gettext('Return to login'),
-  })
-  if (!confirm) {
-    return
-  }
-  returnToLogin()
+    let color = 'info'
+    if (error) {
+        color = 'error'
+    }
+    const confirm = await dialog.value.open(title, body, {
+        color: color,
+        cancelLabel: $gettext('Ok'),
+        agreeLabel: $gettext('Return to login'),
+    })
+    if (!confirm) {
+        return
+    }
+    returnToLogin()
 }
 
 async function recoverPassword() {
-  const { valid } = await observer.value.validate()
-  if (!valid) {
-    return
-  }
-  const payload = {
-    email: email.value,
-  }
-  loading.value = true
-  auth
-    .recoverPassword(payload)
-    .then(async (resp) => {
-      loading.value = false
-      if (resp.status === 200) {
-        if (resp.data.type === 'sms') {
-          router.push({ name: 'PasswordRecoverySmsTotpForm' })
-        } else if (resp.data.type === 'email') {
-          await showDialog(
-            'Info',
-            $gettext('Email sent, please check your inbox')
-          )
-        }
-      }
-    })
-    .catch((err) => {
-      loading.value = false
-      if (err.response.status === 404) {
-        if (
-          err.response.data.type === 'sms' ||
-          err.response.data.type === 'email'
-        ) {
-          errors.value = [$gettext(err.response.data.reason)]
-        }
-      } else if (
-        err.response.status === 503 &&
-        err.response.data.type === 'email'
-      ) {
-        showDialog('Error', err.response.data.reason, true)
-      } else if (err.response.status === 429) {
-        errors.value = [
-          $gettext('Too many unsuccessful attempts, please try later.'),
-        ]
-      }
-    })
+    const { valid } = await observer.value.validate()
+    if (!valid) {
+        return
+    }
+    const payload = {
+        email: email.value,
+    }
+    loading.value = true
+    auth.recoverPassword(payload)
+        .then(async (resp) => {
+            loading.value = false
+            if (resp.status === 200) {
+                if (resp.data.type === 'sms') {
+                    router.push({ name: 'PasswordRecoverySmsTotpForm' })
+                } else if (resp.data.type === 'email') {
+                    await showDialog(
+                        'Info',
+                        $gettext('Email sent, please check your inbox')
+                    )
+                }
+            }
+        })
+        .catch((err) => {
+            loading.value = false
+            if (err.response.status === 404) {
+                if (
+                    err.response.data.type === 'sms' ||
+                    err.response.data.type === 'email'
+                ) {
+                    errors.value = [$gettext(err.response.data.reason)]
+                }
+            } else if (
+                err.response.status === 503 &&
+                err.response.data.type === 'email'
+            ) {
+                showDialog('Error', err.response.data.reason, true)
+            } else if (err.response.status === 429) {
+                errors.value = [
+                    $gettext(
+                        'Too many unsuccessful attempts, please try later.'
+                    ),
+                ]
+            }
+        })
 }
 </script>
diff --git a/frontend/src/components/login/PasswordRecoverySmsTotpForm.vue b/frontend/src/components/login/PasswordRecoverySmsTotpForm.vue
index e771816ea..6a515c7a3 100644
--- a/frontend/src/components/login/PasswordRecoverySmsTotpForm.vue
+++ b/frontend/src/components/login/PasswordRecoverySmsTotpForm.vue
@@ -1,52 +1,59 @@
 <template>
-  <v-container class="fill-height" fluid>
-    <v-row align="center" justify="center">
-      <v-col
-        cols="12"
-        sm="6"
-        class="d-flex flex-column justify-center pa-10"
-        @keyup.enter="changePassword"
-      >
-        <ConfirmDialog ref="confirm" />
-        <h4 class="text-primary mb-6 text-h4">
-          {{ $gettext('Password recovery') }}
-        </h4>
-        <v-form ref="observer">
-          <label class="m-label"
-            >{{ $gettext("Enter the code you've just received by SMS") }}
-          </label>
-          <v-text-field
-            v-model="sms_totp"
-            type="totp"
-            variant="outlined"
-            :rules="[rules.required, (value) => rules.length(value, 6)]"
-            :error-messages="errors"
-          />
-        </v-form>
-        <div class="d-flex justify-center">
-          <v-btn
-            class="flex-grow-1"
-            color="primary"
-            size="large"
-            :loading="loading"
-            @click="checkSmsTotp"
-          >
-            {{ $gettext('Submit') }}
-          </v-btn>
-        </div>
-        <div>
-          <a class="float-left text-primary" @click="resendSms">{{
-            $gettext('Resend SMS.')
-          }}</a>
-          <router-link
-            :to="{ name: 'Login' }"
-            class="float-right text-primary"
-            >{{ $gettext('Return to login') }}</router-link
-          >
-        </div>
-      </v-col>
-    </v-row>
-  </v-container>
+    <v-container class="fill-height" fluid>
+        <v-row align="center" justify="center">
+            <v-col
+                cols="12"
+                sm="6"
+                class="d-flex flex-column justify-center pa-10"
+                @keyup.enter="changePassword"
+            >
+                <ConfirmDialog ref="confirm" />
+                <h4 class="text-primary mb-6 text-h4">
+                    {{ $gettext('Password recovery') }}
+                </h4>
+                <v-form ref="observer">
+                    <label class="m-label"
+                        >{{
+                            $gettext(
+                                "Enter the code you've just received by SMS"
+                            )
+                        }}
+                    </label>
+                    <v-text-field
+                        v-model="sms_totp"
+                        type="totp"
+                        variant="outlined"
+                        :rules="[
+                            rules.required,
+                            (value) => rules.length(value, 6),
+                        ]"
+                        :error-messages="errors"
+                    />
+                </v-form>
+                <div class="d-flex justify-center">
+                    <v-btn
+                        class="flex-grow-1"
+                        color="primary"
+                        size="large"
+                        :loading="loading"
+                        @click="checkSmsTotp"
+                    >
+                        {{ $gettext('Submit') }}
+                    </v-btn>
+                </div>
+                <div>
+                    <a class="float-left text-primary" @click="resendSms">{{
+                        $gettext('Resend SMS.')
+                    }}</a>
+                    <router-link
+                        :to="{ name: 'Login' }"
+                        class="float-right text-primary"
+                        >{{ $gettext('Return to login') }}</router-link
+                    >
+                </div>
+            </v-col>
+        </v-row>
+    </v-container>
 </template>
 
 <script setup lang="js">
@@ -67,74 +74,77 @@ const sms_totp = ref('')
 const errors = ref([])
 
 async function showErrorDialog(body) {
-  const confirm = await confirm.value.open($gettext('Error'), body, {
-    color: 'error',
-    cancelLabel: $gettext('Return to login'),
-    agreeLabel: $gettext('Retry reset'),
-  })
-  if (!confirm) {
-    router.push({ name: 'Login' })
-  } else {
-    router.push({ name: 'PasswordRecoveryForm' })
-  }
+    const confirm = await confirm.value.open($gettext('Error'), body, {
+        color: 'error',
+        cancelLabel: $gettext('Return to login'),
+        agreeLabel: $gettext('Retry reset'),
+    })
+    if (!confirm) {
+        router.push({ name: 'Login' })
+    } else {
+        router.push({ name: 'PasswordRecoveryForm' })
+    }
 }
 
 async function resendSms() {
-  auth
-    .checkSmsTotp({ type: 'resend' })
-    .then((resp) => {
-      loading.value = false
-      if (resp.status === 200) {
-        observer.value.setErrors({
-          sms_totp: this.$gettext('TOTP resent.'),
+    auth.checkSmsTotp({ type: 'resend' })
+        .then((resp) => {
+            loading.value = false
+            if (resp.status === 200) {
+                observer.value.setErrors({
+                    sms_totp: this.$gettext('TOTP resent.'),
+                })
+            }
+        })
+        .catch(async (err) => {
+            if (err.response.status === 400) {
+                this.loading = false
+                await showErrorDialog(
+                    $gettext(
+                        'User seems wrong, return to login or restart reset the process?'
+                    )
+                )
+            } else if (err.response.status === 429) {
+                errors.value = [
+                    $gettext(
+                        'Too many unsuccessful attempts, please try later.'
+                    ),
+                ]
+            }
         })
-      }
-    })
-    .catch(async (err) => {
-      if (err.response.status === 400) {
-        this.loading = false
-        await showErrorDialog(
-          $gettext(
-            'User seems wrong, return to login or restart reset the process?'
-          )
-        )
-      } else if (err.response.status === 429) {
-        errors.value = [
-          $gettext('Too many unsuccessful attempts, please try later.'),
-        ]
-      }
-    })
 }
 
 async function checkSmsTotp() {
-  const { valid } = await observer.value.validate()
-  if (!valid) {
-    return
-  }
-  const payload = {
-    type: 'confirm',
-    sms_totp: this.sms_totp,
-  }
-  loading.value = true
-  auth
-    .checkSmsTotp(payload)
-    .then((resp) => {
-      loading.value = false
-      if (resp.status === 200) {
-        // Code is good, redirecting to change password form.
-        router.push({
-          name: 'PasswordRecoveryChangeForm',
-          data: resp.response.data,
+    const { valid } = await observer.value.validate()
+    if (!valid) {
+        return
+    }
+    const payload = {
+        type: 'confirm',
+        sms_totp: this.sms_totp,
+    }
+    loading.value = true
+    auth.checkSmsTotp(payload)
+        .then((resp) => {
+            loading.value = false
+            if (resp.status === 200) {
+                // Code is good, redirecting to change password form.
+                router.push({
+                    name: 'PasswordRecoveryChangeForm',
+                    data: resp.response.data,
+                })
+            }
+        })
+        .catch(async (err) => {
+            loading.value = false
+            if (err.response.status === 403 && 'reason' in err.response.data) {
+                await showErrorDialog(err.response.data.reason)
+            } else if (
+                err.response.status === 400 &&
+                'reason' in err.response.data
+            ) {
+                errors.value = [$gettext(err.response.data.reason)]
+            }
         })
-      }
-    })
-    .catch(async (err) => {
-      loading.value = false
-      if (err.response.status === 403 && 'reason' in err.response.data) {
-        await showErrorDialog(err.response.data.reason)
-      } else if (err.response.status === 400 && 'reason' in err.response.data) {
-        errors.value = [$gettext(err.response.data.reason)]
-      }
-    })
 }
 </script>
diff --git a/frontend/src/components/login/TwofaForm.vue b/frontend/src/components/login/TwofaForm.vue
index a79e5a519..e7bbcee7d 100644
--- a/frontend/src/components/login/TwofaForm.vue
+++ b/frontend/src/components/login/TwofaForm.vue
@@ -1,39 +1,39 @@
 <template>
-  <v-container class="fill-height" fuild>
-    <v-row align="center" justify="center" dense>
-      <v-col cols="12" sm="10" md="8" lg="8" class="text-center">
-        <h4 class="text-primary mb-10 text-h4">
-          {{ $gettext('Two-factor authentication') }}
-        </h4>
-        <v-form ref="loginForm" @submit.prevent="verifyCode">
-          <div class="text-body-2">
-            {{
-              $gettext(
-                'Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.'
-              )
-            }}
-          </div>
-          <v-otp-input
-            ref="otpInput"
-            v-model="code"
-            length="6"
-            :rules="[rules.required]"
-            @finish="verifyCode"
-          />
-          <v-btn
-            block
-            color="primary"
-            size="large"
-            type="submit"
-            :loading="loading"
-            class="mb-5"
-          >
-            {{ $gettext('Verify code') }}
-          </v-btn>
-        </v-form>
-      </v-col>
-    </v-row>
-  </v-container>
+    <v-container class="fill-height" fuild>
+        <v-row align="center" justify="center" dense>
+            <v-col cols="12" sm="10" md="8" lg="8" class="text-center">
+                <h4 class="text-primary mb-10 text-h4">
+                    {{ $gettext('Two-factor authentication') }}
+                </h4>
+                <v-form ref="loginForm" @submit.prevent="verifyCode">
+                    <div class="text-body-2">
+                        {{
+                            $gettext(
+                                'Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.'
+                            )
+                        }}
+                    </div>
+                    <v-otp-input
+                        ref="otpInput"
+                        v-model="code"
+                        length="6"
+                        :rules="[rules.required]"
+                        @finish="verifyCode"
+                    />
+                    <v-btn
+                        block
+                        color="primary"
+                        size="large"
+                        type="submit"
+                        :loading="loading"
+                        class="mb-5"
+                    >
+                        {{ $gettext('Verify code') }}
+                    </v-btn>
+                </v-form>
+            </v-col>
+        </v-row>
+    </v-container>
 </template>
 
 <script setup lang="js">
@@ -54,23 +54,25 @@ const code = ref('')
 const loginForm = ref()
 
 async function verifyCode() {
-  const { valid } = await loginForm.value.validate()
-  if (!valid) {
-    return
-  }
-  loading.value = true
-  account
-    .verifyTFACode(code.value)
-    .then((resp) => {
-      Cookies.set('token', resp.data.access, { sameSite: 'strict' })
-      Cookies.set('refreshToken', resp.data.refresh, { sameSite: 'strict' })
-      authStore.initialize().then(() => {
-        // bus.$emit('loggedIn')
-        router.push({ name: 'DomainList' })
-      })
-    })
-    .catch(() => {
-      loading.value = false
-    })
+    const { valid } = await loginForm.value.validate()
+    if (!valid) {
+        return
+    }
+    loading.value = true
+    account
+        .verifyTFACode(code.value)
+        .then((resp) => {
+            Cookies.set('token', resp.data.access, { sameSite: 'strict' })
+            Cookies.set('refreshToken', resp.data.refresh, {
+                sameSite: 'strict',
+            })
+            authStore.initialize().then(() => {
+                // bus.$emit('loggedIn')
+                router.push({ name: 'DomainList' })
+            })
+        })
+        .catch(() => {
+            loading.value = false
+        })
 }
 </script>
diff --git a/frontend/src/components/tools/ChoiceField.vue b/frontend/src/components/tools/ChoiceField.vue
index 58839f142..f41614637 100644
--- a/frontend/src/components/tools/ChoiceField.vue
+++ b/frontend/src/components/tools/ChoiceField.vue
@@ -1,112 +1,112 @@
 <template>
-  <div
-    class="text-subtitle-1 text-grey-darken-1 mb-5"
-    :class="{ 'label--disabled': disabled }"
-  >
-    <label class="m-label">{{ label }}</label>
-  </div>
-  <div
-    v-for="(lineChoices, index1) in formatedChoices"
-    :key="index1"
-    class="d-flex"
-  >
     <div
-      v-for="(choice, index2) in lineChoices"
-      :key="index2"
-      class="choice rounded pa-10 mr-4 text-center flex-grow-0 mb-4"
-      :class="{
-        'choice--disabled': disabled,
-        'choice--selected': !disabled && currentChoice === choice.value,
-      }"
-      @click="selectChoice(choice.value)"
+        class="text-subtitle-1 text-grey-darken-1 mb-5"
+        :class="{ 'label--disabled': disabled }"
     >
-      <v-icon
-        v-if="choice.icon"
-        class="d-block mb-2 mx-auto"
-        :color="iconColor(choice.value)"
-        size="x-large"
-        :icon="choice.icon"
-      />
-      <span class="text-grey-darken-1">{{ choice.label }}</span>
+        <label class="m-label">{{ label }}</label>
+    </div>
+    <div
+        v-for="(lineChoices, index1) in formatedChoices"
+        :key="index1"
+        class="d-flex"
+    >
+        <div
+            v-for="(choice, index2) in lineChoices"
+            :key="index2"
+            class="choice rounded pa-10 mr-4 text-center flex-grow-0 mb-4"
+            :class="{
+                'choice--disabled': disabled,
+                'choice--selected': !disabled && currentChoice === choice.value,
+            }"
+            @click="selectChoice(choice.value)"
+        >
+            <v-icon
+                v-if="choice.icon"
+                class="d-block mb-2 mx-auto"
+                :color="iconColor(choice.value)"
+                size="x-large"
+                :icon="choice.icon"
+            />
+            <span class="text-grey-darken-1">{{ choice.label }}</span>
+        </div>
     </div>
-  </div>
 </template>
 
 <script setup lang="js">
-import { ref, onMounted, computed } from "vue";
+import { ref, onMounted, computed } from 'vue'
 
 const props = defineProps({
-  modelValue: { type: [Number, String], default: null },
-  label: { type: String, default: "" },
-  choices: { type: Array, default: () => [] },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  choicesPerLine: { type: Number, default: undefined },
-});
+    modelValue: { type: [Number, String], default: null },
+    label: { type: String, default: '' },
+    choices: { type: Array, default: () => [] },
+    disabled: {
+        type: Boolean,
+        default: false,
+    },
+    choicesPerLine: { type: Number, default: undefined },
+})
 
-const emit = defineEmits(["update:modelValue"]);
+const emit = defineEmits(['update:modelValue'])
 
 const currentChoice = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(value) {
-    emit("update:modelValue", value);
-  },
-});
+    get() {
+        return props.modelValue
+    },
+    set(value) {
+        emit('update:modelValue', value)
+    },
+})
 
-const formatedChoices = ref([]);
+const formatedChoices = ref([])
 
 function formatChoices() {
-  if (props.choicesPerLine) {
-    let sliceIndex = 0;
-    while (sliceIndex < props.choices.length) {
-      const result = props.choices.slice(
-        sliceIndex,
-        sliceIndex + props.choicesPerLine,
-      );
-      formatedChoices.value.push(result);
-      sliceIndex += props.choicesPerLine;
+    if (props.choicesPerLine) {
+        let sliceIndex = 0
+        while (sliceIndex < props.choices.length) {
+            const result = props.choices.slice(
+                sliceIndex,
+                sliceIndex + props.choicesPerLine
+            )
+            formatedChoices.value.push(result)
+            sliceIndex += props.choicesPerLine
+        }
+    } else {
+        formatedChoices.value.push(props.choices)
     }
-  } else {
-    formatedChoices.value.push(props.choices);
-  }
 }
 
 function iconColor(value) {
-  return !props.disabled && value === currentChoice.value ? "primary" : "";
+    return !props.disabled && value === currentChoice.value ? 'primary' : ''
 }
 function selectChoice(value) {
-  if (props.disabled) {
-    return;
-  }
-  currentChoice.value = value;
+    if (props.disabled) {
+        return
+    }
+    currentChoice.value = value
 }
 
 onMounted(() => {
-  formatChoices();
-});
+    formatChoices()
+})
 </script>
 
 <style lang="scss" scoped>
 .choice {
-  flex-basis: 200px;
-  background-color: #f2f5f7;
-  border: 1px solid #dbdddf;
-  cursor: pointer;
+    flex-basis: 200px;
+    background-color: #f2f5f7;
+    border: 1px solid #dbdddf;
+    cursor: pointer;
 
-  &--selected {
-    border-color: #046bf8 !important;
-  }
+    &--selected {
+        border-color: #046bf8 !important;
+    }
 
-  &--disabled {
-    cursor: unset;
-    opacity: 0.5;
-  }
+    &--disabled {
+        cursor: unset;
+        opacity: 0.5;
+    }
 }
 .label--disabled {
-  opacity: 0.5;
+    opacity: 0.5;
 }
 </style>
diff --git a/frontend/src/components/tools/ConfirmDialog.vue b/frontend/src/components/tools/ConfirmDialog.vue
index 5faae125f..68f0c3b6d 100644
--- a/frontend/src/components/tools/ConfirmDialog.vue
+++ b/frontend/src/components/tools/ConfirmDialog.vue
@@ -1,31 +1,31 @@
 <template>
-  <v-dialog
-    v-model="dialog"
-    :max-width="options.width"
-    :z-index="options.zIndex"
-    @keydown.esc="cancel"
-  >
-    <v-card>
-      <v-toolbar :color="options.color" density="compact" flat>
-        <v-toolbar-title class="text-body-2 font-weight-bold">
-          {{ title }}
-        </v-toolbar-title>
-      </v-toolbar>
-      <v-card-text v-show="!!message" class="pa-4">
-        {{ message }}
-        <slot></slot>
-      </v-card-text>
-      <v-card-actions class="pt-3">
-        <v-spacer></v-spacer>
-        <v-btn v-if="!options.noconfirm" @click="cancel">
-          {{ options.cancelLabel }}
-        </v-btn>
-        <v-btn :color="options.color" @click="agree">
-          {{ options.agreeLabel }}
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
+    <v-dialog
+        v-model="dialog"
+        :max-width="options.width"
+        :z-index="options.zIndex"
+        @keydown.esc="cancel"
+    >
+        <v-card>
+            <v-toolbar :color="options.color" density="compact" flat>
+                <v-toolbar-title class="text-body-2 font-weight-bold">
+                    {{ title }}
+                </v-toolbar-title>
+            </v-toolbar>
+            <v-card-text v-show="!!message" class="pa-4">
+                {{ message }}
+                <slot></slot>
+            </v-card-text>
+            <v-card-actions class="pt-3">
+                <v-spacer></v-spacer>
+                <v-btn v-if="!options.noconfirm" @click="cancel">
+                    {{ options.cancelLabel }}
+                </v-btn>
+                <v-btn :color="options.color" @click="agree">
+                    {{ options.agreeLabel }}
+                </v-btn>
+            </v-card-actions>
+        </v-card>
+    </v-dialog>
 </template>
 
 <script setup lang="js">
@@ -40,34 +40,34 @@ const title = ref('')
 let storedResolve
 
 const options = ref({
-  color: 'primary',
-  width: 400,
-  zIndex: 2400,
-  noconfirm: false,
-  cancelLabel: $gettext('Cancel'),
-  agreeLabel: $gettext('OK'),
+    color: 'primary',
+    width: 400,
+    zIndex: 2400,
+    noconfirm: false,
+    cancelLabel: $gettext('Cancel'),
+    agreeLabel: $gettext('OK'),
 })
 
 function open(_title, _message, _options) {
-  dialog.value = true
-  title.value = _title
-  message.value = _message
-  options.value = Object.assign(options.value, _options)
-  return new Promise((resolve) => {
-    storedResolve = resolve
-  })
+    dialog.value = true
+    title.value = _title
+    message.value = _message
+    options.value = Object.assign(options.value, _options)
+    return new Promise((resolve) => {
+        storedResolve = resolve
+    })
 }
 defineExpose({
-  open,
+    open,
 })
 
 function agree() {
-  storedResolve(true)
-  dialog.value = false
+    storedResolve(true)
+    dialog.value = false
 }
 
 function cancel() {
-  storedResolve(false)
-  dialog.value = false
+    storedResolve(false)
+    dialog.value = false
 }
 </script>
diff --git a/frontend/src/components/tools/CreationForm.vue b/frontend/src/components/tools/CreationForm.vue
index f9b65fa4f..87d88aee9 100644
--- a/frontend/src/components/tools/CreationForm.vue
+++ b/frontend/src/components/tools/CreationForm.vue
@@ -1,98 +1,105 @@
 <template>
-  <div class="d-flex justify-center inner fill-height">
-    <v-stepper v-model="currentStep" :mobile="!smAndDown">
-      <ConfirmDialog ref="confirm" />
-      <v-stepper-header class="align-center px-10">
-        <v-img
-          src="@/assets/Modoboa_RVB-BLEU-SANS.png"
-          max-width="190"
-          class="hidden-sm-and-down"
-        />
-        <v-stepper-item
-          v-for="(step, index) in steps"
-          :key="step.name"
-          :value="index + 1"
-          :complete="currentStep > index + 1"
-        >
-          {{ step.title }}
-        </v-stepper-item>
-        <v-stepper-item :value="steps.length + 1">
-          {{ $gettext('Summary') }}
-        </v-stepper-item>
-        <v-btn
-          icon="mdi-close"
-          color="primary"
-          :size="smAndDown ? 'small' : 'x-large'"
-          variant="text"
-          @click="close"
-        >
-        </v-btn>
-      </v-stepper-header>
-      <v-stepper-window class="mt-4 d-flex justify-center">
-        <v-stepper-window-item
-          v-for="(step, index) in steps"
-          :key="step.name"
-          :value="index + 1"
-          class="flex-grow-1 ma-10"
-        >
-          <v-container fluid>
-            <v-row align="center" justify="center">
-              <v-col cols="8" align="start">
-                <div class="mb-5 text-h5">
-                  <span class="text-grey-darken-1">{{ title }}</span>
-                  /
-                  {{ step.title }}
-                </div>
-                <slot
-                  :name="`form.${step.name}`"
-                  :step="step"
-                  :current-step="index + 1"
+    <div class="d-flex justify-center inner fill-height">
+        <v-stepper v-model="currentStep" :mobile="!smAndDown">
+            <ConfirmDialog ref="confirm" />
+            <v-stepper-header class="align-center px-10">
+                <v-img
+                    src="@/assets/Modoboa_RVB-BLEU-SANS.png"
+                    max-width="190"
+                    class="hidden-sm-and-down"
                 />
-              </v-col>
-            </v-row>
-          </v-container>
-          <div class="d-flex justify-end mt-4">
-            <v-btn
-              v-if="index + 1 > 1"
-              class="mr-10"
-              variant="text"
-              @click="currentStep = index"
-            >
-              {{ $gettext('Back') }}
-            </v-btn>
-            <v-btn
-              color="primary"
-              size="large"
-              @click="goToNextStep(index + 1, index + 2)"
-            >
-              {{ $gettext('Next') }}
-            </v-btn>
-          </div>
-        </v-stepper-window-item>
-        <v-stepper-window-item :value="steps.length + 1" class="flex-grow-0">
-          <div class="text-center text-h3">{{ $gettext('Summary') }}</div>
-          <CreationSummary
-            :sections="summarySections"
-            @modify-step="(val) => (currentStep = val)"
-          >
-            <template v-for="(_, slot) of $slots" #[slot]="scope">
-              <slot :name="slot" v-bind="scope" />
-            </template>
-          </CreationSummary>
-          <div class="d-flex justify-center mt-8">
-            <v-btn
-              color="primary"
-              size="large"
-              :loading="working"
-              @click="create"
-            >
-              {{ $gettext('Confirm and create') }}
-            </v-btn>
-          </div>
-        </v-stepper-window-item>
-      </v-stepper-window>
-    </v-stepper>
-  </div>
+                <v-stepper-item
+                    v-for="(step, index) in steps"
+                    :key="step.name"
+                    :value="index + 1"
+                    :complete="currentStep > index + 1"
+                >
+                    {{ step.title }}
+                </v-stepper-item>
+                <v-stepper-item :value="steps.length + 1">
+                    {{ $gettext('Summary') }}
+                </v-stepper-item>
+                <v-btn
+                    icon="mdi-close"
+                    color="primary"
+                    :size="smAndDown ? 'small' : 'x-large'"
+                    variant="text"
+                    @click="close"
+                >
+                </v-btn>
+            </v-stepper-header>
+            <v-stepper-window class="mt-4 d-flex justify-center">
+                <v-stepper-window-item
+                    v-for="(step, index) in steps"
+                    :key="step.name"
+                    :value="index + 1"
+                    class="flex-grow-1 ma-10"
+                >
+                    <v-container fluid>
+                        <v-row align="center" justify="center">
+                            <v-col cols="8" align="start">
+                                <div class="mb-5 text-h5">
+                                    <span class="text-grey-darken-1">{{
+                                        title
+                                    }}</span>
+                                    /
+                                    {{ step.title }}
+                                </div>
+                                <slot
+                                    :name="`form.${step.name}`"
+                                    :step="step"
+                                    :current-step="index + 1"
+                                />
+                            </v-col>
+                        </v-row>
+                    </v-container>
+                    <div class="d-flex justify-end mt-4">
+                        <v-btn
+                            v-if="index + 1 > 1"
+                            class="mr-10"
+                            variant="text"
+                            @click="currentStep = index"
+                        >
+                            {{ $gettext('Back') }}
+                        </v-btn>
+                        <v-btn
+                            color="primary"
+                            size="large"
+                            @click="goToNextStep(index + 1, index + 2)"
+                        >
+                            {{ $gettext('Next') }}
+                        </v-btn>
+                    </div>
+                </v-stepper-window-item>
+                <v-stepper-window-item
+                    :value="steps.length + 1"
+                    class="flex-grow-0"
+                >
+                    <div class="text-center text-h3">
+                        {{ $gettext('Summary') }}
+                    </div>
+                    <CreationSummary
+                        :sections="summarySections"
+                        @modify-step="(val) => (currentStep = val)"
+                    >
+                        <template v-for="(_, slot) of $slots" #[slot]="scope">
+                            <slot :name="slot" v-bind="scope" />
+                        </template>
+                    </CreationSummary>
+                    <div class="d-flex justify-center mt-8">
+                        <v-btn
+                            color="primary"
+                            size="large"
+                            :loading="working"
+                            @click="create"
+                        >
+                            {{ $gettext('Confirm and create') }}
+                        </v-btn>
+                    </div>
+                </v-stepper-window-item>
+            </v-stepper-window>
+        </v-stepper>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -105,12 +112,12 @@ import { useDisplay } from 'vuetify'
 const { smAndDown } = useDisplay()
 
 const props = defineProps({
-  title: { type: String, default: '' },
-  steps: { type: Array, default: () => [] },
-  summarySections: { type: Array, default: () => [] },
-  getVFormRef: { type: Function, default: null },
-  formGetter: { type: Function, default: null },
-  validateObject: { type: Function, default: null },
+    title: { type: String, default: '' },
+    steps: { type: Array, default: () => [] },
+    summarySections: { type: Array, default: () => [] },
+    getVFormRef: { type: Function, default: null },
+    formGetter: { type: Function, default: null },
+    validateObject: { type: Function, default: null },
 })
 
 const currentStep = ref(1)
@@ -122,65 +129,65 @@ const emit = defineEmits(['close', 'create', 'validationError'])
 const { $gettext } = useGettext()
 
 async function close() {
-  const confirmed = await confirm.value.open(
-    $gettext('Warning'),
-    $gettext(
-      "If you close this form now, your modifications won't be saved. Do you confirm?"
-    ),
-    {
-      color: 'warning',
-      agreeLabel: $gettext('Yes'),
-      cancelLabel: $gettext('No'),
+    const confirmed = await confirm.value.open(
+        $gettext('Warning'),
+        $gettext(
+            "If you close this form now, your modifications won't be saved. Do you confirm?"
+        ),
+        {
+            color: 'warning',
+            agreeLabel: $gettext('Yes'),
+            cancelLabel: $gettext('No'),
+        }
+    )
+    if (!confirmed) {
+        return
     }
-  )
-  if (!confirmed) {
-    return
-  }
-  emit('close')
+    emit('close')
 }
 async function goToNextStep(current, next) {
-  const vform = props.getVFormRef(props.steps[current - 1])
-  if (vform !== undefined) {
-    const { valid } = await vform.validate()
-    if (!valid) {
-      return
+    const vform = props.getVFormRef(props.steps[current - 1])
+    if (vform !== undefined) {
+        const { valid } = await vform.validate()
+        if (!valid) {
+            return
+        }
+        if (props.validateObject) {
+            try {
+                await props.validateObject()
+            } catch (error) {
+                emit('validationError', current, error.response.data)
+                return
+            }
+        }
     }
-    if (props.validateObject) {
-      try {
-        await props.validateObject()
-      } catch (error) {
-        emit('validationError', current, error.response.data)
-        return
-      }
-    }
-  }
-  currentStep.value = next
+    currentStep.value = next
 }
 
 function create() {
-  working.value = true
-  emit('create')
+    working.value = true
+    emit('create')
 }
 </script>
 
 <style lang="scss">
 .inner {
-  background-color: #fff;
+    background-color: #fff;
 }
 .v-stepper {
-  width: 100%;
-  overflow: auto;
+    width: 100%;
+    overflow: auto;
 
-  &__content {
-    width: 60%;
-  }
+    &__content {
+        width: 60%;
+    }
 
-  &__items {
-    overflow-y: auto;
-  }
+    &__items {
+        overflow-y: auto;
+    }
 
-  &__wrapper {
-    padding: 0 10px;
-  }
+    &__wrapper {
+        padding: 0 10px;
+    }
 }
 </style>
diff --git a/frontend/src/components/tools/CreationSummary.vue b/frontend/src/components/tools/CreationSummary.vue
index 03ecf0902..9cf8dc375 100644
--- a/frontend/src/components/tools/CreationSummary.vue
+++ b/frontend/src/components/tools/CreationSummary.vue
@@ -1,36 +1,40 @@
 <template>
-  <template v-for="(section, index) in sections" :key="index">
-    <div class="subtitle mt-4 d-flex">
-      <span class="text-h6">{{ section.title }}</span>
-      <a
-        href="#"
-        class="edit-link ml-auto"
-        @click="emit('modify-step', index + 1)"
-      >
-        {{ $gettext('Modify') }}</a
-      >
-    </div>
-    <v-row v-for="(item, itemIndex) in section.items" :key="itemIndex" dense>
-      <template v-if="item.value !== undefined">
-        <slot
-          :name="`item.${item.name}`"
-          :item="item"
-          :display-list="displayList"
+    <template v-for="(section, index) in sections" :key="index">
+        <div class="subtitle mt-4 d-flex">
+            <span class="text-h6">{{ section.title }}</span>
+            <a
+                href="#"
+                class="edit-link ml-auto"
+                @click="emit('modify-step', index + 1)"
+            >
+                {{ $gettext('Modify') }}</a
+            >
+        </div>
+        <v-row
+            v-for="(item, itemIndex) in section.items"
+            :key="itemIndex"
+            dense
         >
-          <v-col
-            ><span class="text-grey">{{ item.key }}</span></v-col
-          >
-          <v-col v-if="item.type === 'yesno'" class="text-right">
-            {{ $yesno(item.value) }}
-          </v-col>
-          <v-col v-else-if="item.type === 'list'" class="text-right">
-            {{ displayList(item.value) }}
-          </v-col>
-          <v-col v-else class="text-right">{{ item.value }}</v-col>
-        </slot>
-      </template>
-    </v-row>
-  </template>
+            <template v-if="item.value !== undefined">
+                <slot
+                    :name="`item.${item.name}`"
+                    :item="item"
+                    :display-list="displayList"
+                >
+                    <v-col
+                        ><span class="text-grey">{{ item.key }}</span></v-col
+                    >
+                    <v-col v-if="item.type === 'yesno'" class="text-right">
+                        {{ $yesno(item.value) }}
+                    </v-col>
+                    <v-col v-else-if="item.type === 'list'" class="text-right">
+                        {{ displayList(item.value) }}
+                    </v-col>
+                    <v-col v-else class="text-right">{{ item.value }}</v-col>
+                </slot>
+            </template>
+        </v-row>
+    </template>
 </template>
 
 <script setup lang="js">
@@ -42,17 +46,17 @@ defineProps({ sections: { type: Array, default: () => [] } })
 const emit = defineEmits(['modify-step'])
 
 function displayList(value) {
-  return value.length ? value.join(', ') : $gettext('Empty')
+    return value.length ? value.join(', ') : $gettext('Empty')
 }
 </script>
 
 <style scoped lang="scss">
 .subtitle {
-  color: #000;
-  border-bottom: 1px solid #dbdddf;
+    color: #000;
+    border-bottom: 1px solid #dbdddf;
 }
 
 .edit-link {
-  text-decoration: none;
+    text-decoration: none;
 }
 </style>
diff --git a/frontend/src/components/tools/DateField.vue b/frontend/src/components/tools/DateField.vue
index f864329ff..426338af1 100644
--- a/frontend/src/components/tools/DateField.vue
+++ b/frontend/src/components/tools/DateField.vue
@@ -1,36 +1,36 @@
 <template>
-  <v-menu
-    v-model="menu"
-    :close-on-content-click="false"
-    transition="scale-transition"
-    offset-y
-    min-width="auto"
-  >
-    <template #activator="{ props }">
-      <v-text-field
-        :value="modelValue"
-        :label="label"
-        prepend-icon="mdi-calendar"
-        readonly
-        variant="underlined"
-        v-bind="props"
-      ></v-text-field>
-    </template>
-    <v-date-picker :value="modelValue" no-title @input="update">
-    </v-date-picker>
-  </v-menu>
+    <v-menu
+        v-model="menu"
+        :close-on-content-click="false"
+        transition="scale-transition"
+        offset-y
+        min-width="auto"
+    >
+        <template #activator="{ props }">
+            <v-text-field
+                :value="modelValue"
+                :label="label"
+                prepend-icon="mdi-calendar"
+                readonly
+                variant="underlined"
+                v-bind="props"
+            ></v-text-field>
+        </template>
+        <v-date-picker :value="modelValue" no-title @input="update">
+        </v-date-picker>
+    </v-menu>
 </template>
 
 <script setup lang="js">
 import { ref } from 'vue'
 
 defineProps({
-  modelValue: { type: Object, default: null },
-  label: { type: String, default: '' },
+    modelValue: { type: Object, default: null },
+    label: { type: String, default: '' },
 })
 
 const menu = ref(false)
 function update() {
-  menu.value = false
+    menu.value = false
 }
 </script>
diff --git a/frontend/src/components/tools/EmailField.vue b/frontend/src/components/tools/EmailField.vue
index 79fd3c131..b308f1d2f 100644
--- a/frontend/src/components/tools/EmailField.vue
+++ b/frontend/src/components/tools/EmailField.vue
@@ -1,28 +1,28 @@
 <template>
-  <v-text-field
-    ref="inputRef"
-    v-model="input"
-    variant="outlined"
-    v-bind="$attrs"
-    :error-messages="errors"
-    :error="errors.length > 0"
-    density="compact"
-    autocomplete="new-password"
-    @keydown="onKeyDown"
-  />
-  <div v-if="showMenu" class="menu" :style="`width: ${width}px;`">
-    <v-list class="list">
-      <v-list-item
-        v-for="(domain, index) in filteredDomains"
-        :key="index"
-        :class="selectionIndex === index ? 'bg-primary-lighten-1' : ''"
-        @click="selectDomain(domain)"
-        @mouseenter="selectionIndex = index"
-      >
-        <v-list-item-title>{{ domain.name }}</v-list-item-title>
-      </v-list-item>
-    </v-list>
-  </div>
+    <v-text-field
+        ref="inputRef"
+        v-model="input"
+        variant="outlined"
+        v-bind="$attrs"
+        :error-messages="errors"
+        :error="errors.length > 0"
+        density="compact"
+        autocomplete="new-password"
+        @keydown="onKeyDown"
+    />
+    <div v-if="showMenu" class="menu" :style="`width: ${width}px;`">
+        <v-list class="list">
+            <v-list-item
+                v-for="(domain, index) in filteredDomains"
+                :key="index"
+                :class="selectionIndex === index ? 'bg-primary-lighten-1' : ''"
+                @click="selectDomain(domain)"
+                @mouseenter="selectionIndex = index"
+            >
+                <v-list-item-title>{{ domain.name }}</v-list-item-title>
+            </v-list-item>
+        </v-list>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -33,50 +33,50 @@ import { useGettext } from 'vue3-gettext'
 const { $gettext } = useGettext()
 const domainsStore = useDomainsStore()
 const props = defineProps({
-  modelValue: { type: String, default: '' },
-  allowAdd: { type: Boolean, default: false },
-  role: { type: String, default: 'SimpleUsers' },
-  errorMsg: { type: Array, default: () => [] },
+    modelValue: { type: String, default: '' },
+    allowAdd: { type: Boolean, default: false },
+    role: { type: String, default: 'SimpleUsers' },
+    errorMsg: { type: Array, default: () => [] },
 })
 const emit = defineEmits(['domain-selected', 'update:model-value'])
 
 const input = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value) {
-    errors.value = []
-    if (value.indexOf('@') !== -1) {
-      if (props.role !== 'SuperAdmins') {
-        domainSearch.value = value.split('@')[1]
-        if (props.allowAdd) {
-          showMenu.value = filteredDomains.value.length > 0
+    get() {
+        return props.modelValue
+    },
+    set(value) {
+        errors.value = []
+        if (value.indexOf('@') !== -1) {
+            if (props.role !== 'SuperAdmins') {
+                domainSearch.value = value.split('@')[1]
+                if (props.allowAdd) {
+                    showMenu.value = filteredDomains.value.length > 0
+                } else {
+                    showMenu.value = true
+                }
+            } else {
+                errors.value = [$gettext('SuperAdmins cannot own a mailbox')]
+            }
         } else {
-          showMenu.value = true
+            showMenu.value = false
         }
-      } else {
-        errors.value = [$gettext('SuperAdmins cannot own a mailbox')]
-      }
-    } else {
-      showMenu.value = false
-    }
-    emit('update:model-value', value)
-  },
+        emit('update:model-value', value)
+    },
 })
 
 const filteredDomains = computed(() => {
-  return Object.values(domainsStore.domains).filter((domain) =>
-    domain.name.startsWith(domainSearch.value)
-  )
+    return Object.values(domainsStore.domains).filter((domain) =>
+        domain.name.startsWith(domainSearch.value)
+    )
 })
 
 const errors = computed({
-  get() {
-    return [...localErrors.value, ...props.errorMsg]
-  },
-  set(value) {
-    localErrors.value = value
-  },
+    get() {
+        return [...localErrors.value, ...props.errorMsg]
+    },
+    set(value) {
+        localErrors.value = value
+    },
 })
 
 const domainSearch = ref('')
@@ -87,106 +87,106 @@ const inputRef = ref()
 const localErrors = ref([])
 
 function onKeyDown(e) {
-  if (props.role === 'SuperAdmins') {
-    // No mailbox for SuperAdmins
-    return
-  }
-  const keyCode = e.keyCode
-  if (keyCode === 40 || keyCode === 34) {
-    // on arrow down or page down
-    if (!showMenu.value) {
-      domainSearch.value = ''
-      showMenu.value = true
-    } else {
-      increaseSelectionIndex()
+    if (props.role === 'SuperAdmins') {
+        // No mailbox for SuperAdmins
+        return
     }
-    e.preventDefault()
-  } else if (keyCode === 38 || keyCode === 33) {
-    // on arrow up or page up
-    if (!showMenu.value) {
-      domainSearch.value = ''
-      showMenu.value = true
-    } else {
-      decreaseSelectionIndex()
+    const keyCode = e.keyCode
+    if (keyCode === 40 || keyCode === 34) {
+        // on arrow down or page down
+        if (!showMenu.value) {
+            domainSearch.value = ''
+            showMenu.value = true
+        } else {
+            increaseSelectionIndex()
+        }
+        e.preventDefault()
+    } else if (keyCode === 38 || keyCode === 33) {
+        // on arrow up or page up
+        if (!showMenu.value) {
+            domainSearch.value = ''
+            showMenu.value = true
+        } else {
+            decreaseSelectionIndex()
+        }
+        e.preventDefault()
+    } else if (keyCode === 13 || keyCode === 9) {
+        // on enter or tab
+        if (filteredDomains.value.length > 0) {
+            selectDomain(filteredDomains.value[selectionIndex.value])
+        } else if (props.allowAdd) {
+            selectDomain()
+        }
+        e.preventDefault()
+    } else if (keyCode === 27) {
+        // on escape
+        if (filteredDomains.value.length > 0) {
+            showMenu.value = false
+            e.preventDefault()
+        }
     }
-    e.preventDefault()
-  } else if (keyCode === 13 || keyCode === 9) {
-    // on enter or tab
-    if (filteredDomains.value.length > 0) {
-      selectDomain(filteredDomains.value[selectionIndex.value])
-    } else if (props.allowAdd) {
-      selectDomain()
-    }
-    e.preventDefault()
-  } else if (keyCode === 27) {
-    // on escape
-    if (filteredDomains.value.length > 0) {
-      showMenu.value = false
-      e.preventDefault()
-    }
-  }
 }
 
 function increaseSelectionIndex() {
-  if (selectionIndex.value >= filteredDomains.value.length - 1) {
-    selectionIndex.value = 0
-  } else {
-    selectionIndex.value += 1
-  }
+    if (selectionIndex.value >= filteredDomains.value.length - 1) {
+        selectionIndex.value = 0
+    } else {
+        selectionIndex.value += 1
+    }
 }
 
 function decreaseSelectionIndex() {
-  if (selectionIndex.value <= 0) {
-    selectionIndex.value = filteredDomains.value.length - 1
-  } else {
-    selectionIndex.value -= 1
-  }
+    if (selectionIndex.value <= 0) {
+        selectionIndex.value = filteredDomains.value.length - 1
+    } else {
+        selectionIndex.value -= 1
+    }
 }
 
 function selectDomain(domain) {
-  if (domain !== undefined) {
-    input.value = input.value.split('@')[0] + '@' + domain.name
-  }
-  showMenu.value = false
-  emit('domain-selected')
+    if (domain !== undefined) {
+        input.value = input.value.split('@')[0] + '@' + domain.name
+    }
+    showMenu.value = false
+    emit('domain-selected')
 }
 
 function updateMinWidthProperty() {
-  width.value = inputRef.value.$el.clientWidth
+    width.value = inputRef.value.$el.clientWidth
 }
 
 onMounted(() => {
-  domainsStore.getDomains()
-  window.addEventListener('resize', updateMinWidthProperty)
+    domainsStore.getDomains()
+    window.addEventListener('resize', updateMinWidthProperty)
 })
 onUnmounted(() => {
-  window.removeEventListener('resize', updateMinWidthProperty)
+    window.removeEventListener('resize', updateMinWidthProperty)
 })
 onUpdated(() => {
-  nextTick(() => {
-    updateMinWidthProperty()
-  })
+    nextTick(() => {
+        updateMinWidthProperty()
+    })
 })
 </script>
 
 <style scoped>
 .menu {
-  display: inline-block;
-  position: fixed;
-  margin-top: -20px;
-  padding: 5px 0;
-  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3);
-  overflow-y: auto;
-  overflow-x: hidden;
-  contain: content;
-  z-index: 99;
+    display: inline-block;
+    position: fixed;
+    margin-top: -20px;
+    padding: 5px 0;
+    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3);
+    overflow-y: auto;
+    overflow-x: hidden;
+    contain: content;
+    z-index: 99;
 }
 
 .list {
-  width: 100%;
-  height: 100%;
-  font-size: 1.1em;
-  overflow-x: hidden;
-  padding: 0;
+    width: 100%;
+    height: 100%;
+    font-size: 1.1em;
+    overflow-x: hidden;
+    padding: 0;
 }
 </style>
diff --git a/frontend/src/components/tools/ImportForm.vue b/frontend/src/components/tools/ImportForm.vue
index e36c20a7b..b14e402a3 100644
--- a/frontend/src/components/tools/ImportForm.vue
+++ b/frontend/src/components/tools/ImportForm.vue
@@ -1,61 +1,67 @@
 <template>
-  <v-card>
-    <v-form ref="vform" @submit.prevent="submit">
-      <v-card-title>
-        <span class="headline">{{ title }}</span>
-      </v-card-title>
-      <v-card-text>
-        <v-alert variant="tonal" type="info" class="mb-2">
-          {{
-            $gettext(
-              'Provide a CSV file where lines respect one of the following formats:'
-            )
-          }}
-          <slot name="help" />
-          {{
-            $gettext(
-              'The first element of each line is mandatory and must be equal to one of the previous values.'
-            )
-          }}
-          {{ $gettext('You can use a different character as separator.') }}
-        </v-alert>
-        <label class="m-label">{{ $gettext('Select file') }}</label>
-        <v-file-input
-          v-model="form.sourcefile"
-          accept="text/csv"
-          truncate-length="15"
-          variant="outlined"
-          density="compact"
-          :rules="[rules.required]"
-        />
-        <label class="m-label">{{ $gettext('Separator') }}</label>
-        <v-text-field
-          v-model="form.sepchar"
-          :rules="[rules.required]"
-          variant="outlined"
-          density="compact"
-        />
-        <v-switch
-          v-model="form.continue_if_exists"
-          :label="$gettext('Continue on error')"
-          color="primary"
-          density="compact"
-          :hint="$gettext('Don\'t treat duplicated objects as errors')"
-          persistent-hint
-        />
-        <slot name="extraFields" :form="form" />
-      </v-card-text>
-      <v-card-actions>
-        <v-spacer></v-spacer>
-        <v-btn @click="close">
-          {{ $gettext('Close') }}
-        </v-btn>
-        <v-btn color="primary" type="submit">
-          {{ $gettext('Import') }}
-        </v-btn>
-      </v-card-actions>
-    </v-form>
-  </v-card>
+    <v-card>
+        <v-form ref="vform" @submit.prevent="submit">
+            <v-card-title>
+                <span class="headline">{{ title }}</span>
+            </v-card-title>
+            <v-card-text>
+                <v-alert variant="tonal" type="info" class="mb-2">
+                    {{
+                        $gettext(
+                            'Provide a CSV file where lines respect one of the following formats:'
+                        )
+                    }}
+                    <slot name="help" />
+                    {{
+                        $gettext(
+                            'The first element of each line is mandatory and must be equal to one of the previous values.'
+                        )
+                    }}
+                    {{
+                        $gettext(
+                            'You can use a different character as separator.'
+                        )
+                    }}
+                </v-alert>
+                <label class="m-label">{{ $gettext('Select file') }}</label>
+                <v-file-input
+                    v-model="form.sourcefile"
+                    accept="text/csv"
+                    truncate-length="15"
+                    variant="outlined"
+                    density="compact"
+                    :rules="[rules.required]"
+                />
+                <label class="m-label">{{ $gettext('Separator') }}</label>
+                <v-text-field
+                    v-model="form.sepchar"
+                    :rules="[rules.required]"
+                    variant="outlined"
+                    density="compact"
+                />
+                <v-switch
+                    v-model="form.continue_if_exists"
+                    :label="$gettext('Continue on error')"
+                    color="primary"
+                    density="compact"
+                    :hint="
+                        $gettext('Don\'t treat duplicated objects as errors')
+                    "
+                    persistent-hint
+                />
+                <slot name="extraFields" :form="form" />
+            </v-card-text>
+            <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn @click="close">
+                    {{ $gettext('Close') }}
+                </v-btn>
+                <v-btn color="primary" type="submit">
+                    {{ $gettext('Import') }}
+                </v-btn>
+            </v-card-actions>
+        </v-form>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -64,8 +70,8 @@ import { useGettext } from 'vue3-gettext'
 import rules from '@/plugins/rules.js'
 
 defineProps({
-  helpText: { type: String, default: '' },
-  title: { type: String, default: '' },
+    helpText: { type: String, default: '' },
+    title: { type: String, default: '' },
 })
 
 const emit = defineEmits(['close', 'submit'])
@@ -76,24 +82,24 @@ const vform = ref()
 const { $gettext } = useGettext()
 
 function close() {
-  form.value = {}
-  emit('close')
+    form.value = {}
+    emit('close')
 }
 
 async function submit() {
-  const { valid } = await vform.value.validate()
-  if (!valid) {
-    return
-  }
-  const data = new FormData()
-  data.append('sourcefile', form.value.sourcefile[0])
-  if (form.value.sepchar) {
-    data.append('sepchar', form.value.sepchar)
-  }
-  if (form.value.continue_if_exists) {
-    data.append('continue_if_exists', form.value.continue_if_exists)
-  }
-  emit('submit', data, form.value)
+    const { valid } = await vform.value.validate()
+    if (!valid) {
+        return
+    }
+    const data = new FormData()
+    data.append('sourcefile', form.value.sourcefile[0])
+    if (form.value.sepchar) {
+        data.append('sepchar', form.value.sepchar)
+    }
+    if (form.value.continue_if_exists) {
+        data.append('continue_if_exists', form.value.continue_if_exists)
+    }
+    emit('submit', data, form.value)
 }
 
 defineExpose({ close })
diff --git a/frontend/src/components/tools/LoadingData.vue b/frontend/src/components/tools/LoadingData.vue
index d637bcc2d..31aaf1604 100644
--- a/frontend/src/components/tools/LoadingData.vue
+++ b/frontend/src/components/tools/LoadingData.vue
@@ -1,13 +1,13 @@
 <template>
-  <v-container class="fill-height" fuild>
-    <v-row align="center" justify="center" dense>
-      <v-col cols="12" sm="12" md="12" lg="12" class="text-center">
-        <v-progress-circular
-          color="primary"
-          indeterminate
-          :size="108"
-        ></v-progress-circular>
-      </v-col>
-    </v-row>
-  </v-container>
+    <v-container class="fill-height" fuild>
+        <v-row align="center" justify="center" dense>
+            <v-col cols="12" sm="12" md="12" lg="12" class="text-center">
+                <v-progress-circular
+                    color="primary"
+                    indeterminate
+                    :size="108"
+                ></v-progress-circular>
+            </v-col>
+        </v-row>
+    </v-container>
 </template>
diff --git a/frontend/src/components/tools/MenuItems.vue b/frontend/src/components/tools/MenuItems.vue
index 78bba96f6..54adac82d 100644
--- a/frontend/src/components/tools/MenuItems.vue
+++ b/frontend/src/components/tools/MenuItems.vue
@@ -1,28 +1,28 @@
 <template>
-  <v-list density="compact">
-    <v-list-item
-      v-for="(item, index) in items"
-      :key="index"
-      :value="item"
-      @click="item.onClick(obj)"
-    >
-      <template #prepend>
-        <v-icon :color="item.color" :icon="item.icon"></v-icon>
-      </template>
-      <v-list-item-title>{{ item.label }}</v-list-item-title>
-    </v-list-item>
-  </v-list>
+    <v-list density="compact">
+        <v-list-item
+            v-for="(item, index) in items"
+            :key="index"
+            :value="item"
+            @click="item.onClick(obj)"
+        >
+            <template #prepend>
+                <v-icon :color="item.color" :icon="item.icon"></v-icon>
+            </template>
+            <v-list-item-title>{{ item.label }}</v-list-item-title>
+        </v-list-item>
+    </v-list>
 </template>
 
 <script setup lang="js">
 defineProps({
-  items: {
-    type: Object,
-    default: () => {},
-  },
-  obj: {
-    type: Object,
-    default: () => {},
-  },
+    items: {
+        type: Object,
+        default: () => {},
+    },
+    obj: {
+        type: Object,
+        default: () => {},
+    },
 })
 </script>
diff --git a/frontend/src/components/tools/ResourcesForm.vue b/frontend/src/components/tools/ResourcesForm.vue
index 467b3ee38..be222c39d 100644
--- a/frontend/src/components/tools/ResourcesForm.vue
+++ b/frontend/src/components/tools/ResourcesForm.vue
@@ -1,16 +1,16 @@
 <template>
-  <v-form ref="vFormRef">
-    <template v-for="resource in resources" :key="resource.name">
-      <label class="m-label">{{ resource.label }}</label>
-      <v-text-field
-        v-model="resource.max_value"
-        type="number"
-        variant="outlined"
-        dense
-        :rules="[rules.required]"
-      />
-    </template>
-  </v-form>
+    <v-form ref="vFormRef">
+        <template v-for="resource in resources" :key="resource.name">
+            <label class="m-label">{{ resource.label }}</label>
+            <v-text-field
+                v-model="resource.max_value"
+                type="number"
+                variant="outlined"
+                dense
+                :rules="[rules.required]"
+            />
+        </template>
+    </v-form>
 </template>
 
 <script setup lang="js">
@@ -24,9 +24,9 @@ const resources = computed(() => props.modelValue)
 const vFormRef = ref()
 
 function getPayload() {
-  return resources.value.map((r) => {
-    return { name: r.name, max_value: r.max_value }
-  })
+    return resources.value.map((r) => {
+        return { name: r.name, max_value: r.max_value }
+    })
 }
 
 defineExpose({ vFormRef, getPayload })
diff --git a/frontend/src/components/tools/ResourcesView.vue b/frontend/src/components/tools/ResourcesView.vue
index a28092972..a0e9ef829 100644
--- a/frontend/src/components/tools/ResourcesView.vue
+++ b/frontend/src/components/tools/ResourcesView.vue
@@ -1,32 +1,36 @@
 <template>
-  <v-card>
-    <v-card-title>
-      <span class="headline">{{ $gettext('Resources usage') }}</span>
-    </v-card-title>
-    <v-card-text>
-      <div v-for="resource in resources" :key="resource.name" class="mt-4">
-        {{ resource.label }} ({{ Math.ceil(resource.usage) }}%)
-        <v-progress-linear
-          :value="resource.usage"
-          :color="getProgressColor(resource.usage)"
-        />
-      </div>
-    </v-card-text>
-  </v-card>
+    <v-card>
+        <v-card-title>
+            <span class="headline">{{ $gettext('Resources usage') }}</span>
+        </v-card-title>
+        <v-card-text>
+            <div
+                v-for="resource in resources"
+                :key="resource.name"
+                class="mt-4"
+            >
+                {{ resource.label }} ({{ Math.ceil(resource.usage) }}%)
+                <v-progress-linear
+                    :value="resource.usage"
+                    :color="getProgressColor(resource.usage)"
+                />
+            </div>
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
 defineProps({
-  resources: { type: Array, default: null },
+    resources: { type: Array, default: null },
 })
 
 function getProgressColor(value) {
-  if (value < 50) {
-    return 'primary'
-  }
-  if (value < 80) {
-    return 'warning'
-  }
-  return 'error'
+    if (value < 50) {
+        return 'primary'
+    }
+    if (value < 80) {
+        return 'warning'
+    }
+    return 'error'
 }
 </script>
diff --git a/frontend/src/components/tools/TimeSerieChart.vue b/frontend/src/components/tools/TimeSerieChart.vue
index 9c8ba1f1d..3a2dd6934 100644
--- a/frontend/src/components/tools/TimeSerieChart.vue
+++ b/frontend/src/components/tools/TimeSerieChart.vue
@@ -1,55 +1,64 @@
 <template>
-  <v-card>
-    <v-toolbar dense elevation="0">
-      <v-toolbar-title>{{ title }}</v-toolbar-title>
-      <v-spacer />
-      <v-menu v-model="menu" offset-y>
-        <template #activator="{ props }">
-          <v-btn size="small" v-bind="props" prepend-icon="mdi-calendar">
-            {{ $gettext('Period') }}
-            <span v-if="period">: {{ period }}</span>
-          </v-btn>
-        </template>
-        <v-container class="bg-white" fluid>
-          <v-row no-gutters>
-            <v-col cols="12" md="6" class="pr-2">
-              <div class="text-subtitle-1">
-                {{ $gettext('Absolute time range') }}
-              </div>
-              <DateField v-model="start" :label="$gettext('From')" />
-              <DateField v-model="end" :label="$gettext('To')" />
-              <v-btn color="primary" @click="setCustomPeriod">{{
-                $gettext('Apply')
-              }}</v-btn>
-            </v-col>
-            <v-col cols="12" md="6">
-              <div class="text-subtitle-1">
-                {{ $gettext('Relative time ranges') }}
-              </div>
-              <v-list>
-                <v-list-item
-                  v-for="_period in periods"
-                  :key="_period.value"
-                  @click="setPeriod(_period.value)"
-                >
-                  <v-list-item-title> {{ _period.name }} </v-list-item-title>
-                </v-list-item>
-              </v-list>
-            </v-col>
-          </v-row>
-        </v-container>
-      </v-menu>
-    </v-toolbar>
-    <v-card-text>
-      <apexchart
-        v-if="statistics"
-        type="area"
-        height="350"
-        :options="options"
-        :series="statistics.series"
-      />
-    </v-card-text>
-  </v-card>
+    <v-card>
+        <v-toolbar dense elevation="0">
+            <v-toolbar-title>{{ title }}</v-toolbar-title>
+            <v-spacer />
+            <v-menu v-model="menu" offset-y>
+                <template #activator="{ props }">
+                    <v-btn
+                        size="small"
+                        v-bind="props"
+                        prepend-icon="mdi-calendar"
+                    >
+                        {{ $gettext('Period') }}
+                        <span v-if="period">: {{ period }}</span>
+                    </v-btn>
+                </template>
+                <v-container class="bg-white" fluid>
+                    <v-row no-gutters>
+                        <v-col cols="12" md="6" class="pr-2">
+                            <div class="text-subtitle-1">
+                                {{ $gettext('Absolute time range') }}
+                            </div>
+                            <DateField
+                                v-model="start"
+                                :label="$gettext('From')"
+                            />
+                            <DateField v-model="end" :label="$gettext('To')" />
+                            <v-btn color="primary" @click="setCustomPeriod">{{
+                                $gettext('Apply')
+                            }}</v-btn>
+                        </v-col>
+                        <v-col cols="12" md="6">
+                            <div class="text-subtitle-1">
+                                {{ $gettext('Relative time ranges') }}
+                            </div>
+                            <v-list>
+                                <v-list-item
+                                    v-for="_period in periods"
+                                    :key="_period.value"
+                                    @click="setPeriod(_period.value)"
+                                >
+                                    <v-list-item-title>
+                                        {{ _period.name }}
+                                    </v-list-item-title>
+                                </v-list-item>
+                            </v-list>
+                        </v-col>
+                    </v-row>
+                </v-container>
+            </v-menu>
+        </v-toolbar>
+        <v-card-text>
+            <apexchart
+                v-if="statistics"
+                type="area"
+                height="350"
+                :options="options"
+                :series="statistics.series"
+            />
+        </v-card-text>
+    </v-card>
 </template>
 
 <script setup lang="js">
@@ -61,43 +70,43 @@ import { useGettext } from 'vue3-gettext'
 const { $gettext } = useGettext()
 
 const _props = defineProps({
-  domain: {
-    type: Object,
-    required: false,
-    default: null,
-  },
-  graphicSet: { type: String, default: null },
-  graphicName: { type: String, default: null },
+    domain: {
+        type: Object,
+        required: false,
+        default: null,
+    },
+    graphicSet: { type: String, default: null },
+    graphicName: { type: String, default: null },
 })
 
 const title = computed(() => {
-  if (statistics.value) {
-    return statistics.value.title
-  }
-  return ''
+    if (statistics.value) {
+        return statistics.value.title
+    }
+    return ''
 })
 
 const menu = ref(false)
 const options = ref({
-  chart: {
-    type: 'area',
-    stacked: false,
-    zoom: {
-      type: 'x',
-      enabled: true,
-      autoScaleYaxis: true,
+    chart: {
+        type: 'area',
+        stacked: false,
+        zoom: {
+            type: 'x',
+            enabled: true,
+            autoScaleYaxis: true,
+        },
+        toolbar: {
+            autoSelected: 'zoom',
+        },
     },
-    toolbar: {
-      autoSelected: 'zoom',
+    dataLabels: {
+        enabled: false,
+    },
+    yaxis: {},
+    xaxis: {
+        type: 'datetime',
     },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  yaxis: {},
-  xaxis: {
-    type: 'datetime',
-  },
 })
 
 const end = ref(null)
@@ -105,63 +114,70 @@ const start = ref(null)
 const statistics = ref(null)
 const period = ref('day')
 const periods = ref([
-  { value: 'day', name: $gettext('Day') },
-  { value: 'week', name: $gettext('Week') },
-  { value: 'month', name: $gettext('Month') },
-  { value: 'year', name: $gettext('Year') },
+    { value: 'day', name: $gettext('Day') },
+    { value: 'week', name: $gettext('Week') },
+    { value: 'month', name: $gettext('Month') },
+    { value: 'year', name: $gettext('Year') },
 ])
 
 function getColors() {
-  if (_props.graphicName === 'averagetraffic') {
-    return ['#ff6347', '#ffff00', '#4682B4', '#7cfc00', '#ffa500', '#d3d3d3']
-  }
-  return ['#ffa500', '#41d1cc']
+    if (_props.graphicName === 'averagetraffic') {
+        return [
+            '#ff6347',
+            '#ffff00',
+            '#4682B4',
+            '#7cfc00',
+            '#ffa500',
+            '#d3d3d3',
+        ]
+    }
+    return ['#ffa500', '#41d1cc']
 }
 
 function setCustomPeriod() {
-  period.value = 'custom'
-  fetchStatistics()
+    period.value = 'custom'
+    fetchStatistics()
 }
 function setPeriod(newPeriod) {
-  if (newPeriod !== period.value) {
-    period.value = newPeriod
-    fetchStatistics()
-  }
+    if (newPeriod !== period.value) {
+        period.value = newPeriod
+        fetchStatistics()
+    }
 }
 function fetchStatistics() {
-  const args = {
-    graphSet: _props.graphicSet,
-    period: period.value,
-    graphicName: _props.graphicName,
-  }
-  if (_props.domain) {
-    args.searchQuery = _props.domain.name
-  }
-  if (period.value === 'custom') {
-    args.start = start.value
-    args.end = end.value
-  }
-  statisticsApi.getStatistics(args).then((resp) => {
-    statistics.value = resp.data.graphs[_props.graphicName]
-  })
+    const args = {
+        graphSet: _props.graphicSet,
+        period: period.value,
+        graphicName: _props.graphicName,
+    }
+    if (_props.domain) {
+        args.searchQuery = _props.domain.name
+    }
+    if (period.value === 'custom') {
+        args.start = start.value
+        args.end = end.value
+    }
+    statisticsApi.getStatistics(args).then((resp) => {
+        statistics.value = resp.data.graphs[_props.graphicName]
+    })
 }
 
 onMounted(() => {
-  fetchStatistics()
+    fetchStatistics()
 })
 watch(
-  () => _props.graphicName,
-  () => {
-    options.value.colors = getColors()
-  }
+    () => _props.graphicName,
+    () => {
+        options.value.colors = getColors()
+    }
 )
 </script>
 
 <style scoped>
 .v-card {
-  z-index: 5;
+    z-index: 5;
 }
 .v-menu__content {
-  background-color: white !important;
+    background-color: white !important;
 }
 </style>
diff --git a/frontend/src/layouts/dashboard/DashboardLayout.vue b/frontend/src/layouts/dashboard/DashboardLayout.vue
index 00b805f6c..641e6155c 100644
--- a/frontend/src/layouts/dashboard/DashboardLayout.vue
+++ b/frontend/src/layouts/dashboard/DashboardLayout.vue
@@ -1,21 +1,21 @@
 <template>
-  <v-app>
-    <NavBar />
-    <DashboardView />
-    <v-snackbar
-      v-model="snackbar"
-      :color="notificationColor"
-      :timeout="notificationTimeout"
-      location="top"
-    >
-      {{ notification }}
-      <template #actions>
-        <v-btn color="white" text @click="snackbar = false">
-          {{ $gettext('Close') }}
-        </v-btn>
-      </template>
-    </v-snackbar>
-  </v-app>
+    <v-app>
+        <NavBar />
+        <DashboardView />
+        <v-snackbar
+            v-model="snackbar"
+            :color="notificationColor"
+            :timeout="notificationTimeout"
+            location="top"
+        >
+            {{ notification }}
+            <template #actions>
+                <v-btn color="white" text @click="snackbar = false">
+                    {{ $gettext('Close') }}
+                </v-btn>
+            </template>
+        </v-snackbar>
+    </v-app>
 </template>
 
 <script setup>
@@ -35,10 +35,10 @@ const notification = computed(() => busStore.notification)
 const snackbar = ref(false)
 
 busStore.$onAction(({ name, after }) => {
-  if (name === 'displayNotification') {
-    after(() => {
-      snackbar.value = true
-    })
-  }
+    if (name === 'displayNotification') {
+        after(() => {
+            snackbar.value = true
+        })
+    }
 }, true)
 </script>
diff --git a/frontend/src/layouts/dashboard/DashboardView.vue b/frontend/src/layouts/dashboard/DashboardView.vue
index 577ca6243..5069904fb 100644
--- a/frontend/src/layouts/dashboard/DashboardView.vue
+++ b/frontend/src/layouts/dashboard/DashboardView.vue
@@ -1,15 +1,15 @@
 <template>
-  <v-main>
-    <v-container fluid>
-      <router-view v-slot="{ Component }">
-        <transition name="fade">
-          <div v-show="true">
-            <component :is="Component" />
-          </div>
-        </transition>
-      </router-view>
-    </v-container>
-  </v-main>
+    <v-main>
+        <v-container fluid>
+            <router-view v-slot="{ Component }">
+                <transition name="fade">
+                    <div v-show="true">
+                        <component :is="Component" />
+                    </div>
+                </transition>
+            </router-view>
+        </v-container>
+    </v-main>
 </template>
 
 <script setup>
@@ -18,6 +18,6 @@
 
 <style scoped>
 .v-main {
-  background-color: #f7f8fa;
+    background-color: #f7f8fa;
 }
 </style>
diff --git a/frontend/src/layouts/dashboard/NavBar.vue b/frontend/src/layouts/dashboard/NavBar.vue
index f7de8d426..8b6f72faf 100644
--- a/frontend/src/layouts/dashboard/NavBar.vue
+++ b/frontend/src/layouts/dashboard/NavBar.vue
@@ -1,117 +1,121 @@
 <template>
-  <v-navigation-drawer
-    v-model="drawer"
-    :rail="rail"
-    permanent
-    :color="mainColor"
-    app
-  >
-    <div class="d-flex align-center">
-      <v-img
-        src="@/assets/Modoboa_RVB-BLANC-SANS.png"
-        max-width="190"
-        class="logo"
-        @click="router.push({ name: 'Dashboard' })"
-      />
-      <v-btn
-        :icon="rail ? 'mdi-chevron-right' : 'mdi-chevron-left'"
-        variant="text"
-        @click.stop="rail = !rail"
-      >
-      </v-btn>
-    </div>
-
-    <v-list nav>
-      <template v-for="item in menuItems">
-        <template v-if="displayMenuItem(item)">
-          <v-list-item
-            v-if="!item.children"
-            :key="item.text"
-            :value="item"
-            :to="item.to"
-            link
-            :exact="item.exact"
-            :title="item.text"
-            :prepend-icon="item.icon"
-          >
-          </v-list-item>
-          <v-list-group v-else :key="item.text" :value="item.text">
-            <template #activator="{ props }">
-              <v-list-item
-                v-bind="props"
-                :key="item.text"
-                :title="item.text"
-                color="white"
-                :prepend-icon="item.icon"
-              >
-              </v-list-item>
-            </template>
-            <v-list-item
-              v-for="subitem in item.children"
-              :key="subitem.text"
-              :to="subitem.to"
-              link
-              :title="subitem.text"
-              :value="subitem"
-            ></v-list-item>
-          </v-list-group>
-        </template>
-      </template>
-    </v-list>
-    <template #append>
-      <v-menu v-if="isAuthenticated" rounded="lg" offset-y top>
-        <template #activator="{ props }">
-          <div
-            :class="[
-              backgroundColor,
-              'd-flex',
-              'justify-center',
-              'align-center',
-              'pa-2',
-            ]"
-          >
+    <v-navigation-drawer
+        v-model="drawer"
+        :rail="rail"
+        permanent
+        :color="mainColor"
+        app
+    >
+        <div class="d-flex align-center">
+            <v-img
+                src="@/assets/Modoboa_RVB-BLANC-SANS.png"
+                max-width="190"
+                class="logo"
+                @click="router.push({ name: 'Dashboard' })"
+            />
             <v-btn
-              v-bind="props"
-              :class="[backgroundColor, 'text-white']"
-              rounded
-              density="compact"
-              height="48"
-              elevation="0"
+                :icon="rail ? 'mdi-chevron-right' : 'mdi-chevron-left'"
+                variant="text"
+                @click.stop="rail = !rail"
             >
-              <v-avatar size="40" color="primary">
-                <span class="text-white headline">{{ userInitials }}</span>
-              </v-avatar>
-              <template v-if="!rail">
-                <span class="mx-2">{{ displayName }}</span>
-                <v-icon class="float-right">mdi-chevron-up</v-icon>
-              </template>
             </v-btn>
-          </div>
-        </template>
-        <v-list>
-          <v-list-item
-            v-for="item in userMenuItems"
-            :key="item.text"
-            :to="item.to"
-            link
-            @click="item.click"
-          >
-            <template #prepend>
-              <v-icon :icon="item.icon"></v-icon>
+        </div>
+
+        <v-list nav>
+            <template v-for="item in menuItems">
+                <template v-if="displayMenuItem(item)">
+                    <v-list-item
+                        v-if="!item.children"
+                        :key="item.text"
+                        :value="item"
+                        :to="item.to"
+                        link
+                        :exact="item.exact"
+                        :title="item.text"
+                        :prepend-icon="item.icon"
+                    >
+                    </v-list-item>
+                    <v-list-group v-else :key="item.text" :value="item.text">
+                        <template #activator="{ props }">
+                            <v-list-item
+                                v-bind="props"
+                                :key="item.text"
+                                :title="item.text"
+                                color="white"
+                                :prepend-icon="item.icon"
+                            >
+                            </v-list-item>
+                        </template>
+                        <v-list-item
+                            v-for="subitem in item.children"
+                            :key="subitem.text"
+                            :to="subitem.to"
+                            link
+                            :title="subitem.text"
+                            :value="subitem"
+                        ></v-list-item>
+                    </v-list-group>
+                </template>
             </template>
-            <v-list-item-title>{{ item.text }}</v-list-item-title>
-          </v-list-item>
         </v-list>
-      </v-menu>
-    </template>
-  </v-navigation-drawer>
+        <template #append>
+            <v-menu v-if="isAuthenticated" rounded="lg" offset-y top>
+                <template #activator="{ props }">
+                    <div
+                        :class="[
+                            backgroundColor,
+                            'd-flex',
+                            'justify-center',
+                            'align-center',
+                            'pa-2',
+                        ]"
+                    >
+                        <v-btn
+                            v-bind="props"
+                            :class="[backgroundColor, 'text-white']"
+                            rounded
+                            density="compact"
+                            height="48"
+                            elevation="0"
+                        >
+                            <v-avatar size="40" color="primary">
+                                <span class="text-white headline">{{
+                                    userInitials
+                                }}</span>
+                            </v-avatar>
+                            <template v-if="!rail">
+                                <span class="mx-2">{{ displayName }}</span>
+                                <v-icon class="float-right"
+                                    >mdi-chevron-up</v-icon
+                                >
+                            </template>
+                        </v-btn>
+                    </div>
+                </template>
+                <v-list>
+                    <v-list-item
+                        v-for="item in userMenuItems"
+                        :key="item.text"
+                        :to="item.to"
+                        link
+                        @click="item.click"
+                    >
+                        <template #prepend>
+                            <v-icon :icon="item.icon"></v-icon>
+                        </template>
+                        <v-list-item-title>{{ item.text }}</v-list-item-title>
+                    </v-list-item>
+                </v-list>
+            </v-menu>
+        </template>
+    </v-navigation-drawer>
 </template>
 
 <script setup lang="js">
 import { useRoute, useRouter } from 'vue-router'
 import { ref, computed } from 'vue'
 import { useGettext } from 'vue3-gettext'
-import { getActivePinia } from "pinia"
+import { getActivePinia } from 'pinia'
 
 import parametersApi from '@/api/parameters'
 import { useAuthStore, useParametersStore } from '@/stores'
@@ -139,8 +143,8 @@ const userInitials = computed(() => {
     }
     if (authUser.value.last_name) {
         initials = initials
-                 ? initials + authUser.value.last_name[0]
-                 : authUser.value.last_name[0]
+            ? initials + authUser.value.last_name[0]
+            : authUser.value.last_name[0]
     }
     if (!initials) {
         initials = authUser.value.username[0]
@@ -149,8 +153,8 @@ const userInitials = computed(() => {
 })
 const displayName = computed(() => {
     return authUser.value.first_name || authUser.value.last_name
-         ? `${authUser.value.first_name} ${authUser.value.last_name}`
-         : authUser.value.username
+        ? `${authUser.value.first_name} ${authUser.value.last_name}`
+        : authUser.value.username
 })
 
 const menuItems = computed(() => {
@@ -308,7 +312,7 @@ function displayMenuItem(item) {
     if (isAuthenticated.value) {
         const condition =
             (item.roles === undefined ||
-             item.roles.indexOf(authUser.value.role) !== -1) &&
+                item.roles.indexOf(authUser.value.role) !== -1) &&
             (item.condition === undefined || item.condition()) &&
             item.activated !== false
         if (item.icon === 'mdi-email-sync-outline') {
@@ -320,7 +324,7 @@ function displayMenuItem(item) {
 }
 
 async function logout() {
-    getActivePinia()._s.forEach(async (store) => await store.$reset());
+    getActivePinia()._s.forEach(async (store) => await store.$reset())
     router.push({ name: 'Login' })
 }
 
@@ -336,17 +340,17 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .v-list-item {
-  &--active {
-    &::before {
-      opacity: 0;
+    &--active {
+        &::before {
+            opacity: 0;
+        }
+        background-color: #034bad !important;
+        color: white;
+        opacity: 1;
     }
-    background-color: #034bad !important;
-    color: white;
-    opacity: 1;
-  }
 }
 
 .logo {
-  cursor: pointer;
+    cursor: pointer;
 }
 </style>
diff --git a/frontend/src/layouts/default/DefaultLayout.vue b/frontend/src/layouts/default/DefaultLayout.vue
index 2d73a6430..c377ed4a6 100644
--- a/frontend/src/layouts/default/DefaultLayout.vue
+++ b/frontend/src/layouts/default/DefaultLayout.vue
@@ -1,7 +1,7 @@
 <template>
-  <v-app>
-    <DefaultView />
-  </v-app>
+    <v-app>
+        <DefaultView />
+    </v-app>
 </template>
 
 <script setup>
diff --git a/frontend/src/layouts/default/DefaultView.vue b/frontend/src/layouts/default/DefaultView.vue
index f6a4d2ed3..552157269 100644
--- a/frontend/src/layouts/default/DefaultView.vue
+++ b/frontend/src/layouts/default/DefaultView.vue
@@ -1,7 +1,7 @@
 <template>
-  <v-main>
-    <router-view />
-  </v-main>
+    <v-main>
+        <router-view />
+    </v-main>
 </template>
 
 <script setup>
diff --git a/frontend/src/locale/translations.json b/frontend/src/locale/translations.json
index 547ba536e..37f75c9e1 100644
--- a/frontend/src/locale/translations.json
+++ b/frontend/src/locale/translations.json
@@ -1 +1,1812 @@
-{"en":{"A new key will be generated soon. Refresh the page in a moment to see it.":"A new key will be generated soon. Refresh the page in a moment to see it.","Absolute time range":"Absolute time range","Account":"Account","Actions":"Actions","Add":"Add","Add a new domain alias":"Add a new domain alias","Add administrator":"Add administrator","Add sender address":"Add sender address","Address":"Address","Administered domains":"Administered domains","Administrator added":"Administrator added","Administrator name":"Administrator name","Administrator removed":"Administrator removed","Administrators":"Administrators","Administrators of":"Administrators of","Alarms":"Alarms","Alias":"Alias","Aliases":"Aliases","Alignment":"Alignment","API":"API","Apply":"Apply","Audit trail":"Audit trail","Authentication":"Authentication","Auto configuration":"Auto configuration","autoconfig record (Mozilla) not found":"autoconfig record (Mozilla) not found","autoconfig record (Mozilla): %{ value }":"autoconfig record (Mozilla): %{ value }","autodiscover record (Microsoft) not found":"autodiscover record (Microsoft) not found","autodiscover record (Microsoft): %{ value }":"autodiscover record (Microsoft): %{ value }","Back":"Back","Bind/named format. Click to copy":"Bind/named format. Click to copy","Cancel":"Cancel","Choose a domain":"Choose a domain","Close":"Close","Confirm and create":"Confirm and create","Connect":"Connect","Continue on error":"Continue on error","Control if this domain will be allowed to send and receive messages":"Control if this domain will be allowed to send and receive messages","Copy to clipboard":"Copy to clipboard","Create a domain administrator":"Create a domain administrator","Create a mailbox for the administrator.":"Create a mailbox for the administrator.","Create aliases":"Create aliases","Create standard aliases for the domain.":"Create standard aliases for the domain.","Creation date":"Creation date","CSV seems to be badly formatted":"CSV seems to be badly formatted","Daily sending limit":"Daily sending limit","Dashboard":"Dashboard","Day":"Day","Default mailbox quota":"Default mailbox quota","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.","Delete":"Delete","Detail":"Detail","Disabled":"Disabled","DKIM key":"DKIM key","DKIM key does not seem to be genrated yet or has failed. Do you want to requeue the job?":"DKIM key does not seem to be genrated yet or has failed. Do you want to requeue the job?","DKIM key length":"DKIM key length","DKIM key selector":"DKIM key selector","DKIM keys already exist for this domain. Do you want to overwrite them?":"DKIM keys already exist for this domain. Do you want to overwrite them?","DKIM public key for":"DKIM public key for","DKIM record found":"DKIM record found","DKIM record not found":"DKIM record not found","DKIM signing":"DKIM signing","DMARC":"DMARC","DMARC record found":"DMARC record found","DMARC record not found":"DMARC record not found","DMARC support does not seem to be enabled for this domain.":"DMARC support does not seem to be enabled for this domain.","DNS":"DNS","DNS checks":"DNS checks","DNS configuration for ":"DNS configuration for ","DNS configuration help":"DNS configuration help","DNS status":"DNS status","Do not delete domain folder":"Do not delete domain folder","Do you really want to delete the domain %{ domain }?":"Do you really want to delete the domain %{ domain }?","Domain":"Domain","Domain alias created":"Domain alias created","Domain alias deleted":"Domain alias deleted","Domain alias updated":"Domain alias updated","Domain created":"Domain created","Domain deleted":"Domain deleted","Domain name (ex: domain.tld)":"Domain name (ex: domain.tld)","Domain updated":"Domain updated","Domains":"Domains","Don't treat duplicated objects as errors":"Don't treat duplicated objects as errors","Edit":"Edit","Edit domain":"Edit domain","Edit domain alias":"Edit domain alias","Email providers":"Email providers","Empty":"Empty","Enable DKIM signing":"Enable DKIM signing","Enable DNS checks":"Enable DNS checks","Enabled":"Enabled","Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.":"Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.","Export accounts and aliases to CSV":"Export accounts and aliases to CSV","Export domains and aliases to CSV":"Export domains and aliases to CSV","Failed":"Failed","Field is required":"Field is required","Forgot password":"Forgot password","Forward":"Forward","Forwarded":"Forwarded","Forwarders with ARC":"Forwarders with ARC","From":"From","Full name":"Full name","Fullname/recipient":"Fullname/recipient","Fully aligned":"Fully aligned","General":"General","General information":"General information","Generate a new DKIM key":"Generate a new DKIM key","Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.":"Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.","Identification":"Identification","Identities":"Identities","If you close this form now, your modifications won't be saved. Do you confirm?":"If you close this form now, your modifications won't be saved. Do you confirm?","If you configured it recently, please wait for the first report to be received and processed.":"If you configured it recently, please wait for the first report to be received and processed.","IMAP Migration":"IMAP Migration","Import":"Import","Import accounts and aliases from CSV file":"Import accounts and aliases from CSV file","Import domains":"Import domains","Import domains and aliases from CSV file":"Import domains and aliases from CSV file","Information":"Information","Last login date":"Last login date","Last modification date":"Last modification date","Limitations":"Limitations","Logout":"Logout","Mailboxes":"Mailboxes","MB":"MB","Message sending limit":"Message sending limit","messages":"messages","Messages":"Messages","Migrations":"Migrations","Modify":"Modify","Monitoring":"Monitoring","Month":"Month","Must be a numeric value or empty":"Must be a numeric value or empty","MX records":"MX records","Name":"Name","Name of the administrator":"Name of the administrator","Name: ":"Name: ","Never logged-in":"Never logged-in","New":"New","New domain":"New domain","Next":"Next","no":"no","No":"No","No data to export":"No data to export","No sender address defined for this account":"No sender address defined for this account","No sending limit":"No sending limit","Not a valid email":"Not a valid email","Not generated":"Not generated","Number of messages this domain can send per day. Leave empty for no limit.":"Number of messages this domain can send per day. Leave empty for no limit.","OK":"OK","Options":"Options","Partially aligned":"Partially aligned","Partially trusted sources / Forwarders":"Partially trusted sources / Forwarders","Password":"Password","Password copied to clipboard":"Password copied to clipboard","Pending":"Pending","Period":"Period","Phone number":"Phone number","Problem":"Problem","Profile":"Profile","Provide a CSV file where lines respect one of the following formats:":"Provide a CSV file where lines respect one of the following formats:","Quota":"Quota","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.","Quota: ":"Quota: ","Random password":"Random password","Raw format. Click to copy":"Raw format. Click to copy","Relative time ranges":"Relative time ranges","Relay":"Relay","Reload":"Reload","Remember me":"Remember me","Remove this address":"Remove this address","Remove this administrator":"Remove this administrator","Resources":"Resources","Resources usage":"Resources usage","Role":"Role","Save":"Save","Secondary email":"Secondary email","Security":"Security","Select an account":"Select an account","Select file":"Select file","Sender addresses":"Sender addresses","Sending limit":"Sending limit","Sending limit: ":"Sending limit: ","Separator":"Separator","Service":"Service","Service: ":"Service: ","Settings":"Settings","Show key":"Show key","Specify an email address":"Specify an email address","SPF record found":"SPF record found","SPF record not found":"SPF record not found","Statistics":"Statistics","Summary":"Summary","Tags":"Tags","The first element of each line is mandatory and must be equal to one of the previous values.":"The first element of each line is mandatory and must be equal to one of the previous values.","To":"To","Total":"Total","Transport":"Transport","Trusted sources":"Trusted sources","Two-factor authentication":"Two-factor authentication","Type":"Type","Type: ":"Type: ","Unknown":"Unknown","Unknown sources / Threats":"Unknown sources / Threats","Unlimited":"Unlimited","Update":"Update","Updated":"Updated","Username":"Username","Valid":"Valid","Verify code":"Verify code","warning":"warning","Warning":"Warning","Week":"Week","With a mailbox":"With a mailbox","With mailbox":"With mailbox","Year":"Year","yes":"yes","Yes":"Yes","You can use a different character as separator.":"You can use a different character as separator."},"de":{"Account":"Konto","Account created":"Konto erstellt","Account updated":"Konto aktualisiert","Actions":"Aktionen","Add":"Hinzufügen","Address":"Adresse","Administered domains":"Administrierte Domains","Administrators":"Administratoren","Alias":"Alias","Aliases":"Aliase","API":"API","API access":"API Zugriff","Apply":"Antworten","Authentication":"Authentifizierung","Bind/named format. Click to copy":"Gebundenes Format","Change password":"Passwort ändern","Check this option if passwords contained in your file are not crypted":"Auswählen, wenn Kennwörter in Datei nicht verschlüsselt sind","Close":"Schließen","Closed":"Schließen","Confirmation":"Bestätigung","Congratulations! Two-Factor Authentication is now enabled for your account.":"Glückwunsch! Die Zwei-Faktor-Authentifizierung ist nun für diesen Account aktiviert.","Continue on error":"Bei Fehler fortfahren","Create a domain administrator":"Domain-Administrator erstellen","Create a mailbox for the administrator.":"Erzeuge Postfach für den Administrator.","Create aliases":"Aliase erstellen","Creation date":"Erstellungsdatum","Crypt passwords":"Passwörter verschlüsseln","Dashboard":"Dashboard","Date":"Datum","Day":"Tag","Default mailbox quota":"Standard Postfach Kontingent","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Auf Postfächer angewendete Quota. Kann in KB, MB (Voreinstellung) oder GB angegeben werden. 0 eingeben, um keine Quota zu verwenden.","Description":"Beschreibung","Disable 2FA":"Deaktiviere 2-Faktor-Authentifizierung","Disabled":"Deaktiviert","DKIM key":"DKIM Schlüssel","DNS":"DNS","DNS status":"DNS Status","Domain":"Domain","Domain administrator":"Domain Administrator","Domain created":"Domain erstellt.","Domains":"Domains","Email address":"E-Mail Adresse","Enable 2FA":"Aktiviere 2FA","Enable DKIM signing":"Aktiviere DKIM Signierung","Enable DNS checks":"Aktiviere DNS Prüfungen","Enabled":"Aktiviert","Enter the code you've just received by SMS":"Gib den Code der per SMS zugestellt wurde","Expire at":"Läuft ab am","Failed":"Fehlgeschlagen","Forward":"Weiterleiten","Forward messages and store copies into your local mailbox":"Nachricht weiterleiten und Kopie in Mailbox ablegen","Forward updated":"Weiterleitung aktualisiert","From":"Von","Full name":"Vollständiger Name","General":"Allgemein","Identities":"Identitäten","Import":"Import","Import domains":"Domains importieren","Import identities":"Identitäten importieren","Information":"Information","Installed version":"Installierte Version","Keep local copies":"Lokale Kopien behalten","Last modification date":"Datum der letzten Änderung","Level":"Stufe","Logger":"Logger","Logout":"Logout","Mailbox":"Postfächer","Mailboxes":"Mailboxen","Message":"Verwendung","Modified":"Verändert","Month":"Monat","Name":"Name","New account":"Neues Konto","New alias":"Neuer Alias","New domain":"Neue Domain","New recovery codes":"Neue Wiederherstellungscodes","Next":"Weiter","Not generated":"Nicht generiert","One or more updates are available":"Eine oder mehrere Aktualisierungen sind verfügbar","Options":"Optionen","Partially aligned":"Teilweise zugeordnet","Password":"Passwort","Passwords mismatch":"Passwörter stimmen nicht überein","Phone number":"Telefonnummer","Pin code":"Pincode","Please fill-in your primary email address":"Bitte die Primäre Email-Adresse eingeben","Profile":"Profil","Profile updated":"Profil aktualisiert","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Quota dieses Postfachs. Kann in KB, MB (Voreinstellung) oder GB angegeben werden. Eigenen Wert eingeben oder Voreinstellung der Domain verwenden lassen. Frei lassen, um Quota auf unlimitiert zu setzen (nur Super-Administratoren).","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Von Postfächern gemeinsam genutzte Quota/Speicherplatz. Kann in KB, MB (Voreinstellung) oder GB angegeben werden. 0 eingeben, um keine Quota zu verwenden.","Random address":"Zufällige Adresse","Random password":"Zufälliges Passwort","Recipient(s)":"Empfänger","Recipients":"Empfänger","Register":"Registrieren","Remember me":"An mich erinnern","Reseller":"Reseller","Reset recovery codes":"Setze Wiederherstellungscodes zurück","Resources":"Ressourcen","Resources usage":"Ressourcen-Verbrauch","Role":"Rolle","Save":"Speichern","Search":"Suchen","Secondary email":"Zweite E-Mail Adresse","Security":"Sicherheit","Sender addresses":"Ab­sen­der­ad­res­sen ","Separator":"Separator","Settings":"Einstellungen","Show key":"Zeige Schlüssel","Simple user":"Normaler Benutzer","Status":"Status","Submit":"Abschicken","Summary":"Zusammenfassung","Super administrator":"Super-Administrator","Tags":"Tags","To":"Bis","Total":"Total","Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.":"Zwei-Faktor-Authentifizierung (2FA) ist noch nicht für diesen Account aktiviert.\nAktiviere dieses Feature, um die Account-Sicherheit zu erhöhen.","Type":"Typ","Unknown":"Unbekannt","Unknown sources / Threats":"Unbekannte Quellen / Bedrohungen","unlimited":"unbegrenzt","Update":"Aktualisieren","Updated":"Aktualisieren","Use domain default value":"Standardwert der Domain verwenden","Username":"Benutzername","Week":"Woche","Welcome to Modoboa":"Willkommen zu Modoboa","With a mailbox":"Mit einem Postfach","Year":"Jahr"},"el":{},"br":{"Account":"Kont","Account created":"Kont krouet","Account updated":"Kont hizivaet","Actions":"Oberioù","Add":"Ouzhpennañ","Address":"Chomlec'h","Administered domains":"Domanioù meret","Administrators":"Merourien","Alias":"Alias","Aliases":"Aliasoù","API":"API","API access":"API moned","Authentication":"O vezañ anavezet","Bind/named format. Click to copy":"Stumm Ereet/anvet","Change password":"Cheñch ger-tremen","Check this option if passwords contained in your file are not crypted":"Kochit an dibarzh ma ne vez ket kriptet ar gerioù-tremen endalc'het en ho restr","Close":"Serriñ","Closed":"Serriñ","Confirmation":"Kadarnadur","Continue on error":"Kenderc'hel war ar fazi","Create a domain administrator":"Krouit ur merour domani","Create a mailbox for the administrator.":"Krouiñ ur voest-posteloù evit ar merour.","Create aliases":"Krouiñ aliasoù","Creation date":"Deiziad krouidigezh","Crypt passwords":"Kriptañ ar gerioù-tremen","Dashboard":"Taolenn-stur","Default mailbox quota":"Kota boest-posteloù dre-ziouer","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Kota arloet d'ar boestoù-postel. Gellout a ra bezañ ezpleget e Ko, Mo (diouer) pe Go c'hoazh. Un dalvoudegezh \"0\" a dalvez kota ebet.","Description":"Deskrivadur","Disabled":"Lazhet","DKIM key":"Alc'hwez DKIM","DNS":"DNS","DNS status":"Statud DNS","Domain":"Domani","Domain administrator":"Merour an domani","Domain created":"Domani krouet","Domains":"Domanioù","Email address":"Chomlec'h postel","Enable DKIM signing":"Enaouiñ ar sinadur DKIM","Enable DNS checks":"Enaouiñ ar gwiriañ DNS","Enabled":"Enaouet","Expire at":"Diamzeriet da","Failed":"C'hwitet","Forward":"Treuzkas","Forward messages and store copies into your local mailbox":"Treuzkas kemennadennoù ha stokiñ eiladennoù e-barzh ar voest-posteloù lec'hel","Forward updated":"Treuzkas hizivaet","Full name":"Anv klok","General":"Hollek","Identities":"Identelezhioù","Import":"Emporzhiañ","Import domains":"Emporzhiañ domanioù","Import identities":"Emporzhiañ identelezhioù","Information":"Titouroù","Installed version":"Stumm staliet","Keep local copies":"Mirout eiladennoù lec'hel","Last modification date":"Deiziad aozañ diwezhañ","Level":"Live","Logger":"Enroller","Logout":"Digevreañ","Mailbox":"Boest-posteloù","Mailboxes":"Boest-posteloù","Message":"Implij","Modified":"Aozet","Name":"Anv","New account":"Kont nevez","New alias":"Alias nevez","New domain":"Domani nevez","Next":"Da-heul","Not generated":"Neket ganet","One or more updates are available":"Hegerz ez eus un hizivadenn pe muioc'h","Options":"Dibarzhioù","Partially aligned":"Linennet dre an hanter","Password":"Ger-tremen","Passwords mismatch":"Disklotadurioù gerioù-tremen","Phone number":"Niverenn bellgomz","Profile":"Profil","Profile updated":"Profil hizivaet","Quota":"Kota","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Kota evit ar voest-posteloù-mañ. Gellout a ra bezañ ezpleget e Ko, Mo (diouer) pe Go c'hoazh. Termeniñ un dalvoudegezh ispisial pe implijit talvoudegezh an domani. Laoskit goullo evit termeniñ un dalvoudegezh divevenn (berzet evit ar verourien zomani).","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Kota rannet kenetre ar boestoù-postel. Gellout a ra bezañ ezpleget e Ko, Mo (diouer) pe Go c'hoazh. Un dalvoudegezh \"0\" a dalvez kota ebet.","Random address":"Chomlec'h dre-zegouezh","Random password":"Ger-tremen dre-zegouezh","Recipient(s)":"Resever(ien)","Recipients":"Reseverien","Remember me":"Derc'hel soñj ac'hanon","Reseller":"Eilgwerzher","Resources":"Mammennoù","Resources usage":"Implij mammennoù","Role":"Rol","Save":"Enrollañ","Search":"Klask","Secondary email":"Eil chomlec'h postel","Sender addresses":"Chomlec'hioù ar c'haser","Separator":"Skejer","Settings":"Arventennoù","Show key":"Diskouez an alc'hwez","Simple user":"Implijer diazez","Status":"Statud","Submit":"Kas","Summary":"Berradenn","Super administrator":"Dreist-merour","Tags":"Balizoù","Total":"Hollad","Transport":"Treuzdougen","Type":"Doare","Unknown":"Dizanv","Unknown sources / Threats":"Mammennoù dizanv/Gourdrouzioù","unlimited":"divevennet","Update":"Hizivaat","Updated":"Hizivaet","Use domain default value":"Implijout un dalvoudegezh domani dre-ziouer","Username":"Anv implier","Welcome to Modoboa":"Degemer mat e-barzh Modoboa","With a mailbox":"Gant ur voest-posteloù"},"cs":{},"es":{"Account":"Cuenta","Account created":"Cuenta creada","Account updated":"Cuenta actualizada","Actions":"Acciones","Add":"Añadir","Address":"Dirección","Administered domains":"Dominios administrados","Administrators":"Administradores","Alias":"Alias","Aliases":"Alias","API":"API","API access":"Acceso API","Apply":"Aplicar","Authentication":"Autenticación","Bind/named format. Click to copy":"Formato inválido","Change password":"Cambiar contraseña","Check this option if passwords contained in your file are not crypted":"Marque esta opción si las contraseñas que contiene su fichero no están cifradas","Confirmation":"Confirmación","Continue on error":"Continúe en error.","Create a domain administrator":"Crear un administrador del dominio","Create a mailbox for the administrator.":"Crear mailbox para el administrador.","Create aliases":"Crear alias","Creation date":"Fecha de creación","Crypt passwords":"Contraseñas cifradas","Dashboard":"Panel de Control","Day":"Día","Default mailbox quota":"Cuota de mailbox por defecto","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Cuota de mailbox predeterminda en MB. Un valor de 0 significa ningún limite.","Description":"Descripción","Disabled":"Deshabilitado","DNS status":"Estado de DNS","Domain":"Dominio","Domain administrator":"Administrador del dominio","Domain created":"Dominio creado","Domains":"Dominios","Email address":"Dirección de email","Enable DNS checks":"Activar comprobación de DNS","Enabled":"Activado","Expire at":"Caduca en","Forward":"Siguiente","Forward messages and store copies into your local mailbox":"Reenvía mensajes y guarda copias en su mailbox local","Forward updated":"Reenvío actualizado","Full name":"Nombre completo","General":"General","Identities":"Identidades","Import":"Importar","Import domains":"Importar dominios","Import identities":"Importar identidades","Information":"Información","Installed version":"Versión instalada","Keep local copies":"Mantener copias locales","Last modification date":"Última fecha de modificación","Level":"Nivel","Logger":"Logger","Logout":"Salir","Mailbox":"Mailboxes","Mailboxes":"Mailboxes","Message":"Uso","Modified":"Modificado","Month":"Mes","Name":"Nombre","New account":"Nueva cuenta","New alias":"Nuevo alias","New domain":"Nuevo dominio","Next":"Siguiente","Not generated":"Sin definir","One or more updates are available":"Una o más actualizaciones están disponibles","Options":"Opciones","Password":"Contraseña","Passwords mismatch":"Las contraseñas no coinciden","Phone number":"Numero de telefono ","Profile updated":"Perfil actualizado","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Cuota en MB para este mailbox. Defina un valor por defecto o use el del dominio por defecto. Déjelo vacío para definir un valor ilimitado (no permitido para los administradores del dominio)","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Cuota de mailbox predeterminda en MB. Un valor de 0 significa ningún limite.","Random address":"Dirección aleatoria","Random password":"Dirección aleatoria","Recipient(s)":"Destinatario(s)","Recipients":"Destinatarios","Remember me":"Recuerdame","Reseller":"Revendedor","Resources":"Recursos","Resources usage":"Uso de recursos","Role":"Rol","Save":"Guardar","Search":"Buscar","Secondary email":"Email secundario","Sender addresses":"Direcciónes de remitente","Separator":"Separador","Settings":"Configuración","Simple user":"Usuario normal","Status":"Estatus","Submit":"Enviar","Summary":"Resumen","Super administrator":"Super administrador","Tags":"Tags","Type":"Tipo","Unknown":"Desconocido","unlimited":"ilimitado","Update":"Actualizar","Updated":"Actualizado","Use domain default value":"Usar el valor por defecto del dominio","Username":"Nombre de usuario","Week":"Semana","Welcome to Modoboa":"Bienvenido a Modoboa","With a mailbox":"Con una mailbox","Year":"Año"},"fi":{"A documentation of the API is available":"API:n dokumentaatio on saatavilla","A new key will be generated soon. Refresh the page in a moment to see it.":"Uusi avain luodaan pian. Päivitä sivu hetken kuluttua nähdäksesi sen.","A user with all privileges, can do anything. By default, such a user does not have a mailbox so he can't access end-user features.":"Käyttäjä, jolla on kaikki oikeudet, voi tehdä mitä tahansa. Oletusarvoisesti tällaisella käyttäjällä ei ole postilaatikkoa, joten hän ei voi käyttää loppukäyttäjän ominaisuuksia.","A user with no privileges but with a mailbox. He will be allowed to use all end-user features: webmail, calendar, contacts, filters.":"Käyttäjä, jolla ei ole oikeuksia mutta jolla on postilaatikko. Hän saa käyttää kaikkia loppukäyttäjän ominaisuuksia: webmail, kalenteri, yhteystiedot, suodattimet.","A user with privileges on one or more domain. He will be allowed to administer mailboxes and he can also have a mailbox.":"Käyttäjä, jolla on oikeuksia yhdessä tai useammassa verkkotunnuksessa. Hänellä on oikeus hallinnoida postilaatikoita ja hänellä voi myös olla postilaatikko.","Absolute time range":"Määrämittainen aikaraja","Account":"Tili","Account created":"Tili luotu","Account updated":"Tili päivitetty","Actions":"Toiminnot","Add":"Lisää","Add a new domain alias":"Lisää uusi verkkotunnuksen alias","Add administrator":"Lisää järjestelmänvalvoja","Add sender address":"Lisää lähettäjän osoite","Address":"Osoite","Administered domains":"Hallinnoidut verkkotunnukset","Administrator added":"Järjestelmänvalvoja lisäsi","Administrator name":"Järjestelmänvalvojan nimi","Administrator removed":"Järjestelmänvalvoja poistettu","Administrators":"Ylläpitäjät","Alarms":"Hälytykset","Alias":"Alias","Alias updated":"Alias päivitetty","Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).":"Tämän postilaatikon alias-nimet. Jos haluat luoda catchall-aliaksen, kirjoita vain verkkotunnus (@domain.tld).","Aliases":"Aliakset","API":"API","API access":"API-pääsy","API token copied to your clipboard":"API-tunniste kopioitu leikepöydälle","API token created":"API-tunniste luotu","API token deleted":"API-tunniste poistettu","Apply":"Käytä","Audit trail":"Tarkastusketju","Authentication":"Tunnistautuminen","Auto configuration":"Automaattinen asetusten määrittäminen","autoconfig record (Mozilla) not found":"autoconfig-tallennetta (Mozilla) ei löydy","autoconfig record (Mozilla): %{ value }":"autoconfig-tietue (Mozilla): %{ value }","autodiscover record (Microsoft) not found":"autodiscover-tietuetta (Microsoft) ei löydy","autodiscover record (Microsoft): %{ value }":"autodiscover-tietue (Microsoft): %{ value }","Back":"Takaisin","Bind/named format. Click to copy":"Bind/nimetty muoto. Kopioi klikkaamalla","Cancel":"Peruuta","Check this option if passwords contained in your file are not crypted":"Valitse tämä vaihtoehto, jos tiedostosi sisältämiä salasanoja ei ole salakirjoitettu","Choose a domain":"Valitse verkkotunnus","Choose a role":"Valitse käyttäjätyyppisi","Close":"Sulje","Confirm and create":"Vahvista ja luo","Confirmation":"Vahvistus","Congratulations! Two-Factor Authentication is now enabled for your account.":"Onnittelut! Kaksivaiheinen tunnistus on nyt käytössä tililläsi.","Connect":"Yhdistä","Continue on error":"Jatka virheestä","Control if this domain will be allowed to send and receive messages":"Määritä, saako tämä verkkotunnus lähettää ja vastaanottaa viestejä","Copy to clipboard":"Kopioi leikepöydälle","Copy token to clipboard":"Kopioi turvatunnus leikepöydälle","Create a domain administrator":"Luo verkkotunnuksen ylläpitäjä","Create a mailbox for the administrator.":"Luo ylläpitäjän postilaatikko.","Create aliases":"Luo aliaksia","Create standard aliases for the domain.":"Luo verkkotunnuksen tavanomaiset aliakset.","Creation date":"Luontipäivä","Crypt passwords":"Salakirjoita salasanat","Current password":"Nykyinen salasana","Daily message sending limit":"Päivittäinen viestien lähetysraja","Daily sending limit":"Päivittäinen lähetysraja","Dashboard":"Työpöytä","Date":"Päivämäärä","Day":"Päivä","Default mailbox quota":"Oletuspostilaatikkokiintiö","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Postilaatikoihin sovellettava oletuskiintiö. Voidaan ilmaista kilotavuina, megatavuina (oletus) tai gigatavuina. Arvo 0 tarkoittaa, ettei kiintiötä ole.","Delete":"Poista","Delete token":"Poista avain","Description":"Kuvaus","Disable 2FA":"Poista kaksivaiheinen tunnistautuminen (2FA) käytöstä","Disabled":"Pois käytöstä","DKIM key":"DKIM-avain","DKIM key length":"DKIM-avaimen pituus","DKIM key selector":"DKIM-avaimen valitsin-tietue","DKIM keys already exist for this domain. Do you want to overwrite them?":"DKIM-avaimet ovat jo olemassa tälle verkkotunnukselle. Haluatko korvata ne?","DKIM public key for":"DKIM julkinen avain tietueelle","DKIM record found":"DKIM-tietue löydetty","DKIM record not found":"DKIM-tietuetta ei löydy","DKIM signing":"DKIM-allekirjoitus","DMARC record found":"DMARC-tietue löydetty","DMARC record not found":"DMARC-tietuetta ei löydy","DNS":"DNS","DNS checks":"DNS-tarkistukset","DNS configuration help":"DNS-määritysapu","DNS status":"DNS-tila","Do not delete account folder":"Älä poista tilikansiota","Do not delete domain folder":"Älä poista verkkotunnuksen kansiota","Domain":"Verkkotunnus","Domain administrator":"Luo verkkotunnuksen ylläpitäjä","Domain alias created":"Verkkotunnuksen alias luotu","Domain alias deleted":"Verkkotunnuksen alias poistettu","Domain alias updated":"Verkkotunnuksen alias päivitetty","Domain created":"Verkkotunnus luotu","Domain default value":"Verkkotunnuksen oletusarvo","Domain name (ex: domain.tld)":"Verkkotunnus (esim. domain.tld)","Domain updated":"Verkkotunnus päivitetty","domain's default value":"verkkotunnuksen oletusarvo","Domains":"Sinulla ei ole oikeutta tuoda verkkotunnuksia","Don't treat duplicated objects as errors":"Älä käsittele päällekkäisiä objekteja virheinä","Edit":"Muokkaa","Edit account":"Muokkaa tiliä","Edit alias":"Muokkaa aliasta","Edit domain":"Muokkaa verkkotunnusta","Edit domain alias":"Muokkaa verkkotunnusta","Email":"Sähköposti","Email address":"Sähköpostiosoite","Empty":"Tyhjä","Enable 2FA":"Ota käyttöön kaksivaiheinen tunnistus (2FA)","Enable DKIM signing":"Ota DKIM-allekirjoitus käyttöön","Enable DNS checks":"Ota DNS-tarkistukset käyttöön","Enabled":"Käytössä","Enter a simple username or an email address":"Anna yksinkertainen käyttäjätunnus tai sähköpostiosoite","Enter an email address":"Syötä oikean muotoinen sähköpostiosoite","Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.":"Syötä koodi mobiililaitteesi kaksivaiheisen tunnistuksen sovelluksesta. Jos olet hukannut laitteesi, voit syöttää yhden palautuskoodeistasi.","Enter the code you've just received by SMS":"Kirjoita tekstiviestillä saamasi koodi","Ex: 10MB. Leave empty for no limit":"Esim: 10 MB. Jätä tyhjäksi, jos et halua rajoitusta","Expire at":"Vanhenee","Export accounts and aliases to CSV":"Vie tilit ja aliakset CSV-tiedostoon","Export domains and aliases to CSV":"Vie verkkotunnukset ja aliakset CSV-tiedostoon","First name":"Etunimi","Forward":"Välitä","Forward messages and store copies into your local mailbox":"Välitä viestit ja tallenna kopiot paikalliseen postilaatikkoon","Forward updated":"Välitystieto päivitetty","From":"Lähde","Full name":"Koko nimi","Fullname/recipient":"Koko nimi/saaja","General":"Yleiset","General information":"Yleiset tiedot","General settings":"Yleiset asetukset","Generate":"Luo","Generate a new DKIM key":"Luo uusi DKIM-avain","help":"ohje","Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.":"Tässä on esimerkki DNS-määrityksistä (bind-muodossa). Korvaa [ ]:n välissä olevat arvot sopivilla arvoilla.","Identification":"Tunniste","Identities":"Identiteetit","If you close this form now, your modifications won't be saved. Do you confirm?":"Jos suljet tämän lomakkeen nyt, muutokset eivät tallennu. Vahvistatko?","Import":"Tuonti","Import accounts and aliases from CSV file":"Tuo tilejä ja aliaksia CSV-tiedostosta","Import domains":"Tuo verkkotunnuksia","Import domains and aliases from CSV file":"Tuo verkkotunnukset ja aliakset CSV-tiedostosta","Import identities":"Tuo identiteetit","Indicate one or more recipients separated by a comma (,)":"Ilmoita yksi tai useampi vastaanottaja pilkulla (,) erotettuna","Installed version":"Asennettu versio","Invalid password":"Virheellinen salasana","Invalid username and/or password":"Virheellinen käyttäjätunnus ja/tai salasana","Keep local copies":"Säilytä paikallisia kopioita","Language":"Kieli","Last login date":"Viimeisin kirjautumispäivä","Last modification date":"Viimeisin muutospäivä","Last name":"Sukunimi","Leave empty for no limit":"Jätä tyhjäksi, jos rajaa ei ole","Level":"Taso","Limitations":"Rajoitukset","Logger":"Lokikirja","Logout":"Kirjaudu ulos","Mailbox":"Postilaatikko","Mailboxes":"Postilaatikot","Message":"Viesti","Message history":"Viestien historia","Message sending limit":"Viestien lähetysraja","messages":"viestit","Messages":"Viestit","Modified":"Muokattu","Modify":"Muokkaa","Month":"Kuukausi","MX records":"MX-tietueet","Name":"Nimi","Name of the administrator":"Ylläpitäjän nimi","Never logged-in":"Ei koskaan kirjautunut sisään","New":"Uusi","New account":"Uusi tili","New alias":"Uusi alias","New domain":"Uusi verkkotunnus","New recovery codes":"Uudet palautuskoodit","Next":"Seuraava","no":"ei","No":"Ei","No sender address defined for this account":"Tälle tilille ei ole määritelty lähettäjän osoitetta","No sending limit":"Ei lähetysrajaa","Not generated":"Ei luotu","Number of messages this domain can send per day. Leave empty for no limit.":"Viestien määrä, jonka tämä verkkotunnus voi lähettää päivässä. Jätä tyhjäksi, jos et halua rajoitusta.","Number of messages this mailbox can send per day. Leave empty for no limit.":"Viestien määrä, jonka tämä postilaatikko voi lähettää päivässä. Jätä tyhjäksi, jos et halua rajoitusta.","OK":"OK","One or more updates are available":"Yksi tai useampi päivitys on saatavilla","Opened alarms":"Avatut hälytykset","Options":"Vaihtoehdot","Parameters updated":"Parametrit päivitetty","Password":"Salasana","Password copied to clipboard":"Salasana kopioitu leikepöydälle","Password updated":"Salasana päivitetty","Passwords mismatch":"Salasanat eivät täsmää","Pending":"Odottaa","Period":"Jakso","Phone number":"Puhelinnumero","Pin code":"Pin-koodi","Please fill-in your primary email address":"Täytä ensisijainen sähköpostiosoitteesi","Problem":"Ongelma","Proceed":"Jatka","Profile":"Profiili","Profile updated":"Profiili päivitetty","Provide a CSV file where lines respect one of the following formats:":"Toimita CSV-tiedosto, jonka rivit ovat jossakin seuraavista muodoista:","Queue ID":"Jonon ID","Quota":"Verkkotunnuksen oletuskiintiö","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Tämän postilaatikon kiintiö, joka voidaan ilmaista kilotavuina, megatavuina (oletus) tai gigatavuina. Määritä oma arvo tai käytä toimialueen oletusarvoa. Jätä tyhjäksi, jos haluat määrittää rajoittamattoman arvon (ei sallittu toimialueen ylläpitäjille).","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Postilaatikoiden kesken jaettu kiintiö. Voidaan ilmaista kilotavuina (KB), megatavuina (MB) (oletus) tai gigatavuina (GB). Arvo 0 tarkoittaa, ettei kiintiötä ole.","Random address":"Satunnainen osoite","Random password":"Satunnainen salasana","Raw format. Click to copy":"Raakamuoto. Kopioi napsauttamalla","Recipient(s)":"Vastaanottaja(t)","Recipients":"Vastaanottajat","Register":"Rekisteröidy","Relative time ranges":"Suhteelliset aikavälialueet","Relay":"Välitysrele","Remember me":"Muista minut","Remove this address":"Poista tämä osoite","Remove this administrator":"Poista tämä ylläpitäjä","Reseller":"Jälleenmyyjä","Resources":"Resurssit","Resources usage":"Resurssien käyttö","Role":"Rooli","Save":"Tallenna","Search":"Hae","Secondary email":"Toissijainen sähköpostiosoite","Security":"Turvallisuus","Select an account":"Valitse tili","Select file":"Valitse tiedosto","Sender addresses":"Lähettäjän osoitteet","Sending limit":"Lähetysraja","Separator":"Erotin","Service":"Palvelu","Settings":"Asetukset","Show key":"Näytä avain","Simple user":"Yksinkertainen käyttäjä","Specify an email address":"Määritä sähköpostiosoite","SPF record found":"SPF-tietue löydetty","SPF record not found":"SPF-tietuetta ei löydy","Start typing a name here...":"Aloita nimen kirjoittaminen tästä...","Status":"Tila","Submit":"Lähetä","Summary":"Yhteenveto","Super administrator":"Pääylläpitäjä","Tags":"Tunnisteet","The first element of each line is mandatory and must be equal to one of the previous values.":"Kunkin rivin ensimmäinen elementti on pakollinen, ja sen on oltava yhtä suuri kuin jokin edellisistä arvoista.","This page is still under construction.":"Tämä sivu on vielä rakenteilla.","To":"Vastaanottaja","Transport":"Siirto","Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.":"Kaksivaiheista tunnistusta (2FA) ei ole vielä aktivoitu tilillesi. Tämän ominaisuuden käyttöönotto lisää tilisi turvallisuutta.","Type":"Tyyppi","Unknown":"Tuntematon","unlimited":"rajoittamaton","Update":"Päivitä","Update Password":"Vaihda salasana","Update settings":"Päivitä asetukset","Updated":"Päivitetty","Use domain default value":"Käytä verkkotunnuksen oletusarvoa","Username":"Käyttäjätunnus","Username:":"Käyttäjätunnus:","Valid":"Kelvollinen","Verify code":"Tarkista koodi","Warning":"Varoitus","Week":"Viikko","Welcome to Modoboa":"Tervetuloa Modoboaan","With a mailbox":"Postilaatikolla","With mailbox":"Postilaatikolla","Year":"Vuosi","yes":"kyllä","Yes":"Kyllä","You are about to delete your API access token":"Olet poistamassa API-pääsytunnistetta","You can use a different character as separator.":"Voit käyttää erottimena eri merkkiä.","Your API token has not been generated yet.":"API-pääsytunnistetta ei ole vielä luotu.","Your API token is:":"API-pääsytunnisteesi on:"},"it":{"Account":"Account","Account created":"Account creato","Account updated":"Account aggiornato","Actions":"Azioni","Add":"Aggiungi","Address":"Indirizzo","Administered domains":"Domini amministrati","Administrators":"Amministratori","Alias":"Alias","Aliases":"Alias","API":"API","API access":"Accesso API","Apply":"Applica","Authentication":"Autenticazione","Bind/named format. Click to copy":"Formato bind/named","Change password":"Cambia password","Check this option if passwords contained in your file are not crypted":"Seleziona questa opzione se le password contenute nel file non sono criptate","Close":"Chiudi","Closed":"Chiudi","Confirmation":"Conferma","Continue on error":"Continuare in caso di errore","Create a domain administrator":"Crea un amministratore di dominio","Create a mailbox for the administrator.":"Crea una casella di posta per l'amministratore.","Create aliases":"Crea alias","Creation date":"Data di creazione","Crypt passwords":"Cripta le password","Day":"Giorno","Default mailbox quota":"Dimensione massima predefinita per le mailbox","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Valore predefinito per lo spazio massimo confiviso tra le mailbox. Può essere espresso in KB, MB (predefinito) o GB. Il valore 0 indica nessun limite.","Description":"Descrizione","Disabled":"Disabilitato","DKIM key":"Chiave DKIM","DNS":"DNS","DNS status":"Stato del DNS","Domain":"Dominio","Domain administrator":"Amministratore di dominio","Domain created":"Dominio creato","Domains":"Domini","Email address":"Indirizzo email","Enable DKIM signing":"Abilita la firma DKIM","Enable DNS checks":"Abilita i controlli DNS","Enabled":"Abilitato","Expire at":"Scade il","Failed":"Fallito","Forward":"Inoltra","Forward messages and store copies into your local mailbox":"Inoltra i messaggi e memorizza le copie nella tua casella di posta locale","Forward updated":"Inoltro aggiornato","Full name":"Nome completo","General":"Generale","Identities":"Identità","Import":"Importa","Import domains":"Importa domini","Import identities":"Identità di importazione","Information":"Informazioni","Installed version":"Versione installata","Keep local copies":"Mantieni copie locali","Last modification date":"Data dell'ultima modifica","Level":"Livello","Logger":"Logger","Logout":"Esci","Mailbox":"Caselle di posta","Mailboxes":"Caselle di posta","Message":"Utilizzo","Modified":"Modificato","Month":"Mese","Name":"Nome","New account":"Nuovo account","New alias":"Nuovo alias","New domain":"Nuovo dominio","Next":"Successivo","Not generated":"Non generata","One or more updates are available":"Sono disponibili nuovi aggiornamenti","Options":"Opzioni","Partially aligned":"Parzialmente allineato","Password":"Password","Passwords mismatch":"Le password non corrispondono","Phone number":"Numero di telefono","Profile":"Profilo","Profile updated":"Profilo aggiornato","Quota":"Dimensione massima","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Dimensione massima per questa mailbox, può essere espressa in KB, MB (predefinito) o GB. Definire un valore personalizzato o utilizzare quello predefinito per il dominio. Lasciare vuoto per specificare un valore non limitato (non permesso per amministratori di dominio).","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Spazio massimo confiviso tra le mailbox. Può essere espresso in KB, MB (predefinito) o GB. Il valore 0 indica nessun limite.","Random address":"Indirizzo casuale","Random password":"Password casuale","Recipient(s)":"Destinatario(i)","Recipients":"Destinatari","Remember me":"Ricordami","Reseller":"Rivenditore","Resources":"Risorse","Resources usage":"Utilizzo risorse","Role":"Ruolo","Save":"Salva","Search":"Ricerca","Secondary email":"Email secondaria","Sender addresses":"Indirizzi mittenti","Separator":"Separatore","Settings":"Impostazioni","Show key":"Visualizza chiave","Simple user":"Utente semplice","Status":"Stato","Submit":"Invia","Summary":"Sommario","Super administrator":"Super amministratore","Tags":"Tag","Total":"Totale","Transport":"Trasporto","Type":"Tipo","Unknown":"Sconosciuto","Unknown sources / Threats":"Fonti sconosciute / Minaccie","unlimited":"senza limiti","Update":"Aggiorna","Updated":"Aggiornato","Use domain default value":"Usa il valore predefinito","Username":"Nome utente","Week":"Settimana","Welcome to Modoboa":"Benvenuti in Modoboa","With a mailbox":"Con una casella di posta","Year":"Anno"},"fr":{"A documentation of the API is available":"Une documentation de l'API est disponible","A new key will be generated soon. Refresh the page in a moment to see it.":"Une nouvelle clé sera générée bientôt. Actualisez dans un moment la page pour la voir.","A user with all privileges, can do anything. By default, such a user does not have a mailbox so he can't access end-user features.":"Un utilisateur ayant tous les privilège, peut tout faire. Par défaut, il n'a pas de boîte mail et ne peut donc pas accéder aux fonctionnalités d'un utilisateur final.","A user with no privileges but with a mailbox. He will be allowed to use all end-user features: webmail, calendar, contacts, filters.":"Un utilisateur sans privilèges mais ayant une boîte mail. Il sera autorisé à utiliser toutes les fonctionnalités de l'utilisateur final : webmail, calendrier, contacts, filtres.","A user with privileges on one or more domain. He will be allowed to administer mailboxes and he can also have a mailbox.":"Un utilisateur avec des privilèges sur un ou plusieurs domaines. Il sera autorisé à administrer les boîtes mail et il peut avoir aussi une boîte aux lettres.","Absolute time range":"Plage de temps absolue","Account":"Compte","Account created":"Compte créé","Account updated":"Compte mis à jour","Actions":"Actions","Add":"Ajouter","Add a new domain alias":"Ajouter un nouvel alias de domaine","Add administrator":"Ajouter un administrateur","Add sender address":"Ajouter l'adresse de l'expéditeur","Address":"Adresse","Address (hostname or IP)":"Adresse (nom d'hôte ou IP)","Administered domains":"Domaines administrés","Administrator added":"L'administrateur a ajouté","Administrator name":"Nom de l'administrateur","Administrator removed":"Administrateur supprimé","Administrators":"Administrateurs","Alarm closed":"Alarme fermée","Alarm deleted":"Alarme supprimée","Alarm re-opened":"Alarme ré-ouverte","Alarms":"Alarmes","Alarms deleted":"Alarmes supprimées","Alias":"Alias","Alias updated":"Alias mis à jour","Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).":"Alias(s) de cette boîte aux lettres. Pour créer un alias fourre-tout, entrer uniquement le nom du domaine (@domain.tld).","Aliases":"Alias","Alignment":"Alignement","API":"API","API access":"Accès API","API token copied to your clipboard":"Jeton API copié dans votre presse-papier","API token created":"Jeton API créé","API token deleted":"Jeton API supprimé","Apply":"Appliquer","Associated domains":"Domaines associés","Audit trail":"Journal des modifications","Authentication":"Authentification","Auto configuration":"Configuration automatique","autoconfig record (Mozilla) not found":"Enregistrement autoconfig (Mozilla) introuvable","autoconfig record (Mozilla): %{ value }":"Enregistrement autoconfig (Mozilla) : %{ value }","autodiscover record (Microsoft) not found":"Enregistrement autodiscover (Microsoft) non trouvé","autodiscover record (Microsoft): %{ value }":"Enregistrement autodiscover (Microsoft): %{ value }","Back":"Retour","Bind/named format. Click to copy":"Format bind/named. Cliquez pour copier","Cancel":"Annuler","Change password":"Modifier le mot de passe","Check connection:":"Vérifier la connexion :","Check out the following list to find related components":"Consulter la liste suivante pour trouver des composants associés","Check this option if passwords contained in your file are not crypted":"Cochez cette option si les mots de passe contenus dans votre fichier ne sont pas chiffrés","Choose a domain":"Choisissez un domaine","Choose a role":"Choisissez un rôle","Close":"Fermer","Close alarm":"Fermer l'alarme","Closed":"Fermé","Confirm and create":"Confirmer et créer","Confirmation":"Confirmation","Congratulations! Two-Factor Authentication is now enabled for your account.":"Félicitations ! l'authentification à double facteur est maintenant activée sur votre compte","Connect":"Connexion","Continue on error":"Continuer en cas d'erreur","Control if this domain will be allowed to send and receive messages":"Contrôler si ce domaine sera autorisé à envoyer et recevoir des messages.","Copy to clipboard":"Copier dans le presse-papiers","Copy token to clipboard":"Copier le jeton dans la presse-papiers","Create a domain administrator":"Créer un administrateur de domaine","Create a mailbox for the administrator.":"Créer une boite aux lettres pour l'administrateur","Create aliases":"Créer des alias","Create standard aliases for the domain.":"Créer des aliases standard pour le domaine","Creation date":"Date de création","Crypt passwords":"Chiffrer les mots de passe","Current password":"Mot de passe actuel","Daily message sending limit":"Limite quotidienne d'envoi de messages","Daily sending limit":"Limite d'envoi quotidienne","Dashboard":"Tableau de bord","Date":"Date","Day":"Jour","Default mailbox quota":"Quota par défaut pour une boîte aux lettres","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Quota par défaut appliqué aux boîtes aux lettres. Peut être exprimé en Ko, Mo (défaut) ou Go. Une valeur à 0 signifie pas de quota.","Delete":"Supprimer","Delete token":"Supprimer le jeton","Description":"Description","Detail":"Détail","Disable 2FA":"Désactiver l'authentification à double facteur","Disabled":"Désactivés","DKIM key":"Clé DKIM","DKIM key length":"Longeur de clé DKIM","DKIM key selector":"Sélecteur de clé DKIM","DKIM keys already exist for this domain. Do you want to overwrite them?":"Des clés DKIM existent déjà pour ce domaine. Voulez-vous les écraser?","DKIM public key for":"Clé publique DKIM pour ","DKIM record found":"Enregistrement DKIM trouvé","DKIM record not found":"Enregistrement DKIM introuvable","DKIM signing":"Signature DKIM","DMARC":"DMARC","DMARC record found":"Enregistrement DMARC trouvé","DMARC record not found":"Enregistrement DMARC introuvable","DMARC support does not seem to be enabled for this domain.":"La support DMARC ne semble pas actif pour ce domaine.","DNS":"DNS","DNS checks":"Vérifications DNS","DNS configuration help":"Aide à la configuration du DNS","DNS status":"Statut DNS","Do not delete account folder":"Ne pas supprimer le dossier du compte","Do not delete domain folder":"Ne pas supprimer le dossier des domaines","Domain":"Domaine","Domain administrator":"Administrateur de domaine","Domain alias created":"Alias de domaine créé","Domain alias deleted":"Alias de domaine supprimé","Domain alias updated":"Alias de domaine mise à jour","Domain created":"Domaine créé","Domain default value":"Valeur du domaine par défaut","Domain deleted":"Supprimer le domaine","Domain name (ex: domain.tld)":"Nom de domaine (ex: domaine.tld)","Domain updated":"Domaine mise à jour","domain's default value":"La valeur par défaut du domaine","Domains":"Domaines","Don't treat duplicated objects as errors":"Ne pas traiter les objets dupliqués comme des erreurs","Edit":"Modifier","Edit account":"Modifier le compte","Edit alias":"Modifier l'alias","Edit domain":"Modifier le domaine","Edit domain alias":"Modifier l'alias de domaine","Edit provider":"Modifier le fournisseur","Email":"E-mail","Email address":"Adresse email","Email providers":"Fournisseurs de messagerie","Empty":"Vide","Enable 2FA":"Activer 2FA","Enable DKIM signing":"Activer la signature DKIM","Enable DNS checks":"Activer les tests DNS","Enabled":"Activé","Enter a simple username or an email address":"Entrer un nom d'utilisateur simple ou une adresse e-mail","Enter an email address":"Entrer une adresse e-mail","Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.":"Entrez le code de l'application à double facteur sur votre téléphone mobile. Si vous avez perdu votre appareil, vous pouvez entrez l'un de vos code de récupération.","Enter the code you've just received by SMS":"Entrez le code que vous venez de recevoir par SMS","Error":"Erreur","Ex: 10MB. Leave empty for no limit":"Ex: 10MB. Laisser vide pour aucune limite","Expire at":"Expire le","Export accounts and aliases to CSV":"Exporter les comptes et les alias au format CSV","Export domains and aliases to CSV":"Exporter les domaines et les alias au format CSV","Failed":"Échoué","First name":"Prénom","Forward":"Transfert","Forward messages and store copies into your local mailbox":"Transférer les messages et stocker des copies dans votre boîte aux lettres locale","Forward updated":"Transfert mise à jour","Forwarded":"Transféré","Forwarders with ARC":"Transporteur avec ARC","From":"De","Full name":"Nom complet","Fullname/recipient":"Nom complet / destinataire","Fully aligned":"Entièrement aligné","General":"Général","General information":"Information générale","General settings":"Paramètres généraux ","Generate":"Générer","Generate a new DKIM key":"Générer une nouvelle clé DKIM","help":"aide","Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.":"Voici un exemplaire de configuration DNS (format bind). Remplacer les valeurs entre [ ] par les valeurs appropriées.","Identification":"Identification","Identities":"Identités","If you close this form now, your modifications won't be saved. Do you confirm?":"Si vous fermez ce formulaire maintenant, vos modifications ne seront pas sauvegardées. Confirmez-vous ?","If you configured it recently, please wait for the first report to be received and processed.":"Si vous l'avez récemment configuré, veuillez attendre que le premier rapport soit reçu et traité. ","IMAP Migration":"Migration IMAP","IMAP Port":"Port IMAP","Import":"Importer","Import accounts and aliases from CSV file":"Importation de comptes et alias à partir d'un fichier CSV","Import domains":"Importer des domaines","Import domains and aliases from CSV file":"Importation de domaines et alias à partir d'un fichier CSV","Import identities":"Importer des identités","Indicate one or more recipients separated by a comma (,)":"Indiquer un ou plusieurs destinataires séparés par une virgule (,) ","Information":"Information","Installed components":"Composants installés","Installed version":"Version installée","Invalid password":"Mot de passe incorrect","Invalid reset token.":"Jeton de réinitialisation incorrect.","Invalid username and/or password":"Nom d'utilisateur et/ou mot de passe incorrect","Is the IMAP connection secured using SSL/TLS or StartTLS":"La connexion IMAP est-elle sécurisée via l'utilisation de SSL/TLS ou StartTLS","Keep local copies":"Conserver des copies locales","Language":"Langage","Last login date":"Date de dernière connexion","Last modification date":"Date de dernière modification","Last name":"Nom de famille","Latest version":"Dernière version","Leave empty for no limit":"Laisser vide pour aucune limite","Level":"Niveau","Limitations":"Limites","Local domain (optional)":"Domaine local (optionnel)","Logger":"Logger","Logout":"Déconnexion","Mailbox":"Boîte aux lettres","Mailboxes":"Boîtes aux lettres","Message":"Message","Message history":"Historique des messages","Message sending limit":"Limite d'envoi des messages","messages":"messages","Messages":"Messages","Migration deleted":"Migration supprimée","Migrations":"Migrations","Modified":"Modifié","Modify":"Modifier","Month":"Mois","MX records":"Enregistrements MX","Name":"Nom","Name of the administrator":"Nom de l'administrateur","Name of the domain to migrate":"Nom du domaine à migrer","Never logged-in":"Jamais connecté","New":"Nouvelle","New account":"Nouveau compte","New alias":"Nouvel alias","New domain":"Nouveau domaine","New provider":"Nouveau fournisseur","New recovery codes":"Nouveaux codes de récupération","Next":"Suivant","no":"non","No":"Non","No associated domains":"Aucun domaine associé","No sender address defined for this account":"Aucune adresse d'expéditeur définie pour ce compte","No sending limit":"Pas de limite d'envoi","Not generated":"Non générée","Number of associated domains:":"Nombre de domaines associés :","Number of messages this domain can send per day. Leave empty for no limit.":"Nombre de messages que ce domaine peut envoyer par jour. Laisser vide pour aucune limite.","Number of messages this mailbox can send per day. Leave empty for no limit.":"Nombre de messages que cette boîte aux lettres peut envoyer par jour. Laisser vide pour aucune limite.","Ok":"Ok","OK":"OK","Old account":"Ancien compte","One or more updates are available":"Une ou plusieurs mise à jour sont disponibles","Opened":"Ouvert","Opened alarms":"Alarmes ouvertes","Options":"Options","Parameters updated":"Paramètres mis à jour","Partially aligned":"Partiellement aligné","Partially trusted sources / Forwarders":"Sources partiellement fiables / Transitaires","Password":"Mot de passe","Password copied to clipboard":"Mot de passe copié dans la presse-papier","Password recovery":"Récupération de mot de passe","Password updated":"Mot de passe mis à jour","Passwords mismatch":"Les mots de passe diffèrent","Pending":"En attente","Period":"Période","Phone number":"Numéro de téléphone","Pin code":"Code Pin","Please fill-in your primary email address":"Veillez renseigner votre adresse e-mail principale","Port":"Port","Problem":"Problème","Proceed":"Procéder","Profile":"Profil","Profile updated":"Profil mis à jour","Provide a CSV file where lines respect one of the following formats:":"Fournir un fichier CSV dont les lignes respectent l'un des formats suivants:","Provider":"Fournisseur","Provider created":"Fournisseur créé","Provider deleted":"Fournisseur supprimé","Provider name":"Nom du fournisseur","Provider updated":"Fournisseur mis à jour","Providers":"Fournisseurs","Queue ID":"ID de file","Quota":"Quota","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Quota pour cette boite. Peut être exprimé en Ko, Mo (défaut) ou Go. Définir une valeur spécifique ou utiliser la valeur par défaut du domaine. Laisser vide pour définir une valeur illimitée (interdit pour les admins. de domaine).","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Quota partagé entre les boîtes aux lettres. Peut être exprimé en Ko, Mo (défaut) ou Go. Une valeur à 0 signifie pas de quota.","Random address":"Adresse aléatoire","Random password":"Mot de passe aléatoire","Raw format. Click to copy":"Format brut. Cliquer pour copier","Recipient(s)":"Destinataire(s)","Recipients":"Destinataires","Register":"Enregistrer","Relative time ranges":"Intervalles des temps relatifs","Relay":"Relais","Reload":"Recharger","Remember me":"Se souvenir de moi","Remove this address":"Supprimer cette adresse","Remove this administrator":"Supprimer cet administrateur","Reopen alarm":"Ré-ouvrir l'alarme","Reseller":"Revendeur","Resend SMS.":"Renvoyer le SMS.","Reset recovery codes":"Rénitialiser les codes de récupération","Resources":"Ressources","Resources usage":"Utilisation des ressources","Retry reset":"Réessayer la rénitialisation","Return to login":"Retour à la connexion","Role":"Rôle","Save":"Enregistrer","Search":"Chercher","Secondary email":"E-mail secondaire","Secured":"Sécurisé","Security":"Sécurité","Select an account":"Sélectionner un compte","Select file":"Sélectionner un fichier","Sender addresses":"Adresses d'expédition","Sending limit":"Limite d'envoi","Separator":"Séparateur","Service":"Service","Settings":"Paramètres","Show key":"Afficher la clé","Simple user":"Utilisateur simple","Specify an email address":"Spécifier une adresse e-mail","SPF record found":"Enregistrement SPF trouvé","SPF record not found":"Enregistrement SPF introuvable","Start typing a name here...":"Commencer à saisir un nom ici...","Statistics":"Statistiques","Status":"Statut","Submit":"Soumettre","Summary":"Résumé","Super administrator":"Super administrateur","Tags":"Tags","The first element of each line is mandatory and must be equal to one of the previous values.":"Le premier élément de chaque ligne est obligatoire et doit être égal à l'une des valeurs précédentes.","This page is still under construction.":"Cette page est en cours de construction.","To":"A","Too many unsuccessful attempts, please try later.":"Trop de tentatives sans succès, veuillez réessayer plus tard","Total":"Total","TOTP resent.":"TOTP envoyé.","Transport":"Transport","Triggered":"Déclenché","Trusted sources":"Sources de confiance","Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.":"L'authentification à double facteur (2FA) n'est pas encore activée pour votre compte. L'activation de cette fonctionnalité augmentera la sécurité de votre compte.","Type":"Type","Unknown":"Inconnu","Unknown sources / Threats":"Sources inconnues / Menaces","unlimited":"illimité","Update":"Mettre à jour","Update Password":"Mise à jour du mot de passe","Update settings":"Mise à jour des paramètres","Updated":"Mis à jour","Use domain default value":"Utiliser la valeur par défaut du domaine","User seems wrong, return to login or restart reset the process?":"L'utilisateur semble erroné, revenez à la connexion ou redémarrer réinitialisez le processus ","User unknown.":"Utilisateur inconnu.","Username":"Nom d'utilisateur","Username:":"Nom d'utilisateur :","Valid":"Valide","Verify code":"Vérifier le code","Warning":"Avertissement","Week":"Semaine","Welcome to Modoboa":"Bienvenue dans Modoboa","With a mailbox":"Avec une boite aux lettres","With mailbox":"Avec boîte aux lettres","Year":"Année","yes":"oui","Yes":"Oui","You are about to delete your API access token":"Vous êtes sur le point de supprimer votre jeton d'accès à l'API","You can use a different character as separator.":"Vous pouvez utiliser autre caractère comme séparateur","Your API token has not been generated yet.":"Votre jeton API n'a pas encore été généré.","Your API token is:":"Votre jeton API est :"},"nl":{},"ja":{},"pl":{},"pt":{},"ru":{"Account":"Добавить аккаунт","Account created":"Аккаунт создан","Account updated":"аккаунт изменен","Actions":"Действие","Add":"Адрес","Address":"Адрес","Administered domains":"Список квот","Administrators":"Администраторы","Alias":"Синоним","Aliases":"Синоним(ы)","API":"API","Apply":"Применить","Authentication":"Аутентификация","Bind/named format. Click to copy":"Неверный формат","Change password":"Изменить пароль","Check this option if passwords contained in your file are not crypted":"Выберите эту опцию если пароль в вашем файле не зашифрован ","Confirmation":"Подтверждение","Continue on error":"Продолжать при ошибке","Create a domain administrator":"Создание администратора домена","Create a mailbox for the administrator.":"Создание администратора домена","Create aliases":"Создание синонимов","Creation date":"Дата создания","Crypt passwords":"Шифровать пароль","Dashboard":"Приборная панель","Day":"День","Disabled":"Разрешен","DNS status":"Статистика","Domain administrator":"Администратор домена","Domain created":"Домен создан","Domains":"Домены","Email address":"Е-майл адрес","Enabled":"Разрешено","Forward":"Перенаправленые","Forward messages and store copies into your local mailbox":"Перенаправление сообщения, и сохранение копии в вашем локальном почтовом ящике","Forward updated":"Перенаправление обновлено","Full name":"Имя файла","General":"Основные","Identities":"Пользователи","Import":"Импорт","Import domains":"Импорт доменов","Import identities":"Импорт информации о пользователях","Information":"Информация","Installed version":"Установленная версия","Keep local copies":"Сохранить локальную копию","Last modification date":"Дата последней модификации","Level":"Уровень","Logger":"Логгер","Logout":"Завершить сеанс","Mailbox":"Почтовые ящики","Mailboxes":"Почтовые ящики","Message":"использование (%%)","Modified":"Синоним изменен","Month":"Месяц","Name":"Логин","New account":"Новый аккаунт","New alias":"Новый синоним","New domain":"Новый домен","Next":"Следующая","Not generated":"Получатель не определен","One or more updates are available":"Доступны одно или более обновлений.","Options":"Опции","Password":"Пароль","Passwords mismatch":"Пароли не совпадают","Profile updated":"Профиль обновлен","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Квота в мегабайтах для этого почтового ящика. Определите собственное значение или используйте значение по умолчанию для родительского домена. Оставьте пустым для неограниченного значения.  (Не разрешено администраторам домена)","Random address":"Ошибочный запрос","Random password":"Ошибочный запрос","Recipient(s)":"Получатели","Recipients":"Получатели","Remember me":"Запомнить меня","Reseller":"Реселлер","Resources":"Ресурсы","Resources usage":"Использование ресурсов","Role":"Роль","Save":"Сохранить","Search":"Поиск","Sender addresses":"Ошибочный запрос","Separator":"Разделитель","Settings":"Настройки","Simple user":"Обычный пользователь","Status":"Статистика","Submit":"Подтвердить","Super administrator":"Супер администратор","Tags":"Теги","Unknown":"Неизвестное","unlimited":"Не лимитировано","Update":"Обновление","Updated":"Обновление","Use domain default value":"Используются значения домена по умолчанию ","Username":"Логин пользователя","Week":"Неделя","Welcome to Modoboa":"Добро пожаловать в Modoboa!","Year":"Год"},"sv":{"A documentation of the API is available":"Dokumentation av API är tillgänglig","A new key will be generated soon. Refresh the page in a moment to see it.":"En ny nyckel kommer snart att skapas. Ladda om sidan om en stund för att se den.","A user with all privileges, can do anything. By default, such a user does not have a mailbox so he can't access end-user features.":"Användare med alla rättigheter som kan göra allt. Som standard har en sån här användare ingen brevlåda så den kan inte komma åt slutanvändarfunktioner.","A user with no privileges but with a mailbox. He will be allowed to use all end-user features: webmail, calendar, contacts, filters.":"Användare utan privilegier men som har en en brevlåda. Den kommer att kunna använda alla slutanvändarfunktioner: webbmail, kalender, kontakter, filter.","A user with privileges on one or more domain. He will be allowed to administer mailboxes and he can also have a mailbox.":"Användare med rättigheter på en eller flera domäner. Den kan administrera brevlådor och han kan även ha en brevlåda.","Absolute time range":"Absolut tidsintervall","Account":"Konto","Account created":"Konto skapat","Account updated":"Konto uppdaterat","Actions":"Åtgärder","Add":"Lägg till","Add a new domain alias":"Lägg till nytt domän alias","Add administrator":"Lägg till administratör","Add sender address":"Lägg till avsändaradress","Address":"Adress","Address (hostname or IP)":"Adress (värdnamn eller IP)","Administered domains":"Administrerade domäner","Administrator added":"Administratör tillagd","Administrator name":"Administratörs namn","Administrator removed":"Administratör raderad","Administrators":"Administratörer","Alarm closed":"Larm stängt","Alarm deleted":"Larm raderat","Alarm re-opened":"Larm öppnat på nytt","Alarms":"Larm","Alarms deleted":"Larm raderade","Alias":"Alias","Alias updated":"Alias uppdaterat","Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).":"Alias för denna brevlåda. För att skapa ett catchall-alias anger du bara domännamnet (@domain.tld).","Aliases":"Alias","Alignment":"Placering","API":"API","API access":"API åtkomst","API token copied to your clipboard":"API token kopierat till urklipp","API token created":"API token skapat","API token deleted":"API token raderat","Apply":"Tillämpa","Associated domains":"Associerade domäner","Audit trail":"Verifieringskedja","Authentication":"Autentisering","Auto configuration":"Automatisk konfiguration","autoconfig record (Mozilla) not found":"autoconfig-posten (Mozilla) hittades inte","autoconfig record (Mozilla): %{ value }":"\"autoconfig-post (Mozilla): %{ value }\"","autodiscover record (Microsoft) not found":"autodiscover-post (Microsoft) hittades inte","autodiscover record (Microsoft): %{ value }":"autodiscover-post (Microsoft): %{ value }","Back":"Tillbaka","Bind/named format. Click to copy":"Bind/named formatterat. Klicka för att kopiera","Cancel":"Avbryt","Change password":"Ändra lösenord","Check connection:":"Kontrollera anslutning:","Check out the following list to find related components":"Kolla in följande lista för att hitta relaterade komponenter","Check this option if passwords contained in your file are not crypted":"Markera det här alternativet om lösenorden i din fil inte är krypterade","Choose a domain":"Välj en domän","Choose a role":"Välj en roll","Close":"Stäng","Close alarm":"Stäng alarm","Closed":"Stängd","Confirm and create":"Bekräfta och skapa","Confirmation":"Bekräftelse","Congratulations! Two-Factor Authentication is now enabled for your account.":"Grattis! Tvåfaktorsautentisering är nu aktiverad för ditt konto.","Connect":"Anslut","Continue on error":"Fortsätt vid fel","Control if this domain will be allowed to send and receive messages":"Kontrollera om den här domänen ska tillåtas skicka och ta emot meddelanden","Copy to clipboard":"Kopiera till urklipp","Copy token to clipboard":"Kopiera token till urklipp","Could not save parameters":"Kunde inte spara parametrar","Create a domain administrator":"Skapa en domänadministratör","Create a mailbox for the administrator.":"Skapa en brevlåda för administratören.","Create aliases":"Skapa alias","Create standard aliases for the domain.":"Skapa standardalias för domänen.","Creation date":"Datum skapad","Crypt passwords":"Kryptera lösenord","Current password":"Nuvarande lösenord","Daily message sending limit":"Daglig sändningsgräns för meddelanden","Daily sending limit":"Daglig sändningsgräns","Dashboard":"Instrumentbräda","Date":"Datum","Day":"Dag","Default mailbox quota":"Standard brevlådekvota","Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Standardkvot tillämpas på postlådor. Kan uttryckas i KB, MB (standard) eller GB. Ett värde på 0 betyder ingen kvot.","Delete":"Radera","Delete token":"Radera token","Description":"Beskrivning","Detail":"Detalj","Disable 2FA":"Inaktivear 2FA","Disabled":"Inaktiverad","DKIM key":"DKIM nyckel","DKIM key length":"DKIM nyckellängd","DKIM key selector":"DKIM nyckel väljare","DKIM keys already exist for this domain. Do you want to overwrite them?":"DKIM-nycklar finns redan för den här domänen. Vill du skriva över dem?","DKIM public key for":"DKIM publik nyckel för","DKIM record found":"DKIM-post hittades","DKIM record not found":"DKIM-posten hittades inte","DKIM signing":"DKIM signering","DMARC":"DMARC","DMARC record found":"DMARC post hittad","DMARC record not found":"DMARC post ej hittad","DMARC support does not seem to be enabled for this domain.":"DMARC-stöd verkar inte vara aktiverat för den här domänen.","DNS":"DNS","DNS checks":"DNS kontroller","DNS configuration help":"DNS konfigurering hjälp","DNS status":"DNS status","Do not delete account folder":"Ta inte bort kontomappen","Do not delete domain folder":"Ta inte bort domänmappen","Domain":"Domän","Domain administrator":"Domänadministratör","Domain alias created":"Domän alias skapat","Domain alias deleted":"Domänalias raderat","Domain alias updated":"Domänalias uppdaterat","Domain created":"Domän skapad","Domain default value":"Domän standardvärde","Domain deleted":"Domän raderad","Domain name (ex: domain.tld)":"Domännamn (ex: domain.tld)","Domain updated":"Domän uppdaterad","domain's default value":"domänens standardvärde","Domains":"Domäner","Don't treat duplicated objects as errors":"Behandla inte duplicerade objekt som fel","Edit":"Redigera","Edit account":"Redigera konto","Edit alias":"Redigera alias","Edit domain":"Redigera domän","Edit domain alias":"Redigera domänalias","Edit provider":"Redigera leverantör","Email":"E-post","Email address":"E-postadress","Email providers":"E-postleverantörer","Empty":"Tom","Enable 2FA":"Aktivera 2FA","Enable DKIM signing":"Aktivera DKIM signering","Enable DNS checks":"Aktivera DNS kontroller","Enabled":"Aktiverad","Enter a simple username or an email address":"Ange ett enkelt användarnamn eller en e-postadress","Enter an email address":"Ange en e-postadress","Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.":"Ange koden från tvåfaktorsappen på din mobila enhet. Om du har tappat bort din enhet kan du ange en av dina återställningskoder.","Enter the code you've just received by SMS":"Ange koden du precis har fått via SMS","Error":"Fel","Ex: 10MB. Leave empty for no limit":"Ex: 10MB. Lämna tomt för ingen gräns","Expire at":"Utgår kl","Export accounts and aliases to CSV":"Exportera konton och alias till CSV","Export domains and aliases to CSV":"Exportera domäner och alias till CSV","Failed":"Misslyckades","First name":"Förnamn","Forward":"Vidarebefordra","Forward messages and store copies into your local mailbox":"Vidarebefordra meddelanden och lagra kopior i din lokala brevlåda","Forward updated":"Vidarebefordring uppdaterad","Forwarded":"Vidarebefordrad","Forwarders with ARC":"Vidarebefordrare med ARC","From":"Från","Full name":"Komplett namn","Fullname/recipient":"Komplett namn/mottagare","Fully aligned":"Helt inriktad","General":"Allmän","General information":"Allmänn information","General settings":"Allmänna inställningar","Generate":"Generera","Generate a new DKIM key":"Generera en ny DKIM nyckel","help":"hjälp","Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.":"Här är ett exempel på DNS-konfiguration (bind-format). Ersätt värdena mellan [ ] med de lämpliga värdena.","Identification":"Identifikation","Identities":"Identiteter","If you close this form now, your modifications won't be saved. Do you confirm?":"Om du stänger formuläret nu kommer dina ändringar inte att sparas. Bekräftar du?","If you configured it recently, please wait for the first report to be received and processed.":"Om du konfigurerade det nyligen, vänta tills den första rapporten tas emot och behandlas.","IMAP Migration":"IMAP migrering","IMAP Port":"IMAP port","Import":"Importera","Import accounts and aliases from CSV file":"Importera konton och alias från CSV-fil","Import domains":"Importera domäner","Import domains and aliases from CSV file":"Importera domäner och alias från CSV-fil","Import identities":"Importera identiteter","Indicate one or more recipients separated by a comma (,)":"Ange en eller flera mottagare separerade med kommatecken (,)","Information":"Information","Installed components":"Installerade komponenter","Installed version":"Installerad version","Invalid password":"Ogiltigt lösenord","Invalid reset token.":"Ogiltigt återställningstoken.","Invalid username and/or password":"Ogiltigt användarnamn och/eller lösenord","Is the IMAP connection secured using SSL/TLS or StartTLS":"Är IMAP-anslutningen säker med SSL/TLS eller StartTLS","Keep local copies":"Behåll lokala kopior","Language":"Språk","Last login date":"Senaste inloggning","Last modification date":"Senaste ändrad datum","Last name":"Efternamn","Latest version":"Senaste version","Leave empty for no limit":"Lämna tomt för ingen gräns","Level":"Nivå","Limitations":"Gränser","Local domain (optional)":"Lokal domän (valfritt)§","Logger":"Logger","Logout":"Logga ut","Mailbox":"Brevlåda","Mailboxes":"Brevlådor","MB":"MB","Message":"Meddelande","Message history":"Meddelande historik","Message sending limit":"Begränsning för meddelandesändning","messages":"meddelanden","Messages":"Meddelanden","Migration deleted":"Migrering raderad","Migrations":"Migreringar","Modified":"Ändrad","Modify":"Ändra","Month":"Månad","MX records":"MX poster","Name":"Namn","Name of the administrator":"Namn på administratören","Name of the domain to migrate":"Namn på domänen att migrera","Never logged-in":"Aldrig inloggad","New":"Ny","New account":"Nytt konto","New alias":"Nytt alias","New domain":"Ny domän","New provider":"Ny leverantör","New recovery codes":"Nya återställningskoder","Next":"Nästa","no":"nej","No":"Nej","No associated domains":"Inga associerade domäner","No sender address defined for this account":"Inge avsändaradress agedd för detta konto","No sending limit":"Ingen sändningsbegränsning","Not generated":"Ej genererad","Number of associated domains:":"Antal associerade domäner:","Number of messages this domain can send per day. Leave empty for no limit.":"Antal meddelanden som denna domän kan skicka per dag. Lämna tomt för ingen begränsning.","Number of messages this mailbox can send per day. Leave empty for no limit.":"Antal meddelanden som denna brevlåda kan skicka per dag. Lämna tomt för ingen begränsning.","Ok":"Ok","OK":"OK","Old account":"Gammalt konto","One or more updates are available":"En eller flera uppdateringar tillgängliga","Opened":"Öppnad","Opened alarms":"Öppnade alarm","Options":"Alternativ","Parameters updated":"Parametrar uppdaterade","Partially aligned":"Delvis justerad","Partially trusted sources / Forwarders":"Delvis pålitliga källor / speditörer","Password":"Lösenord","Password copied to clipboard":"Lösenord kopierat till urklipp","Password recovery":"Lösenordsåterställning","Password updated":"Lösenord uppdaterat","Passwords mismatch":"Lösenord matchar ej","Pending":"Väntande","Period":"Period","Phone number":"Telefonnummer","Pin code":"Pinkod","Please fill-in your primary email address":"Var vänlig fyll i din primära e-postadress","Port":"Port","Problem":"Problem","Proceed":"Fortsätt","Profile":"Profil","Profile updated":"Profil uppdaterad","Provide a CSV file where lines respect one of the following formats:":"Ange en CSV-fil där raderna respekterar ett av följande format:","Provider":"Leverantör","Provider created":"Leverantör skapad","Provider deleted":"Leverantör raderad","Provider name":"Leverantörsnamn","Provider updated":"Leverantör uppdaterad","Providers":"Leverantörer","Queue ID":"Kö ID","Quota":"Kvota","Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).":"Kvot för denna brevlåda, kan anges i KB, MB (standard) eller GB. Ange ett anpassat värde eller använd domänens standardvärde. Lämna tomt för att ange ett obegränsat värde (inte tillåtet för domänadministratörer).","Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.":"Kvot delad mellan brevlådor. Kan anges i KB, MB (standard) eller GB. Ett värde av 0 innebär ingen kvot.","Random address":"Slumpmässig adress","Random password":"Slumpmässigt lösenord","Raw format. Click to copy":"Råformat. Klicka för att kopiera","Recipient(s)":"Mottagare","Recipients":"Mottagare","Register":"Register","Relative time ranges":"Relativa tidsintervall","Relay":"Relä","Reload":"Ladda om","Remember me":"Kom ihåg mig","Remove this address":"Radera denna adress","Remove this administrator":"Radera denna administratör","Reopen alarm":"Återöppna larmet","Reseller":"Återförsäljare","Resend SMS.":"Skicka SMS på nytt.","Reset recovery codes":"Återställ återställningskoder","Resources":"Resurser","Resources usage":"Resursanvändning","Retry reset":"Försök återställning igen","Return to login":"Återgå till inloggning","Role":"Roll","Save":"Spara","Search":"Sök","Secondary email":"Sekundär e-post","Secured":"Säkrad","Security":"Säkerhet","Select an account":"Välj ett konto","Select file":"Välj fil","Sender addresses":"Avsändaradresser","Sending limit":"Sändningsgräns","Separator":"Avgränsare","Service":"Tjänst","Settings":"Inställningar","Show key":"Visa nyckel","Simple user":"Enkel användare","Specify an email address":"Ange en e-postadress","SPF record found":"SPF post hittad","SPF record not found":"SPF post saknas","Start typing a name here...":"Börja skriva ett namn här...","Statistics":"Statistik","Status":"Status","Submit":"Skicka","Summary":"Sammanfattning","Super administrator":"Superadministratör","Tags":"Taggar","The first element of each line is mandatory and must be equal to one of the previous values.":"Det första elementet i varje rad är obligatoriskt och måste vara lika med ett av de tidigare värdena.","This page is still under construction.":"Denna sida är fortfarande under konstruktion.","To":"Till","Too many unsuccessful attempts, please try later.":"För många misslyckade försök, försök igen senare.","Total":"Totalt","TOTP resent.":"TOTP skickat igen.","Transport":"Transport","Triggered":"Triggad","Trusted sources":"Pålitliga källor","Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.":"Tvåfaktorsautentisering (2FA) är ännu inte aktiverad för ditt konto. Om du aktiverar den här funktionen ökar ditt kontos säkerhet.","Type":"Typ","Unknown":"Okänd","Unknown sources / Threats":"Okända källor / hot","unlimited":"obegränsat","Update":"Uppdatera","Update Password":"Uppdatera lösenord","Update settings":"Uppdatera inställningar","Updated":"Uppdaterad","Use domain default value":"Använd domänens standardvärde","User seems wrong, return to login or restart reset the process?":"Användare verkar felaktig, återgå till inloggning eller börja om återsällningsprocessen?","User unknown.":"Okänd användare.","Username":"Användarnamn","Username:":"Användarnamn:","Valid":"Giltig","Verify code":"Verifikationskod","Warning":"Varning","Week":"Vecka","Welcome to Modoboa":"Välkommen till Modoboa","With a mailbox":"Med en brevlåda","With mailbox":"Med brevlåda","Year":"År","yes":"ja","Yes":"Ja","You are about to delete your API access token":"Du håller på att radera din API-åtkomsttoken","You can use a different character as separator.":"Du kan använda ett annat tecken som avgränsare.","Your API token has not been generated yet.":"Ditt API token har ännu ej genererats.","Your API token is:":"Ditt API token är:"},"tr":{"API":"API","API access":"API erişimi","Authentication":"Kimlik Doğrulama","Change password":"Parolayı değiştirin","Close":"Kapat","Confirmation":"Onayla","Congratulations! Two-Factor Authentication is now enabled for your account.":"Tebrikler! Artık hesabınız için İki Faktörlü Kimlik Doğrulama etkinleştirildi.","Dashboard":"Gösterge Paneli","Date":"Tarih","Description":"Tanım","Disable 2FA":"2FA'yı devre dışı bırak","Domain administrator":"Alan adı Yöneticisi","Enable 2FA":"2FA'yı etkinleştir","Enter the code you've just received by SMS":"Az önce SMS ile aldığınız kodu giriniz","From":"Kimden","General":"Genel","Information":"Bilgi","Installed version":"Kurulu sürüm","Level":"Seviye","Logger":"Kayıtçı","Logout":"Çıkış Yapın","Message":"İleti","Name":"İsim","New recovery codes":"Yeni kurtarma kodları","Next":"Sonraki","No":"Hayır","One or more updates are available":"Bir veya daha fazla güncelleme mevcut","Password":"Parola","Passwords mismatch":"Parolalar uyuşmuyor","Phone number":"Telefon numarası","Pin code":"Pin kodu","Please fill-in your primary email address":"Lütfen birincil e-posta adresinizi girin","Profile":"Profil","Profile updated":"Profil güncellendi","Register":"Kayıt ol","Remember me":"Beni hatırla","Reseller":"Bayii","Reset recovery codes":"Kurtarma kodlarını sıfırla","Role":"Rol","Save":"Kaydet","Secondary email":"İkincil e-posta","Security":"Güvenlik","Settings":"Ayarlar","Simple user":"Basit kullanıcı","Submit":"Gönder","To":"Kime","Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.":"Hesabınız için İki Faktörlü Kimlik Doğrulama (2FA) henüz etkinleştirilmedi. Bu özelliği etkinleştirmek hesabınızın güvenliğini artıracaktır.","Unknown":"Bilinmeyen","Update":"Güncelle","Username":"Kullanıcı adı","Welcome to Modoboa":"Modoboa'ya hoş geldiniz","Yes":"Evet"},"zh":{}}
\ No newline at end of file
+{
+  "en": {
+    "A new key will be generated soon. Refresh the page in a moment to see it.": "A new key will be generated soon. Refresh the page in a moment to see it.",
+    "Absolute time range": "Absolute time range",
+    "Account": "Account",
+    "Actions": "Actions",
+    "Add": "Add",
+    "Add a new domain alias": "Add a new domain alias",
+    "Add administrator": "Add administrator",
+    "Add sender address": "Add sender address",
+    "Address": "Address",
+    "Administered domains": "Administered domains",
+    "Administrator added": "Administrator added",
+    "Administrator name": "Administrator name",
+    "Administrator removed": "Administrator removed",
+    "Administrators": "Administrators",
+    "Administrators of": "Administrators of",
+    "Alarms": "Alarms",
+    "Alias": "Alias",
+    "Aliases": "Aliases",
+    "Alignment": "Alignment",
+    "API": "API",
+    "Apply": "Apply",
+    "Audit trail": "Audit trail",
+    "Authentication": "Authentication",
+    "Auto configuration": "Auto configuration",
+    "autoconfig record (Mozilla) not found": "autoconfig record (Mozilla) not found",
+    "autoconfig record (Mozilla): %{ value }": "autoconfig record (Mozilla): %{ value }",
+    "autodiscover record (Microsoft) not found": "autodiscover record (Microsoft) not found",
+    "autodiscover record (Microsoft): %{ value }": "autodiscover record (Microsoft): %{ value }",
+    "Back": "Back",
+    "Bind/named format. Click to copy": "Bind/named format. Click to copy",
+    "Cancel": "Cancel",
+    "Choose a domain": "Choose a domain",
+    "Close": "Close",
+    "Confirm and create": "Confirm and create",
+    "Connect": "Connect",
+    "Continue on error": "Continue on error",
+    "Control if this domain will be allowed to send and receive messages": "Control if this domain will be allowed to send and receive messages",
+    "Copy to clipboard": "Copy to clipboard",
+    "Create a domain administrator": "Create a domain administrator",
+    "Create a mailbox for the administrator.": "Create a mailbox for the administrator.",
+    "Create aliases": "Create aliases",
+    "Create standard aliases for the domain.": "Create standard aliases for the domain.",
+    "Creation date": "Creation date",
+    "CSV seems to be badly formatted": "CSV seems to be badly formatted",
+    "Daily sending limit": "Daily sending limit",
+    "Dashboard": "Dashboard",
+    "Day": "Day",
+    "Default mailbox quota": "Default mailbox quota",
+    "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.",
+    "Delete": "Delete",
+    "Detail": "Detail",
+    "Disabled": "Disabled",
+    "DKIM key": "DKIM key",
+    "DKIM key does not seem to be genrated yet or has failed. Do you want to requeue the job?": "DKIM key does not seem to be genrated yet or has failed. Do you want to requeue the job?",
+    "DKIM key length": "DKIM key length",
+    "DKIM key selector": "DKIM key selector",
+    "DKIM keys already exist for this domain. Do you want to overwrite them?": "DKIM keys already exist for this domain. Do you want to overwrite them?",
+    "DKIM public key for": "DKIM public key for",
+    "DKIM record found": "DKIM record found",
+    "DKIM record not found": "DKIM record not found",
+    "DKIM signing": "DKIM signing",
+    "DMARC": "DMARC",
+    "DMARC record found": "DMARC record found",
+    "DMARC record not found": "DMARC record not found",
+    "DMARC support does not seem to be enabled for this domain.": "DMARC support does not seem to be enabled for this domain.",
+    "DNS": "DNS",
+    "DNS checks": "DNS checks",
+    "DNS configuration for ": "DNS configuration for ",
+    "DNS configuration help": "DNS configuration help",
+    "DNS status": "DNS status",
+    "Do not delete domain folder": "Do not delete domain folder",
+    "Do you really want to delete the domain %{ domain }?": "Do you really want to delete the domain %{ domain }?",
+    "Domain": "Domain",
+    "Domain alias created": "Domain alias created",
+    "Domain alias deleted": "Domain alias deleted",
+    "Domain alias updated": "Domain alias updated",
+    "Domain created": "Domain created",
+    "Domain deleted": "Domain deleted",
+    "Domain name (ex: domain.tld)": "Domain name (ex: domain.tld)",
+    "Domain updated": "Domain updated",
+    "Domains": "Domains",
+    "Don't treat duplicated objects as errors": "Don't treat duplicated objects as errors",
+    "Edit": "Edit",
+    "Edit domain": "Edit domain",
+    "Edit domain alias": "Edit domain alias",
+    "Email providers": "Email providers",
+    "Empty": "Empty",
+    "Enable DKIM signing": "Enable DKIM signing",
+    "Enable DNS checks": "Enable DNS checks",
+    "Enabled": "Enabled",
+    "Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.": "Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.",
+    "Export accounts and aliases to CSV": "Export accounts and aliases to CSV",
+    "Export domains and aliases to CSV": "Export domains and aliases to CSV",
+    "Failed": "Failed",
+    "Field is required": "Field is required",
+    "Forgot password": "Forgot password",
+    "Forward": "Forward",
+    "Forwarded": "Forwarded",
+    "Forwarders with ARC": "Forwarders with ARC",
+    "From": "From",
+    "Full name": "Full name",
+    "Fullname/recipient": "Fullname/recipient",
+    "Fully aligned": "Fully aligned",
+    "General": "General",
+    "General information": "General information",
+    "Generate a new DKIM key": "Generate a new DKIM key",
+    "Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.": "Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.",
+    "Identification": "Identification",
+    "Identities": "Identities",
+    "If you close this form now, your modifications won't be saved. Do you confirm?": "If you close this form now, your modifications won't be saved. Do you confirm?",
+    "If you configured it recently, please wait for the first report to be received and processed.": "If you configured it recently, please wait for the first report to be received and processed.",
+    "IMAP Migration": "IMAP Migration",
+    "Import": "Import",
+    "Import accounts and aliases from CSV file": "Import accounts and aliases from CSV file",
+    "Import domains": "Import domains",
+    "Import domains and aliases from CSV file": "Import domains and aliases from CSV file",
+    "Information": "Information",
+    "Last login date": "Last login date",
+    "Last modification date": "Last modification date",
+    "Limitations": "Limitations",
+    "Logout": "Logout",
+    "Mailboxes": "Mailboxes",
+    "MB": "MB",
+    "Message sending limit": "Message sending limit",
+    "messages": "messages",
+    "Messages": "Messages",
+    "Migrations": "Migrations",
+    "Modify": "Modify",
+    "Monitoring": "Monitoring",
+    "Month": "Month",
+    "Must be a numeric value or empty": "Must be a numeric value or empty",
+    "MX records": "MX records",
+    "Name": "Name",
+    "Name of the administrator": "Name of the administrator",
+    "Name: ": "Name: ",
+    "Never logged-in": "Never logged-in",
+    "New": "New",
+    "New domain": "New domain",
+    "Next": "Next",
+    "no": "no",
+    "No": "No",
+    "No data to export": "No data to export",
+    "No sender address defined for this account": "No sender address defined for this account",
+    "No sending limit": "No sending limit",
+    "Not a valid email": "Not a valid email",
+    "Not generated": "Not generated",
+    "Number of messages this domain can send per day. Leave empty for no limit.": "Number of messages this domain can send per day. Leave empty for no limit.",
+    "OK": "OK",
+    "Options": "Options",
+    "Partially aligned": "Partially aligned",
+    "Partially trusted sources / Forwarders": "Partially trusted sources / Forwarders",
+    "Password": "Password",
+    "Password copied to clipboard": "Password copied to clipboard",
+    "Pending": "Pending",
+    "Period": "Period",
+    "Phone number": "Phone number",
+    "Problem": "Problem",
+    "Profile": "Profile",
+    "Provide a CSV file where lines respect one of the following formats:": "Provide a CSV file where lines respect one of the following formats:",
+    "Quota": "Quota",
+    "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.",
+    "Quota: ": "Quota: ",
+    "Random password": "Random password",
+    "Raw format. Click to copy": "Raw format. Click to copy",
+    "Relative time ranges": "Relative time ranges",
+    "Relay": "Relay",
+    "Reload": "Reload",
+    "Remember me": "Remember me",
+    "Remove this address": "Remove this address",
+    "Remove this administrator": "Remove this administrator",
+    "Resources": "Resources",
+    "Resources usage": "Resources usage",
+    "Role": "Role",
+    "Save": "Save",
+    "Secondary email": "Secondary email",
+    "Security": "Security",
+    "Select an account": "Select an account",
+    "Select file": "Select file",
+    "Sender addresses": "Sender addresses",
+    "Sending limit": "Sending limit",
+    "Sending limit: ": "Sending limit: ",
+    "Separator": "Separator",
+    "Service": "Service",
+    "Service: ": "Service: ",
+    "Settings": "Settings",
+    "Show key": "Show key",
+    "Specify an email address": "Specify an email address",
+    "SPF record found": "SPF record found",
+    "SPF record not found": "SPF record not found",
+    "Statistics": "Statistics",
+    "Summary": "Summary",
+    "Tags": "Tags",
+    "The first element of each line is mandatory and must be equal to one of the previous values.": "The first element of each line is mandatory and must be equal to one of the previous values.",
+    "To": "To",
+    "Total": "Total",
+    "Transport": "Transport",
+    "Trusted sources": "Trusted sources",
+    "Two-factor authentication": "Two-factor authentication",
+    "Type": "Type",
+    "Type: ": "Type: ",
+    "Unknown": "Unknown",
+    "Unknown sources / Threats": "Unknown sources / Threats",
+    "Unlimited": "Unlimited",
+    "Update": "Update",
+    "Updated": "Updated",
+    "Username": "Username",
+    "Valid": "Valid",
+    "Verify code": "Verify code",
+    "warning": "warning",
+    "Warning": "Warning",
+    "Week": "Week",
+    "With a mailbox": "With a mailbox",
+    "With mailbox": "With mailbox",
+    "Year": "Year",
+    "yes": "yes",
+    "Yes": "Yes",
+    "You can use a different character as separator.": "You can use a different character as separator."
+  },
+  "de": {
+    "Account": "Konto",
+    "Account created": "Konto erstellt",
+    "Account updated": "Konto aktualisiert",
+    "Actions": "Aktionen",
+    "Add": "Hinzufügen",
+    "Address": "Adresse",
+    "Administered domains": "Administrierte Domains",
+    "Administrators": "Administratoren",
+    "Alias": "Alias",
+    "Aliases": "Aliase",
+    "API": "API",
+    "API access": "API Zugriff",
+    "Apply": "Antworten",
+    "Authentication": "Authentifizierung",
+    "Bind/named format. Click to copy": "Gebundenes Format",
+    "Change password": "Passwort ändern",
+    "Check this option if passwords contained in your file are not crypted": "Auswählen, wenn Kennwörter in Datei nicht verschlüsselt sind",
+    "Close": "Schließen",
+    "Closed": "Schließen",
+    "Confirmation": "Bestätigung",
+    "Congratulations! Two-Factor Authentication is now enabled for your account.": "Glückwunsch! Die Zwei-Faktor-Authentifizierung ist nun für diesen Account aktiviert.",
+    "Continue on error": "Bei Fehler fortfahren",
+    "Create a domain administrator": "Domain-Administrator erstellen",
+    "Create a mailbox for the administrator.": "Erzeuge Postfach für den Administrator.",
+    "Create aliases": "Aliase erstellen",
+    "Creation date": "Erstellungsdatum",
+    "Crypt passwords": "Passwörter verschlüsseln",
+    "Dashboard": "Dashboard",
+    "Date": "Datum",
+    "Day": "Tag",
+    "Default mailbox quota": "Standard Postfach Kontingent",
+    "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Auf Postfächer angewendete Quota. Kann in KB, MB (Voreinstellung) oder GB angegeben werden. 0 eingeben, um keine Quota zu verwenden.",
+    "Description": "Beschreibung",
+    "Disable 2FA": "Deaktiviere 2-Faktor-Authentifizierung",
+    "Disabled": "Deaktiviert",
+    "DKIM key": "DKIM Schlüssel",
+    "DNS": "DNS",
+    "DNS status": "DNS Status",
+    "Domain": "Domain",
+    "Domain administrator": "Domain Administrator",
+    "Domain created": "Domain erstellt.",
+    "Domains": "Domains",
+    "Email address": "E-Mail Adresse",
+    "Enable 2FA": "Aktiviere 2FA",
+    "Enable DKIM signing": "Aktiviere DKIM Signierung",
+    "Enable DNS checks": "Aktiviere DNS Prüfungen",
+    "Enabled": "Aktiviert",
+    "Enter the code you've just received by SMS": "Gib den Code der per SMS zugestellt wurde",
+    "Expire at": "Läuft ab am",
+    "Failed": "Fehlgeschlagen",
+    "Forward": "Weiterleiten",
+    "Forward messages and store copies into your local mailbox": "Nachricht weiterleiten und Kopie in Mailbox ablegen",
+    "Forward updated": "Weiterleitung aktualisiert",
+    "From": "Von",
+    "Full name": "Vollständiger Name",
+    "General": "Allgemein",
+    "Identities": "Identitäten",
+    "Import": "Import",
+    "Import domains": "Domains importieren",
+    "Import identities": "Identitäten importieren",
+    "Information": "Information",
+    "Installed version": "Installierte Version",
+    "Keep local copies": "Lokale Kopien behalten",
+    "Last modification date": "Datum der letzten Änderung",
+    "Level": "Stufe",
+    "Logger": "Logger",
+    "Logout": "Logout",
+    "Mailbox": "Postfächer",
+    "Mailboxes": "Mailboxen",
+    "Message": "Verwendung",
+    "Modified": "Verändert",
+    "Month": "Monat",
+    "Name": "Name",
+    "New account": "Neues Konto",
+    "New alias": "Neuer Alias",
+    "New domain": "Neue Domain",
+    "New recovery codes": "Neue Wiederherstellungscodes",
+    "Next": "Weiter",
+    "Not generated": "Nicht generiert",
+    "One or more updates are available": "Eine oder mehrere Aktualisierungen sind verfügbar",
+    "Options": "Optionen",
+    "Partially aligned": "Teilweise zugeordnet",
+    "Password": "Passwort",
+    "Passwords mismatch": "Passwörter stimmen nicht überein",
+    "Phone number": "Telefonnummer",
+    "Pin code": "Pincode",
+    "Please fill-in your primary email address": "Bitte die Primäre Email-Adresse eingeben",
+    "Profile": "Profil",
+    "Profile updated": "Profil aktualisiert",
+    "Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).": "Quota dieses Postfachs. Kann in KB, MB (Voreinstellung) oder GB angegeben werden. Eigenen Wert eingeben oder Voreinstellung der Domain verwenden lassen. Frei lassen, um Quota auf unlimitiert zu setzen (nur Super-Administratoren).",
+    "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Von Postfächern gemeinsam genutzte Quota/Speicherplatz. Kann in KB, MB (Voreinstellung) oder GB angegeben werden. 0 eingeben, um keine Quota zu verwenden.",
+    "Random address": "Zufällige Adresse",
+    "Random password": "Zufälliges Passwort",
+    "Recipient(s)": "Empfänger",
+    "Recipients": "Empfänger",
+    "Register": "Registrieren",
+    "Remember me": "An mich erinnern",
+    "Reseller": "Reseller",
+    "Reset recovery codes": "Setze Wiederherstellungscodes zurück",
+    "Resources": "Ressourcen",
+    "Resources usage": "Ressourcen-Verbrauch",
+    "Role": "Rolle",
+    "Save": "Speichern",
+    "Search": "Suchen",
+    "Secondary email": "Zweite E-Mail Adresse",
+    "Security": "Sicherheit",
+    "Sender addresses": "Ab­sen­der­ad­res­sen ",
+    "Separator": "Separator",
+    "Settings": "Einstellungen",
+    "Show key": "Zeige Schlüssel",
+    "Simple user": "Normaler Benutzer",
+    "Status": "Status",
+    "Submit": "Abschicken",
+    "Summary": "Zusammenfassung",
+    "Super administrator": "Super-Administrator",
+    "Tags": "Tags",
+    "To": "Bis",
+    "Total": "Total",
+    "Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.": "Zwei-Faktor-Authentifizierung (2FA) ist noch nicht für diesen Account aktiviert.\nAktiviere dieses Feature, um die Account-Sicherheit zu erhöhen.",
+    "Type": "Typ",
+    "Unknown": "Unbekannt",
+    "Unknown sources / Threats": "Unbekannte Quellen / Bedrohungen",
+    "unlimited": "unbegrenzt",
+    "Update": "Aktualisieren",
+    "Updated": "Aktualisieren",
+    "Use domain default value": "Standardwert der Domain verwenden",
+    "Username": "Benutzername",
+    "Week": "Woche",
+    "Welcome to Modoboa": "Willkommen zu Modoboa",
+    "With a mailbox": "Mit einem Postfach",
+    "Year": "Jahr"
+  },
+  "el": {},
+  "br": {
+    "Account": "Kont",
+    "Account created": "Kont krouet",
+    "Account updated": "Kont hizivaet",
+    "Actions": "Oberioù",
+    "Add": "Ouzhpennañ",
+    "Address": "Chomlec'h",
+    "Administered domains": "Domanioù meret",
+    "Administrators": "Merourien",
+    "Alias": "Alias",
+    "Aliases": "Aliasoù",
+    "API": "API",
+    "API access": "API moned",
+    "Authentication": "O vezañ anavezet",
+    "Bind/named format. Click to copy": "Stumm Ereet/anvet",
+    "Change password": "Cheñch ger-tremen",
+    "Check this option if passwords contained in your file are not crypted": "Kochit an dibarzh ma ne vez ket kriptet ar gerioù-tremen endalc'het en ho restr",
+    "Close": "Serriñ",
+    "Closed": "Serriñ",
+    "Confirmation": "Kadarnadur",
+    "Continue on error": "Kenderc'hel war ar fazi",
+    "Create a domain administrator": "Krouit ur merour domani",
+    "Create a mailbox for the administrator.": "Krouiñ ur voest-posteloù evit ar merour.",
+    "Create aliases": "Krouiñ aliasoù",
+    "Creation date": "Deiziad krouidigezh",
+    "Crypt passwords": "Kriptañ ar gerioù-tremen",
+    "Dashboard": "Taolenn-stur",
+    "Default mailbox quota": "Kota boest-posteloù dre-ziouer",
+    "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Kota arloet d'ar boestoù-postel. Gellout a ra bezañ ezpleget e Ko, Mo (diouer) pe Go c'hoazh. Un dalvoudegezh \"0\" a dalvez kota ebet.",
+    "Description": "Deskrivadur",
+    "Disabled": "Lazhet",
+    "DKIM key": "Alc'hwez DKIM",
+    "DNS": "DNS",
+    "DNS status": "Statud DNS",
+    "Domain": "Domani",
+    "Domain administrator": "Merour an domani",
+    "Domain created": "Domani krouet",
+    "Domains": "Domanioù",
+    "Email address": "Chomlec'h postel",
+    "Enable DKIM signing": "Enaouiñ ar sinadur DKIM",
+    "Enable DNS checks": "Enaouiñ ar gwiriañ DNS",
+    "Enabled": "Enaouet",
+    "Expire at": "Diamzeriet da",
+    "Failed": "C'hwitet",
+    "Forward": "Treuzkas",
+    "Forward messages and store copies into your local mailbox": "Treuzkas kemennadennoù ha stokiñ eiladennoù e-barzh ar voest-posteloù lec'hel",
+    "Forward updated": "Treuzkas hizivaet",
+    "Full name": "Anv klok",
+    "General": "Hollek",
+    "Identities": "Identelezhioù",
+    "Import": "Emporzhiañ",
+    "Import domains": "Emporzhiañ domanioù",
+    "Import identities": "Emporzhiañ identelezhioù",
+    "Information": "Titouroù",
+    "Installed version": "Stumm staliet",
+    "Keep local copies": "Mirout eiladennoù lec'hel",
+    "Last modification date": "Deiziad aozañ diwezhañ",
+    "Level": "Live",
+    "Logger": "Enroller",
+    "Logout": "Digevreañ",
+    "Mailbox": "Boest-posteloù",
+    "Mailboxes": "Boest-posteloù",
+    "Message": "Implij",
+    "Modified": "Aozet",
+    "Name": "Anv",
+    "New account": "Kont nevez",
+    "New alias": "Alias nevez",
+    "New domain": "Domani nevez",
+    "Next": "Da-heul",
+    "Not generated": "Neket ganet",
+    "One or more updates are available": "Hegerz ez eus un hizivadenn pe muioc'h",
+    "Options": "Dibarzhioù",
+    "Partially aligned": "Linennet dre an hanter",
+    "Password": "Ger-tremen",
+    "Passwords mismatch": "Disklotadurioù gerioù-tremen",
+    "Phone number": "Niverenn bellgomz",
+    "Profile": "Profil",
+    "Profile updated": "Profil hizivaet",
+    "Quota": "Kota",
+    "Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).": "Kota evit ar voest-posteloù-mañ. Gellout a ra bezañ ezpleget e Ko, Mo (diouer) pe Go c'hoazh. Termeniñ un dalvoudegezh ispisial pe implijit talvoudegezh an domani. Laoskit goullo evit termeniñ un dalvoudegezh divevenn (berzet evit ar verourien zomani).",
+    "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Kota rannet kenetre ar boestoù-postel. Gellout a ra bezañ ezpleget e Ko, Mo (diouer) pe Go c'hoazh. Un dalvoudegezh \"0\" a dalvez kota ebet.",
+    "Random address": "Chomlec'h dre-zegouezh",
+    "Random password": "Ger-tremen dre-zegouezh",
+    "Recipient(s)": "Resever(ien)",
+    "Recipients": "Reseverien",
+    "Remember me": "Derc'hel soñj ac'hanon",
+    "Reseller": "Eilgwerzher",
+    "Resources": "Mammennoù",
+    "Resources usage": "Implij mammennoù",
+    "Role": "Rol",
+    "Save": "Enrollañ",
+    "Search": "Klask",
+    "Secondary email": "Eil chomlec'h postel",
+    "Sender addresses": "Chomlec'hioù ar c'haser",
+    "Separator": "Skejer",
+    "Settings": "Arventennoù",
+    "Show key": "Diskouez an alc'hwez",
+    "Simple user": "Implijer diazez",
+    "Status": "Statud",
+    "Submit": "Kas",
+    "Summary": "Berradenn",
+    "Super administrator": "Dreist-merour",
+    "Tags": "Balizoù",
+    "Total": "Hollad",
+    "Transport": "Treuzdougen",
+    "Type": "Doare",
+    "Unknown": "Dizanv",
+    "Unknown sources / Threats": "Mammennoù dizanv/Gourdrouzioù",
+    "unlimited": "divevennet",
+    "Update": "Hizivaat",
+    "Updated": "Hizivaet",
+    "Use domain default value": "Implijout un dalvoudegezh domani dre-ziouer",
+    "Username": "Anv implier",
+    "Welcome to Modoboa": "Degemer mat e-barzh Modoboa",
+    "With a mailbox": "Gant ur voest-posteloù"
+  },
+  "cs": {},
+  "es": {
+    "Account": "Cuenta",
+    "Account created": "Cuenta creada",
+    "Account updated": "Cuenta actualizada",
+    "Actions": "Acciones",
+    "Add": "Añadir",
+    "Address": "Dirección",
+    "Administered domains": "Dominios administrados",
+    "Administrators": "Administradores",
+    "Alias": "Alias",
+    "Aliases": "Alias",
+    "API": "API",
+    "API access": "Acceso API",
+    "Apply": "Aplicar",
+    "Authentication": "Autenticación",
+    "Bind/named format. Click to copy": "Formato inválido",
+    "Change password": "Cambiar contraseña",
+    "Check this option if passwords contained in your file are not crypted": "Marque esta opción si las contraseñas que contiene su fichero no están cifradas",
+    "Confirmation": "Confirmación",
+    "Continue on error": "Continúe en error.",
+    "Create a domain administrator": "Crear un administrador del dominio",
+    "Create a mailbox for the administrator.": "Crear mailbox para el administrador.",
+    "Create aliases": "Crear alias",
+    "Creation date": "Fecha de creación",
+    "Crypt passwords": "Contraseñas cifradas",
+    "Dashboard": "Panel de Control",
+    "Day": "Día",
+    "Default mailbox quota": "Cuota de mailbox por defecto",
+    "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Cuota de mailbox predeterminda en MB. Un valor de 0 significa ningún limite.",
+    "Description": "Descripción",
+    "Disabled": "Deshabilitado",
+    "DNS status": "Estado de DNS",
+    "Domain": "Dominio",
+    "Domain administrator": "Administrador del dominio",
+    "Domain created": "Dominio creado",
+    "Domains": "Dominios",
+    "Email address": "Dirección de email",
+    "Enable DNS checks": "Activar comprobación de DNS",
+    "Enabled": "Activado",
+    "Expire at": "Caduca en",
+    "Forward": "Siguiente",
+    "Forward messages and store copies into your local mailbox": "Reenvía mensajes y guarda copias en su mailbox local",
+    "Forward updated": "Reenvío actualizado",
+    "Full name": "Nombre completo",
+    "General": "General",
+    "Identities": "Identidades",
+    "Import": "Importar",
+    "Import domains": "Importar dominios",
+    "Import identities": "Importar identidades",
+    "Information": "Información",
+    "Installed version": "Versión instalada",
+    "Keep local copies": "Mantener copias locales",
+    "Last modification date": "Última fecha de modificación",
+    "Level": "Nivel",
+    "Logger": "Logger",
+    "Logout": "Salir",
+    "Mailbox": "Mailboxes",
+    "Mailboxes": "Mailboxes",
+    "Message": "Uso",
+    "Modified": "Modificado",
+    "Month": "Mes",
+    "Name": "Nombre",
+    "New account": "Nueva cuenta",
+    "New alias": "Nuevo alias",
+    "New domain": "Nuevo dominio",
+    "Next": "Siguiente",
+    "Not generated": "Sin definir",
+    "One or more updates are available": "Una o más actualizaciones están disponibles",
+    "Options": "Opciones",
+    "Password": "Contraseña",
+    "Passwords mismatch": "Las contraseñas no coinciden",
+    "Phone number": "Numero de telefono ",
+    "Profile updated": "Perfil actualizado",
+    "Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).": "Cuota en MB para este mailbox. Defina un valor por defecto o use el del dominio por defecto. Déjelo vacío para definir un valor ilimitado (no permitido para los administradores del dominio)",
+    "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Cuota de mailbox predeterminda en MB. Un valor de 0 significa ningún limite.",
+    "Random address": "Dirección aleatoria",
+    "Random password": "Dirección aleatoria",
+    "Recipient(s)": "Destinatario(s)",
+    "Recipients": "Destinatarios",
+    "Remember me": "Recuerdame",
+    "Reseller": "Revendedor",
+    "Resources": "Recursos",
+    "Resources usage": "Uso de recursos",
+    "Role": "Rol",
+    "Save": "Guardar",
+    "Search": "Buscar",
+    "Secondary email": "Email secundario",
+    "Sender addresses": "Direcciónes de remitente",
+    "Separator": "Separador",
+    "Settings": "Configuración",
+    "Simple user": "Usuario normal",
+    "Status": "Estatus",
+    "Submit": "Enviar",
+    "Summary": "Resumen",
+    "Super administrator": "Super administrador",
+    "Tags": "Tags",
+    "Type": "Tipo",
+    "Unknown": "Desconocido",
+    "unlimited": "ilimitado",
+    "Update": "Actualizar",
+    "Updated": "Actualizado",
+    "Use domain default value": "Usar el valor por defecto del dominio",
+    "Username": "Nombre de usuario",
+    "Week": "Semana",
+    "Welcome to Modoboa": "Bienvenido a Modoboa",
+    "With a mailbox": "Con una mailbox",
+    "Year": "Año"
+  },
+  "fi": {
+    "A documentation of the API is available": "API:n dokumentaatio on saatavilla",
+    "A new key will be generated soon. Refresh the page in a moment to see it.": "Uusi avain luodaan pian. Päivitä sivu hetken kuluttua nähdäksesi sen.",
+    "A user with all privileges, can do anything. By default, such a user does not have a mailbox so he can't access end-user features.": "Käyttäjä, jolla on kaikki oikeudet, voi tehdä mitä tahansa. Oletusarvoisesti tällaisella käyttäjällä ei ole postilaatikkoa, joten hän ei voi käyttää loppukäyttäjän ominaisuuksia.",
+    "A user with no privileges but with a mailbox. He will be allowed to use all end-user features: webmail, calendar, contacts, filters.": "Käyttäjä, jolla ei ole oikeuksia mutta jolla on postilaatikko. Hän saa käyttää kaikkia loppukäyttäjän ominaisuuksia: webmail, kalenteri, yhteystiedot, suodattimet.",
+    "A user with privileges on one or more domain. He will be allowed to administer mailboxes and he can also have a mailbox.": "Käyttäjä, jolla on oikeuksia yhdessä tai useammassa verkkotunnuksessa. Hänellä on oikeus hallinnoida postilaatikoita ja hänellä voi myös olla postilaatikko.",
+    "Absolute time range": "Määrämittainen aikaraja",
+    "Account": "Tili",
+    "Account created": "Tili luotu",
+    "Account updated": "Tili päivitetty",
+    "Actions": "Toiminnot",
+    "Add": "Lisää",
+    "Add a new domain alias": "Lisää uusi verkkotunnuksen alias",
+    "Add administrator": "Lisää järjestelmänvalvoja",
+    "Add sender address": "Lisää lähettäjän osoite",
+    "Address": "Osoite",
+    "Administered domains": "Hallinnoidut verkkotunnukset",
+    "Administrator added": "Järjestelmänvalvoja lisäsi",
+    "Administrator name": "Järjestelmänvalvojan nimi",
+    "Administrator removed": "Järjestelmänvalvoja poistettu",
+    "Administrators": "Ylläpitäjät",
+    "Alarms": "Hälytykset",
+    "Alias": "Alias",
+    "Alias updated": "Alias päivitetty",
+    "Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).": "Tämän postilaatikon alias-nimet. Jos haluat luoda catchall-aliaksen, kirjoita vain verkkotunnus (@domain.tld).",
+    "Aliases": "Aliakset",
+    "API": "API",
+    "API access": "API-pääsy",
+    "API token copied to your clipboard": "API-tunniste kopioitu leikepöydälle",
+    "API token created": "API-tunniste luotu",
+    "API token deleted": "API-tunniste poistettu",
+    "Apply": "Käytä",
+    "Audit trail": "Tarkastusketju",
+    "Authentication": "Tunnistautuminen",
+    "Auto configuration": "Automaattinen asetusten määrittäminen",
+    "autoconfig record (Mozilla) not found": "autoconfig-tallennetta (Mozilla) ei löydy",
+    "autoconfig record (Mozilla): %{ value }": "autoconfig-tietue (Mozilla): %{ value }",
+    "autodiscover record (Microsoft) not found": "autodiscover-tietuetta (Microsoft) ei löydy",
+    "autodiscover record (Microsoft): %{ value }": "autodiscover-tietue (Microsoft): %{ value }",
+    "Back": "Takaisin",
+    "Bind/named format. Click to copy": "Bind/nimetty muoto. Kopioi klikkaamalla",
+    "Cancel": "Peruuta",
+    "Check this option if passwords contained in your file are not crypted": "Valitse tämä vaihtoehto, jos tiedostosi sisältämiä salasanoja ei ole salakirjoitettu",
+    "Choose a domain": "Valitse verkkotunnus",
+    "Choose a role": "Valitse käyttäjätyyppisi",
+    "Close": "Sulje",
+    "Confirm and create": "Vahvista ja luo",
+    "Confirmation": "Vahvistus",
+    "Congratulations! Two-Factor Authentication is now enabled for your account.": "Onnittelut! Kaksivaiheinen tunnistus on nyt käytössä tililläsi.",
+    "Connect": "Yhdistä",
+    "Continue on error": "Jatka virheestä",
+    "Control if this domain will be allowed to send and receive messages": "Määritä, saako tämä verkkotunnus lähettää ja vastaanottaa viestejä",
+    "Copy to clipboard": "Kopioi leikepöydälle",
+    "Copy token to clipboard": "Kopioi turvatunnus leikepöydälle",
+    "Create a domain administrator": "Luo verkkotunnuksen ylläpitäjä",
+    "Create a mailbox for the administrator.": "Luo ylläpitäjän postilaatikko.",
+    "Create aliases": "Luo aliaksia",
+    "Create standard aliases for the domain.": "Luo verkkotunnuksen tavanomaiset aliakset.",
+    "Creation date": "Luontipäivä",
+    "Crypt passwords": "Salakirjoita salasanat",
+    "Current password": "Nykyinen salasana",
+    "Daily message sending limit": "Päivittäinen viestien lähetysraja",
+    "Daily sending limit": "Päivittäinen lähetysraja",
+    "Dashboard": "Työpöytä",
+    "Date": "Päivämäärä",
+    "Day": "Päivä",
+    "Default mailbox quota": "Oletuspostilaatikkokiintiö",
+    "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Postilaatikoihin sovellettava oletuskiintiö. Voidaan ilmaista kilotavuina, megatavuina (oletus) tai gigatavuina. Arvo 0 tarkoittaa, ettei kiintiötä ole.",
+    "Delete": "Poista",
+    "Delete token": "Poista avain",
+    "Description": "Kuvaus",
+    "Disable 2FA": "Poista kaksivaiheinen tunnistautuminen (2FA) käytöstä",
+    "Disabled": "Pois käytöstä",
+    "DKIM key": "DKIM-avain",
+    "DKIM key length": "DKIM-avaimen pituus",
+    "DKIM key selector": "DKIM-avaimen valitsin-tietue",
+    "DKIM keys already exist for this domain. Do you want to overwrite them?": "DKIM-avaimet ovat jo olemassa tälle verkkotunnukselle. Haluatko korvata ne?",
+    "DKIM public key for": "DKIM julkinen avain tietueelle",
+    "DKIM record found": "DKIM-tietue löydetty",
+    "DKIM record not found": "DKIM-tietuetta ei löydy",
+    "DKIM signing": "DKIM-allekirjoitus",
+    "DMARC record found": "DMARC-tietue löydetty",
+    "DMARC record not found": "DMARC-tietuetta ei löydy",
+    "DNS": "DNS",
+    "DNS checks": "DNS-tarkistukset",
+    "DNS configuration help": "DNS-määritysapu",
+    "DNS status": "DNS-tila",
+    "Do not delete account folder": "Älä poista tilikansiota",
+    "Do not delete domain folder": "Älä poista verkkotunnuksen kansiota",
+    "Domain": "Verkkotunnus",
+    "Domain administrator": "Luo verkkotunnuksen ylläpitäjä",
+    "Domain alias created": "Verkkotunnuksen alias luotu",
+    "Domain alias deleted": "Verkkotunnuksen alias poistettu",
+    "Domain alias updated": "Verkkotunnuksen alias päivitetty",
+    "Domain created": "Verkkotunnus luotu",
+    "Domain default value": "Verkkotunnuksen oletusarvo",
+    "Domain name (ex: domain.tld)": "Verkkotunnus (esim. domain.tld)",
+    "Domain updated": "Verkkotunnus päivitetty",
+    "domain's default value": "verkkotunnuksen oletusarvo",
+    "Domains": "Sinulla ei ole oikeutta tuoda verkkotunnuksia",
+    "Don't treat duplicated objects as errors": "Älä käsittele päällekkäisiä objekteja virheinä",
+    "Edit": "Muokkaa",
+    "Edit account": "Muokkaa tiliä",
+    "Edit alias": "Muokkaa aliasta",
+    "Edit domain": "Muokkaa verkkotunnusta",
+    "Edit domain alias": "Muokkaa verkkotunnusta",
+    "Email": "Sähköposti",
+    "Email address": "Sähköpostiosoite",
+    "Empty": "Tyhjä",
+    "Enable 2FA": "Ota käyttöön kaksivaiheinen tunnistus (2FA)",
+    "Enable DKIM signing": "Ota DKIM-allekirjoitus käyttöön",
+    "Enable DNS checks": "Ota DNS-tarkistukset käyttöön",
+    "Enabled": "Käytössä",
+    "Enter a simple username or an email address": "Anna yksinkertainen käyttäjätunnus tai sähköpostiosoite",
+    "Enter an email address": "Syötä oikean muotoinen sähköpostiosoite",
+    "Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.": "Syötä koodi mobiililaitteesi kaksivaiheisen tunnistuksen sovelluksesta. Jos olet hukannut laitteesi, voit syöttää yhden palautuskoodeistasi.",
+    "Enter the code you've just received by SMS": "Kirjoita tekstiviestillä saamasi koodi",
+    "Ex: 10MB. Leave empty for no limit": "Esim: 10 MB. Jätä tyhjäksi, jos et halua rajoitusta",
+    "Expire at": "Vanhenee",
+    "Export accounts and aliases to CSV": "Vie tilit ja aliakset CSV-tiedostoon",
+    "Export domains and aliases to CSV": "Vie verkkotunnukset ja aliakset CSV-tiedostoon",
+    "First name": "Etunimi",
+    "Forward": "Välitä",
+    "Forward messages and store copies into your local mailbox": "Välitä viestit ja tallenna kopiot paikalliseen postilaatikkoon",
+    "Forward updated": "Välitystieto päivitetty",
+    "From": "Lähde",
+    "Full name": "Koko nimi",
+    "Fullname/recipient": "Koko nimi/saaja",
+    "General": "Yleiset",
+    "General information": "Yleiset tiedot",
+    "General settings": "Yleiset asetukset",
+    "Generate": "Luo",
+    "Generate a new DKIM key": "Luo uusi DKIM-avain",
+    "help": "ohje",
+    "Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.": "Tässä on esimerkki DNS-määrityksistä (bind-muodossa). Korvaa [ ]:n välissä olevat arvot sopivilla arvoilla.",
+    "Identification": "Tunniste",
+    "Identities": "Identiteetit",
+    "If you close this form now, your modifications won't be saved. Do you confirm?": "Jos suljet tämän lomakkeen nyt, muutokset eivät tallennu. Vahvistatko?",
+    "Import": "Tuonti",
+    "Import accounts and aliases from CSV file": "Tuo tilejä ja aliaksia CSV-tiedostosta",
+    "Import domains": "Tuo verkkotunnuksia",
+    "Import domains and aliases from CSV file": "Tuo verkkotunnukset ja aliakset CSV-tiedostosta",
+    "Import identities": "Tuo identiteetit",
+    "Indicate one or more recipients separated by a comma (,)": "Ilmoita yksi tai useampi vastaanottaja pilkulla (,) erotettuna",
+    "Installed version": "Asennettu versio",
+    "Invalid password": "Virheellinen salasana",
+    "Invalid username and/or password": "Virheellinen käyttäjätunnus ja/tai salasana",
+    "Keep local copies": "Säilytä paikallisia kopioita",
+    "Language": "Kieli",
+    "Last login date": "Viimeisin kirjautumispäivä",
+    "Last modification date": "Viimeisin muutospäivä",
+    "Last name": "Sukunimi",
+    "Leave empty for no limit": "Jätä tyhjäksi, jos rajaa ei ole",
+    "Level": "Taso",
+    "Limitations": "Rajoitukset",
+    "Logger": "Lokikirja",
+    "Logout": "Kirjaudu ulos",
+    "Mailbox": "Postilaatikko",
+    "Mailboxes": "Postilaatikot",
+    "Message": "Viesti",
+    "Message history": "Viestien historia",
+    "Message sending limit": "Viestien lähetysraja",
+    "messages": "viestit",
+    "Messages": "Viestit",
+    "Modified": "Muokattu",
+    "Modify": "Muokkaa",
+    "Month": "Kuukausi",
+    "MX records": "MX-tietueet",
+    "Name": "Nimi",
+    "Name of the administrator": "Ylläpitäjän nimi",
+    "Never logged-in": "Ei koskaan kirjautunut sisään",
+    "New": "Uusi",
+    "New account": "Uusi tili",
+    "New alias": "Uusi alias",
+    "New domain": "Uusi verkkotunnus",
+    "New recovery codes": "Uudet palautuskoodit",
+    "Next": "Seuraava",
+    "no": "ei",
+    "No": "Ei",
+    "No sender address defined for this account": "Tälle tilille ei ole määritelty lähettäjän osoitetta",
+    "No sending limit": "Ei lähetysrajaa",
+    "Not generated": "Ei luotu",
+    "Number of messages this domain can send per day. Leave empty for no limit.": "Viestien määrä, jonka tämä verkkotunnus voi lähettää päivässä. Jätä tyhjäksi, jos et halua rajoitusta.",
+    "Number of messages this mailbox can send per day. Leave empty for no limit.": "Viestien määrä, jonka tämä postilaatikko voi lähettää päivässä. Jätä tyhjäksi, jos et halua rajoitusta.",
+    "OK": "OK",
+    "One or more updates are available": "Yksi tai useampi päivitys on saatavilla",
+    "Opened alarms": "Avatut hälytykset",
+    "Options": "Vaihtoehdot",
+    "Parameters updated": "Parametrit päivitetty",
+    "Password": "Salasana",
+    "Password copied to clipboard": "Salasana kopioitu leikepöydälle",
+    "Password updated": "Salasana päivitetty",
+    "Passwords mismatch": "Salasanat eivät täsmää",
+    "Pending": "Odottaa",
+    "Period": "Jakso",
+    "Phone number": "Puhelinnumero",
+    "Pin code": "Pin-koodi",
+    "Please fill-in your primary email address": "Täytä ensisijainen sähköpostiosoitteesi",
+    "Problem": "Ongelma",
+    "Proceed": "Jatka",
+    "Profile": "Profiili",
+    "Profile updated": "Profiili päivitetty",
+    "Provide a CSV file where lines respect one of the following formats:": "Toimita CSV-tiedosto, jonka rivit ovat jossakin seuraavista muodoista:",
+    "Queue ID": "Jonon ID",
+    "Quota": "Verkkotunnuksen oletuskiintiö",
+    "Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).": "Tämän postilaatikon kiintiö, joka voidaan ilmaista kilotavuina, megatavuina (oletus) tai gigatavuina. Määritä oma arvo tai käytä toimialueen oletusarvoa. Jätä tyhjäksi, jos haluat määrittää rajoittamattoman arvon (ei sallittu toimialueen ylläpitäjille).",
+    "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Postilaatikoiden kesken jaettu kiintiö. Voidaan ilmaista kilotavuina (KB), megatavuina (MB) (oletus) tai gigatavuina (GB). Arvo 0 tarkoittaa, ettei kiintiötä ole.",
+    "Random address": "Satunnainen osoite",
+    "Random password": "Satunnainen salasana",
+    "Raw format. Click to copy": "Raakamuoto. Kopioi napsauttamalla",
+    "Recipient(s)": "Vastaanottaja(t)",
+    "Recipients": "Vastaanottajat",
+    "Register": "Rekisteröidy",
+    "Relative time ranges": "Suhteelliset aikavälialueet",
+    "Relay": "Välitysrele",
+    "Remember me": "Muista minut",
+    "Remove this address": "Poista tämä osoite",
+    "Remove this administrator": "Poista tämä ylläpitäjä",
+    "Reseller": "Jälleenmyyjä",
+    "Resources": "Resurssit",
+    "Resources usage": "Resurssien käyttö",
+    "Role": "Rooli",
+    "Save": "Tallenna",
+    "Search": "Hae",
+    "Secondary email": "Toissijainen sähköpostiosoite",
+    "Security": "Turvallisuus",
+    "Select an account": "Valitse tili",
+    "Select file": "Valitse tiedosto",
+    "Sender addresses": "Lähettäjän osoitteet",
+    "Sending limit": "Lähetysraja",
+    "Separator": "Erotin",
+    "Service": "Palvelu",
+    "Settings": "Asetukset",
+    "Show key": "Näytä avain",
+    "Simple user": "Yksinkertainen käyttäjä",
+    "Specify an email address": "Määritä sähköpostiosoite",
+    "SPF record found": "SPF-tietue löydetty",
+    "SPF record not found": "SPF-tietuetta ei löydy",
+    "Start typing a name here...": "Aloita nimen kirjoittaminen tästä...",
+    "Status": "Tila",
+    "Submit": "Lähetä",
+    "Summary": "Yhteenveto",
+    "Super administrator": "Pääylläpitäjä",
+    "Tags": "Tunnisteet",
+    "The first element of each line is mandatory and must be equal to one of the previous values.": "Kunkin rivin ensimmäinen elementti on pakollinen, ja sen on oltava yhtä suuri kuin jokin edellisistä arvoista.",
+    "This page is still under construction.": "Tämä sivu on vielä rakenteilla.",
+    "To": "Vastaanottaja",
+    "Transport": "Siirto",
+    "Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.": "Kaksivaiheista tunnistusta (2FA) ei ole vielä aktivoitu tilillesi. Tämän ominaisuuden käyttöönotto lisää tilisi turvallisuutta.",
+    "Type": "Tyyppi",
+    "Unknown": "Tuntematon",
+    "unlimited": "rajoittamaton",
+    "Update": "Päivitä",
+    "Update Password": "Vaihda salasana",
+    "Update settings": "Päivitä asetukset",
+    "Updated": "Päivitetty",
+    "Use domain default value": "Käytä verkkotunnuksen oletusarvoa",
+    "Username": "Käyttäjätunnus",
+    "Username:": "Käyttäjätunnus:",
+    "Valid": "Kelvollinen",
+    "Verify code": "Tarkista koodi",
+    "Warning": "Varoitus",
+    "Week": "Viikko",
+    "Welcome to Modoboa": "Tervetuloa Modoboaan",
+    "With a mailbox": "Postilaatikolla",
+    "With mailbox": "Postilaatikolla",
+    "Year": "Vuosi",
+    "yes": "kyllä",
+    "Yes": "Kyllä",
+    "You are about to delete your API access token": "Olet poistamassa API-pääsytunnistetta",
+    "You can use a different character as separator.": "Voit käyttää erottimena eri merkkiä.",
+    "Your API token has not been generated yet.": "API-pääsytunnistetta ei ole vielä luotu.",
+    "Your API token is:": "API-pääsytunnisteesi on:"
+  },
+  "it": {
+    "Account": "Account",
+    "Account created": "Account creato",
+    "Account updated": "Account aggiornato",
+    "Actions": "Azioni",
+    "Add": "Aggiungi",
+    "Address": "Indirizzo",
+    "Administered domains": "Domini amministrati",
+    "Administrators": "Amministratori",
+    "Alias": "Alias",
+    "Aliases": "Alias",
+    "API": "API",
+    "API access": "Accesso API",
+    "Apply": "Applica",
+    "Authentication": "Autenticazione",
+    "Bind/named format. Click to copy": "Formato bind/named",
+    "Change password": "Cambia password",
+    "Check this option if passwords contained in your file are not crypted": "Seleziona questa opzione se le password contenute nel file non sono criptate",
+    "Close": "Chiudi",
+    "Closed": "Chiudi",
+    "Confirmation": "Conferma",
+    "Continue on error": "Continuare in caso di errore",
+    "Create a domain administrator": "Crea un amministratore di dominio",
+    "Create a mailbox for the administrator.": "Crea una casella di posta per l'amministratore.",
+    "Create aliases": "Crea alias",
+    "Creation date": "Data di creazione",
+    "Crypt passwords": "Cripta le password",
+    "Day": "Giorno",
+    "Default mailbox quota": "Dimensione massima predefinita per le mailbox",
+    "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Valore predefinito per lo spazio massimo confiviso tra le mailbox. Può essere espresso in KB, MB (predefinito) o GB. Il valore 0 indica nessun limite.",
+    "Description": "Descrizione",
+    "Disabled": "Disabilitato",
+    "DKIM key": "Chiave DKIM",
+    "DNS": "DNS",
+    "DNS status": "Stato del DNS",
+    "Domain": "Dominio",
+    "Domain administrator": "Amministratore di dominio",
+    "Domain created": "Dominio creato",
+    "Domains": "Domini",
+    "Email address": "Indirizzo email",
+    "Enable DKIM signing": "Abilita la firma DKIM",
+    "Enable DNS checks": "Abilita i controlli DNS",
+    "Enabled": "Abilitato",
+    "Expire at": "Scade il",
+    "Failed": "Fallito",
+    "Forward": "Inoltra",
+    "Forward messages and store copies into your local mailbox": "Inoltra i messaggi e memorizza le copie nella tua casella di posta locale",
+    "Forward updated": "Inoltro aggiornato",
+    "Full name": "Nome completo",
+    "General": "Generale",
+    "Identities": "Identità",
+    "Import": "Importa",
+    "Import domains": "Importa domini",
+    "Import identities": "Identità di importazione",
+    "Information": "Informazioni",
+    "Installed version": "Versione installata",
+    "Keep local copies": "Mantieni copie locali",
+    "Last modification date": "Data dell'ultima modifica",
+    "Level": "Livello",
+    "Logger": "Logger",
+    "Logout": "Esci",
+    "Mailbox": "Caselle di posta",
+    "Mailboxes": "Caselle di posta",
+    "Message": "Utilizzo",
+    "Modified": "Modificato",
+    "Month": "Mese",
+    "Name": "Nome",
+    "New account": "Nuovo account",
+    "New alias": "Nuovo alias",
+    "New domain": "Nuovo dominio",
+    "Next": "Successivo",
+    "Not generated": "Non generata",
+    "One or more updates are available": "Sono disponibili nuovi aggiornamenti",
+    "Options": "Opzioni",
+    "Partially aligned": "Parzialmente allineato",
+    "Password": "Password",
+    "Passwords mismatch": "Le password non corrispondono",
+    "Phone number": "Numero di telefono",
+    "Profile": "Profilo",
+    "Profile updated": "Profilo aggiornato",
+    "Quota": "Dimensione massima",
+    "Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).": "Dimensione massima per questa mailbox, può essere espressa in KB, MB (predefinito) o GB. Definire un valore personalizzato o utilizzare quello predefinito per il dominio. Lasciare vuoto per specificare un valore non limitato (non permesso per amministratori di dominio).",
+    "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Spazio massimo confiviso tra le mailbox. Può essere espresso in KB, MB (predefinito) o GB. Il valore 0 indica nessun limite.",
+    "Random address": "Indirizzo casuale",
+    "Random password": "Password casuale",
+    "Recipient(s)": "Destinatario(i)",
+    "Recipients": "Destinatari",
+    "Remember me": "Ricordami",
+    "Reseller": "Rivenditore",
+    "Resources": "Risorse",
+    "Resources usage": "Utilizzo risorse",
+    "Role": "Ruolo",
+    "Save": "Salva",
+    "Search": "Ricerca",
+    "Secondary email": "Email secondaria",
+    "Sender addresses": "Indirizzi mittenti",
+    "Separator": "Separatore",
+    "Settings": "Impostazioni",
+    "Show key": "Visualizza chiave",
+    "Simple user": "Utente semplice",
+    "Status": "Stato",
+    "Submit": "Invia",
+    "Summary": "Sommario",
+    "Super administrator": "Super amministratore",
+    "Tags": "Tag",
+    "Total": "Totale",
+    "Transport": "Trasporto",
+    "Type": "Tipo",
+    "Unknown": "Sconosciuto",
+    "Unknown sources / Threats": "Fonti sconosciute / Minaccie",
+    "unlimited": "senza limiti",
+    "Update": "Aggiorna",
+    "Updated": "Aggiornato",
+    "Use domain default value": "Usa il valore predefinito",
+    "Username": "Nome utente",
+    "Week": "Settimana",
+    "Welcome to Modoboa": "Benvenuti in Modoboa",
+    "With a mailbox": "Con una casella di posta",
+    "Year": "Anno"
+  },
+  "fr": {
+    "A documentation of the API is available": "Une documentation de l'API est disponible",
+    "A new key will be generated soon. Refresh the page in a moment to see it.": "Une nouvelle clé sera générée bientôt. Actualisez dans un moment la page pour la voir.",
+    "A user with all privileges, can do anything. By default, such a user does not have a mailbox so he can't access end-user features.": "Un utilisateur ayant tous les privilège, peut tout faire. Par défaut, il n'a pas de boîte mail et ne peut donc pas accéder aux fonctionnalités d'un utilisateur final.",
+    "A user with no privileges but with a mailbox. He will be allowed to use all end-user features: webmail, calendar, contacts, filters.": "Un utilisateur sans privilèges mais ayant une boîte mail. Il sera autorisé à utiliser toutes les fonctionnalités de l'utilisateur final : webmail, calendrier, contacts, filtres.",
+    "A user with privileges on one or more domain. He will be allowed to administer mailboxes and he can also have a mailbox.": "Un utilisateur avec des privilèges sur un ou plusieurs domaines. Il sera autorisé à administrer les boîtes mail et il peut avoir aussi une boîte aux lettres.",
+    "Absolute time range": "Plage de temps absolue",
+    "Account": "Compte",
+    "Account created": "Compte créé",
+    "Account updated": "Compte mis à jour",
+    "Actions": "Actions",
+    "Add": "Ajouter",
+    "Add a new domain alias": "Ajouter un nouvel alias de domaine",
+    "Add administrator": "Ajouter un administrateur",
+    "Add sender address": "Ajouter l'adresse de l'expéditeur",
+    "Address": "Adresse",
+    "Address (hostname or IP)": "Adresse (nom d'hôte ou IP)",
+    "Administered domains": "Domaines administrés",
+    "Administrator added": "L'administrateur a ajouté",
+    "Administrator name": "Nom de l'administrateur",
+    "Administrator removed": "Administrateur supprimé",
+    "Administrators": "Administrateurs",
+    "Alarm closed": "Alarme fermée",
+    "Alarm deleted": "Alarme supprimée",
+    "Alarm re-opened": "Alarme ré-ouverte",
+    "Alarms": "Alarmes",
+    "Alarms deleted": "Alarmes supprimées",
+    "Alias": "Alias",
+    "Alias updated": "Alias mis à jour",
+    "Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).": "Alias(s) de cette boîte aux lettres. Pour créer un alias fourre-tout, entrer uniquement le nom du domaine (@domain.tld).",
+    "Aliases": "Alias",
+    "Alignment": "Alignement",
+    "API": "API",
+    "API access": "Accès API",
+    "API token copied to your clipboard": "Jeton API copié dans votre presse-papier",
+    "API token created": "Jeton API créé",
+    "API token deleted": "Jeton API supprimé",
+    "Apply": "Appliquer",
+    "Associated domains": "Domaines associés",
+    "Audit trail": "Journal des modifications",
+    "Authentication": "Authentification",
+    "Auto configuration": "Configuration automatique",
+    "autoconfig record (Mozilla) not found": "Enregistrement autoconfig (Mozilla) introuvable",
+    "autoconfig record (Mozilla): %{ value }": "Enregistrement autoconfig (Mozilla) : %{ value }",
+    "autodiscover record (Microsoft) not found": "Enregistrement autodiscover (Microsoft) non trouvé",
+    "autodiscover record (Microsoft): %{ value }": "Enregistrement autodiscover (Microsoft): %{ value }",
+    "Back": "Retour",
+    "Bind/named format. Click to copy": "Format bind/named. Cliquez pour copier",
+    "Cancel": "Annuler",
+    "Change password": "Modifier le mot de passe",
+    "Check connection:": "Vérifier la connexion :",
+    "Check out the following list to find related components": "Consulter la liste suivante pour trouver des composants associés",
+    "Check this option if passwords contained in your file are not crypted": "Cochez cette option si les mots de passe contenus dans votre fichier ne sont pas chiffrés",
+    "Choose a domain": "Choisissez un domaine",
+    "Choose a role": "Choisissez un rôle",
+    "Close": "Fermer",
+    "Close alarm": "Fermer l'alarme",
+    "Closed": "Fermé",
+    "Confirm and create": "Confirmer et créer",
+    "Confirmation": "Confirmation",
+    "Congratulations! Two-Factor Authentication is now enabled for your account.": "Félicitations ! l'authentification à double facteur est maintenant activée sur votre compte",
+    "Connect": "Connexion",
+    "Continue on error": "Continuer en cas d'erreur",
+    "Control if this domain will be allowed to send and receive messages": "Contrôler si ce domaine sera autorisé à envoyer et recevoir des messages.",
+    "Copy to clipboard": "Copier dans le presse-papiers",
+    "Copy token to clipboard": "Copier le jeton dans la presse-papiers",
+    "Create a domain administrator": "Créer un administrateur de domaine",
+    "Create a mailbox for the administrator.": "Créer une boite aux lettres pour l'administrateur",
+    "Create aliases": "Créer des alias",
+    "Create standard aliases for the domain.": "Créer des aliases standard pour le domaine",
+    "Creation date": "Date de création",
+    "Crypt passwords": "Chiffrer les mots de passe",
+    "Current password": "Mot de passe actuel",
+    "Daily message sending limit": "Limite quotidienne d'envoi de messages",
+    "Daily sending limit": "Limite d'envoi quotidienne",
+    "Dashboard": "Tableau de bord",
+    "Date": "Date",
+    "Day": "Jour",
+    "Default mailbox quota": "Quota par défaut pour une boîte aux lettres",
+    "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Quota par défaut appliqué aux boîtes aux lettres. Peut être exprimé en Ko, Mo (défaut) ou Go. Une valeur à 0 signifie pas de quota.",
+    "Delete": "Supprimer",
+    "Delete token": "Supprimer le jeton",
+    "Description": "Description",
+    "Detail": "Détail",
+    "Disable 2FA": "Désactiver l'authentification à double facteur",
+    "Disabled": "Désactivés",
+    "DKIM key": "Clé DKIM",
+    "DKIM key length": "Longeur de clé DKIM",
+    "DKIM key selector": "Sélecteur de clé DKIM",
+    "DKIM keys already exist for this domain. Do you want to overwrite them?": "Des clés DKIM existent déjà pour ce domaine. Voulez-vous les écraser?",
+    "DKIM public key for": "Clé publique DKIM pour ",
+    "DKIM record found": "Enregistrement DKIM trouvé",
+    "DKIM record not found": "Enregistrement DKIM introuvable",
+    "DKIM signing": "Signature DKIM",
+    "DMARC": "DMARC",
+    "DMARC record found": "Enregistrement DMARC trouvé",
+    "DMARC record not found": "Enregistrement DMARC introuvable",
+    "DMARC support does not seem to be enabled for this domain.": "La support DMARC ne semble pas actif pour ce domaine.",
+    "DNS": "DNS",
+    "DNS checks": "Vérifications DNS",
+    "DNS configuration help": "Aide à la configuration du DNS",
+    "DNS status": "Statut DNS",
+    "Do not delete account folder": "Ne pas supprimer le dossier du compte",
+    "Do not delete domain folder": "Ne pas supprimer le dossier des domaines",
+    "Domain": "Domaine",
+    "Domain administrator": "Administrateur de domaine",
+    "Domain alias created": "Alias de domaine créé",
+    "Domain alias deleted": "Alias de domaine supprimé",
+    "Domain alias updated": "Alias de domaine mise à jour",
+    "Domain created": "Domaine créé",
+    "Domain default value": "Valeur du domaine par défaut",
+    "Domain deleted": "Supprimer le domaine",
+    "Domain name (ex: domain.tld)": "Nom de domaine (ex: domaine.tld)",
+    "Domain updated": "Domaine mise à jour",
+    "domain's default value": "La valeur par défaut du domaine",
+    "Domains": "Domaines",
+    "Don't treat duplicated objects as errors": "Ne pas traiter les objets dupliqués comme des erreurs",
+    "Edit": "Modifier",
+    "Edit account": "Modifier le compte",
+    "Edit alias": "Modifier l'alias",
+    "Edit domain": "Modifier le domaine",
+    "Edit domain alias": "Modifier l'alias de domaine",
+    "Edit provider": "Modifier le fournisseur",
+    "Email": "E-mail",
+    "Email address": "Adresse email",
+    "Email providers": "Fournisseurs de messagerie",
+    "Empty": "Vide",
+    "Enable 2FA": "Activer 2FA",
+    "Enable DKIM signing": "Activer la signature DKIM",
+    "Enable DNS checks": "Activer les tests DNS",
+    "Enabled": "Activé",
+    "Enter a simple username or an email address": "Entrer un nom d'utilisateur simple ou une adresse e-mail",
+    "Enter an email address": "Entrer une adresse e-mail",
+    "Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.": "Entrez le code de l'application à double facteur sur votre téléphone mobile. Si vous avez perdu votre appareil, vous pouvez entrez l'un de vos code de récupération.",
+    "Enter the code you've just received by SMS": "Entrez le code que vous venez de recevoir par SMS",
+    "Error": "Erreur",
+    "Ex: 10MB. Leave empty for no limit": "Ex: 10MB. Laisser vide pour aucune limite",
+    "Expire at": "Expire le",
+    "Export accounts and aliases to CSV": "Exporter les comptes et les alias au format CSV",
+    "Export domains and aliases to CSV": "Exporter les domaines et les alias au format CSV",
+    "Failed": "Échoué",
+    "First name": "Prénom",
+    "Forward": "Transfert",
+    "Forward messages and store copies into your local mailbox": "Transférer les messages et stocker des copies dans votre boîte aux lettres locale",
+    "Forward updated": "Transfert mise à jour",
+    "Forwarded": "Transféré",
+    "Forwarders with ARC": "Transporteur avec ARC",
+    "From": "De",
+    "Full name": "Nom complet",
+    "Fullname/recipient": "Nom complet / destinataire",
+    "Fully aligned": "Entièrement aligné",
+    "General": "Général",
+    "General information": "Information générale",
+    "General settings": "Paramètres généraux ",
+    "Generate": "Générer",
+    "Generate a new DKIM key": "Générer une nouvelle clé DKIM",
+    "help": "aide",
+    "Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.": "Voici un exemplaire de configuration DNS (format bind). Remplacer les valeurs entre [ ] par les valeurs appropriées.",
+    "Identification": "Identification",
+    "Identities": "Identités",
+    "If you close this form now, your modifications won't be saved. Do you confirm?": "Si vous fermez ce formulaire maintenant, vos modifications ne seront pas sauvegardées. Confirmez-vous ?",
+    "If you configured it recently, please wait for the first report to be received and processed.": "Si vous l'avez récemment configuré, veuillez attendre que le premier rapport soit reçu et traité. ",
+    "IMAP Migration": "Migration IMAP",
+    "IMAP Port": "Port IMAP",
+    "Import": "Importer",
+    "Import accounts and aliases from CSV file": "Importation de comptes et alias à partir d'un fichier CSV",
+    "Import domains": "Importer des domaines",
+    "Import domains and aliases from CSV file": "Importation de domaines et alias à partir d'un fichier CSV",
+    "Import identities": "Importer des identités",
+    "Indicate one or more recipients separated by a comma (,)": "Indiquer un ou plusieurs destinataires séparés par une virgule (,) ",
+    "Information": "Information",
+    "Installed components": "Composants installés",
+    "Installed version": "Version installée",
+    "Invalid password": "Mot de passe incorrect",
+    "Invalid reset token.": "Jeton de réinitialisation incorrect.",
+    "Invalid username and/or password": "Nom d'utilisateur et/ou mot de passe incorrect",
+    "Is the IMAP connection secured using SSL/TLS or StartTLS": "La connexion IMAP est-elle sécurisée via l'utilisation de SSL/TLS ou StartTLS",
+    "Keep local copies": "Conserver des copies locales",
+    "Language": "Langage",
+    "Last login date": "Date de dernière connexion",
+    "Last modification date": "Date de dernière modification",
+    "Last name": "Nom de famille",
+    "Latest version": "Dernière version",
+    "Leave empty for no limit": "Laisser vide pour aucune limite",
+    "Level": "Niveau",
+    "Limitations": "Limites",
+    "Local domain (optional)": "Domaine local (optionnel)",
+    "Logger": "Logger",
+    "Logout": "Déconnexion",
+    "Mailbox": "Boîte aux lettres",
+    "Mailboxes": "Boîtes aux lettres",
+    "Message": "Message",
+    "Message history": "Historique des messages",
+    "Message sending limit": "Limite d'envoi des messages",
+    "messages": "messages",
+    "Messages": "Messages",
+    "Migration deleted": "Migration supprimée",
+    "Migrations": "Migrations",
+    "Modified": "Modifié",
+    "Modify": "Modifier",
+    "Month": "Mois",
+    "MX records": "Enregistrements MX",
+    "Name": "Nom",
+    "Name of the administrator": "Nom de l'administrateur",
+    "Name of the domain to migrate": "Nom du domaine à migrer",
+    "Never logged-in": "Jamais connecté",
+    "New": "Nouvelle",
+    "New account": "Nouveau compte",
+    "New alias": "Nouvel alias",
+    "New domain": "Nouveau domaine",
+    "New provider": "Nouveau fournisseur",
+    "New recovery codes": "Nouveaux codes de récupération",
+    "Next": "Suivant",
+    "no": "non",
+    "No": "Non",
+    "No associated domains": "Aucun domaine associé",
+    "No sender address defined for this account": "Aucune adresse d'expéditeur définie pour ce compte",
+    "No sending limit": "Pas de limite d'envoi",
+    "Not generated": "Non générée",
+    "Number of associated domains:": "Nombre de domaines associés :",
+    "Number of messages this domain can send per day. Leave empty for no limit.": "Nombre de messages que ce domaine peut envoyer par jour. Laisser vide pour aucune limite.",
+    "Number of messages this mailbox can send per day. Leave empty for no limit.": "Nombre de messages que cette boîte aux lettres peut envoyer par jour. Laisser vide pour aucune limite.",
+    "Ok": "Ok",
+    "OK": "OK",
+    "Old account": "Ancien compte",
+    "One or more updates are available": "Une ou plusieurs mise à jour sont disponibles",
+    "Opened": "Ouvert",
+    "Opened alarms": "Alarmes ouvertes",
+    "Options": "Options",
+    "Parameters updated": "Paramètres mis à jour",
+    "Partially aligned": "Partiellement aligné",
+    "Partially trusted sources / Forwarders": "Sources partiellement fiables / Transitaires",
+    "Password": "Mot de passe",
+    "Password copied to clipboard": "Mot de passe copié dans la presse-papier",
+    "Password recovery": "Récupération de mot de passe",
+    "Password updated": "Mot de passe mis à jour",
+    "Passwords mismatch": "Les mots de passe diffèrent",
+    "Pending": "En attente",
+    "Period": "Période",
+    "Phone number": "Numéro de téléphone",
+    "Pin code": "Code Pin",
+    "Please fill-in your primary email address": "Veillez renseigner votre adresse e-mail principale",
+    "Port": "Port",
+    "Problem": "Problème",
+    "Proceed": "Procéder",
+    "Profile": "Profil",
+    "Profile updated": "Profil mis à jour",
+    "Provide a CSV file where lines respect one of the following formats:": "Fournir un fichier CSV dont les lignes respectent l'un des formats suivants:",
+    "Provider": "Fournisseur",
+    "Provider created": "Fournisseur créé",
+    "Provider deleted": "Fournisseur supprimé",
+    "Provider name": "Nom du fournisseur",
+    "Provider updated": "Fournisseur mis à jour",
+    "Providers": "Fournisseurs",
+    "Queue ID": "ID de file",
+    "Quota": "Quota",
+    "Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).": "Quota pour cette boite. Peut être exprimé en Ko, Mo (défaut) ou Go. Définir une valeur spécifique ou utiliser la valeur par défaut du domaine. Laisser vide pour définir une valeur illimitée (interdit pour les admins. de domaine).",
+    "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Quota partagé entre les boîtes aux lettres. Peut être exprimé en Ko, Mo (défaut) ou Go. Une valeur à 0 signifie pas de quota.",
+    "Random address": "Adresse aléatoire",
+    "Random password": "Mot de passe aléatoire",
+    "Raw format. Click to copy": "Format brut. Cliquer pour copier",
+    "Recipient(s)": "Destinataire(s)",
+    "Recipients": "Destinataires",
+    "Register": "Enregistrer",
+    "Relative time ranges": "Intervalles des temps relatifs",
+    "Relay": "Relais",
+    "Reload": "Recharger",
+    "Remember me": "Se souvenir de moi",
+    "Remove this address": "Supprimer cette adresse",
+    "Remove this administrator": "Supprimer cet administrateur",
+    "Reopen alarm": "Ré-ouvrir l'alarme",
+    "Reseller": "Revendeur",
+    "Resend SMS.": "Renvoyer le SMS.",
+    "Reset recovery codes": "Rénitialiser les codes de récupération",
+    "Resources": "Ressources",
+    "Resources usage": "Utilisation des ressources",
+    "Retry reset": "Réessayer la rénitialisation",
+    "Return to login": "Retour à la connexion",
+    "Role": "Rôle",
+    "Save": "Enregistrer",
+    "Search": "Chercher",
+    "Secondary email": "E-mail secondaire",
+    "Secured": "Sécurisé",
+    "Security": "Sécurité",
+    "Select an account": "Sélectionner un compte",
+    "Select file": "Sélectionner un fichier",
+    "Sender addresses": "Adresses d'expédition",
+    "Sending limit": "Limite d'envoi",
+    "Separator": "Séparateur",
+    "Service": "Service",
+    "Settings": "Paramètres",
+    "Show key": "Afficher la clé",
+    "Simple user": "Utilisateur simple",
+    "Specify an email address": "Spécifier une adresse e-mail",
+    "SPF record found": "Enregistrement SPF trouvé",
+    "SPF record not found": "Enregistrement SPF introuvable",
+    "Start typing a name here...": "Commencer à saisir un nom ici...",
+    "Statistics": "Statistiques",
+    "Status": "Statut",
+    "Submit": "Soumettre",
+    "Summary": "Résumé",
+    "Super administrator": "Super administrateur",
+    "Tags": "Tags",
+    "The first element of each line is mandatory and must be equal to one of the previous values.": "Le premier élément de chaque ligne est obligatoire et doit être égal à l'une des valeurs précédentes.",
+    "This page is still under construction.": "Cette page est en cours de construction.",
+    "To": "A",
+    "Too many unsuccessful attempts, please try later.": "Trop de tentatives sans succès, veuillez réessayer plus tard",
+    "Total": "Total",
+    "TOTP resent.": "TOTP envoyé.",
+    "Transport": "Transport",
+    "Triggered": "Déclenché",
+    "Trusted sources": "Sources de confiance",
+    "Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.": "L'authentification à double facteur (2FA) n'est pas encore activée pour votre compte. L'activation de cette fonctionnalité augmentera la sécurité de votre compte.",
+    "Type": "Type",
+    "Unknown": "Inconnu",
+    "Unknown sources / Threats": "Sources inconnues / Menaces",
+    "unlimited": "illimité",
+    "Update": "Mettre à jour",
+    "Update Password": "Mise à jour du mot de passe",
+    "Update settings": "Mise à jour des paramètres",
+    "Updated": "Mis à jour",
+    "Use domain default value": "Utiliser la valeur par défaut du domaine",
+    "User seems wrong, return to login or restart reset the process?": "L'utilisateur semble erroné, revenez à la connexion ou redémarrer réinitialisez le processus ",
+    "User unknown.": "Utilisateur inconnu.",
+    "Username": "Nom d'utilisateur",
+    "Username:": "Nom d'utilisateur :",
+    "Valid": "Valide",
+    "Verify code": "Vérifier le code",
+    "Warning": "Avertissement",
+    "Week": "Semaine",
+    "Welcome to Modoboa": "Bienvenue dans Modoboa",
+    "With a mailbox": "Avec une boite aux lettres",
+    "With mailbox": "Avec boîte aux lettres",
+    "Year": "Année",
+    "yes": "oui",
+    "Yes": "Oui",
+    "You are about to delete your API access token": "Vous êtes sur le point de supprimer votre jeton d'accès à l'API",
+    "You can use a different character as separator.": "Vous pouvez utiliser autre caractère comme séparateur",
+    "Your API token has not been generated yet.": "Votre jeton API n'a pas encore été généré.",
+    "Your API token is:": "Votre jeton API est :"
+  },
+  "nl": {},
+  "ja": {},
+  "pl": {},
+  "pt": {},
+  "ru": {
+    "Account": "Добавить аккаунт",
+    "Account created": "Аккаунт создан",
+    "Account updated": "аккаунт изменен",
+    "Actions": "Действие",
+    "Add": "Адрес",
+    "Address": "Адрес",
+    "Administered domains": "Список квот",
+    "Administrators": "Администраторы",
+    "Alias": "Синоним",
+    "Aliases": "Синоним(ы)",
+    "API": "API",
+    "Apply": "Применить",
+    "Authentication": "Аутентификация",
+    "Bind/named format. Click to copy": "Неверный формат",
+    "Change password": "Изменить пароль",
+    "Check this option if passwords contained in your file are not crypted": "Выберите эту опцию если пароль в вашем файле не зашифрован ",
+    "Confirmation": "Подтверждение",
+    "Continue on error": "Продолжать при ошибке",
+    "Create a domain administrator": "Создание администратора домена",
+    "Create a mailbox for the administrator.": "Создание администратора домена",
+    "Create aliases": "Создание синонимов",
+    "Creation date": "Дата создания",
+    "Crypt passwords": "Шифровать пароль",
+    "Dashboard": "Приборная панель",
+    "Day": "День",
+    "Disabled": "Разрешен",
+    "DNS status": "Статистика",
+    "Domain administrator": "Администратор домена",
+    "Domain created": "Домен создан",
+    "Domains": "Домены",
+    "Email address": "Е-майл адрес",
+    "Enabled": "Разрешено",
+    "Forward": "Перенаправленые",
+    "Forward messages and store copies into your local mailbox": "Перенаправление сообщения, и сохранение копии в вашем локальном почтовом ящике",
+    "Forward updated": "Перенаправление обновлено",
+    "Full name": "Имя файла",
+    "General": "Основные",
+    "Identities": "Пользователи",
+    "Import": "Импорт",
+    "Import domains": "Импорт доменов",
+    "Import identities": "Импорт информации о пользователях",
+    "Information": "Информация",
+    "Installed version": "Установленная версия",
+    "Keep local copies": "Сохранить локальную копию",
+    "Last modification date": "Дата последней модификации",
+    "Level": "Уровень",
+    "Logger": "Логгер",
+    "Logout": "Завершить сеанс",
+    "Mailbox": "Почтовые ящики",
+    "Mailboxes": "Почтовые ящики",
+    "Message": "использование (%%)",
+    "Modified": "Синоним изменен",
+    "Month": "Месяц",
+    "Name": "Логин",
+    "New account": "Новый аккаунт",
+    "New alias": "Новый синоним",
+    "New domain": "Новый домен",
+    "Next": "Следующая",
+    "Not generated": "Получатель не определен",
+    "One or more updates are available": "Доступны одно или более обновлений.",
+    "Options": "Опции",
+    "Password": "Пароль",
+    "Passwords mismatch": "Пароли не совпадают",
+    "Profile updated": "Профиль обновлен",
+    "Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).": "Квота в мегабайтах для этого почтового ящика. Определите собственное значение или используйте значение по умолчанию для родительского домена. Оставьте пустым для неограниченного значения.  (Не разрешено администраторам домена)",
+    "Random address": "Ошибочный запрос",
+    "Random password": "Ошибочный запрос",
+    "Recipient(s)": "Получатели",
+    "Recipients": "Получатели",
+    "Remember me": "Запомнить меня",
+    "Reseller": "Реселлер",
+    "Resources": "Ресурсы",
+    "Resources usage": "Использование ресурсов",
+    "Role": "Роль",
+    "Save": "Сохранить",
+    "Search": "Поиск",
+    "Sender addresses": "Ошибочный запрос",
+    "Separator": "Разделитель",
+    "Settings": "Настройки",
+    "Simple user": "Обычный пользователь",
+    "Status": "Статистика",
+    "Submit": "Подтвердить",
+    "Super administrator": "Супер администратор",
+    "Tags": "Теги",
+    "Unknown": "Неизвестное",
+    "unlimited": "Не лимитировано",
+    "Update": "Обновление",
+    "Updated": "Обновление",
+    "Use domain default value": "Используются значения домена по умолчанию ",
+    "Username": "Логин пользователя",
+    "Week": "Неделя",
+    "Welcome to Modoboa": "Добро пожаловать в Modoboa!",
+    "Year": "Год"
+  },
+  "sv": {
+    "A documentation of the API is available": "Dokumentation av API är tillgänglig",
+    "A new key will be generated soon. Refresh the page in a moment to see it.": "En ny nyckel kommer snart att skapas. Ladda om sidan om en stund för att se den.",
+    "A user with all privileges, can do anything. By default, such a user does not have a mailbox so he can't access end-user features.": "Användare med alla rättigheter som kan göra allt. Som standard har en sån här användare ingen brevlåda så den kan inte komma åt slutanvändarfunktioner.",
+    "A user with no privileges but with a mailbox. He will be allowed to use all end-user features: webmail, calendar, contacts, filters.": "Användare utan privilegier men som har en en brevlåda. Den kommer att kunna använda alla slutanvändarfunktioner: webbmail, kalender, kontakter, filter.",
+    "A user with privileges on one or more domain. He will be allowed to administer mailboxes and he can also have a mailbox.": "Användare med rättigheter på en eller flera domäner. Den kan administrera brevlådor och han kan även ha en brevlåda.",
+    "Absolute time range": "Absolut tidsintervall",
+    "Account": "Konto",
+    "Account created": "Konto skapat",
+    "Account updated": "Konto uppdaterat",
+    "Actions": "Åtgärder",
+    "Add": "Lägg till",
+    "Add a new domain alias": "Lägg till nytt domän alias",
+    "Add administrator": "Lägg till administratör",
+    "Add sender address": "Lägg till avsändaradress",
+    "Address": "Adress",
+    "Address (hostname or IP)": "Adress (värdnamn eller IP)",
+    "Administered domains": "Administrerade domäner",
+    "Administrator added": "Administratör tillagd",
+    "Administrator name": "Administratörs namn",
+    "Administrator removed": "Administratör raderad",
+    "Administrators": "Administratörer",
+    "Alarm closed": "Larm stängt",
+    "Alarm deleted": "Larm raderat",
+    "Alarm re-opened": "Larm öppnat på nytt",
+    "Alarms": "Larm",
+    "Alarms deleted": "Larm raderade",
+    "Alias": "Alias",
+    "Alias updated": "Alias uppdaterat",
+    "Alias(es) of this mailbox. To create a catchall alias, just enter the domain name (@domain.tld).": "Alias för denna brevlåda. För att skapa ett catchall-alias anger du bara domännamnet (@domain.tld).",
+    "Aliases": "Alias",
+    "Alignment": "Placering",
+    "API": "API",
+    "API access": "API åtkomst",
+    "API token copied to your clipboard": "API token kopierat till urklipp",
+    "API token created": "API token skapat",
+    "API token deleted": "API token raderat",
+    "Apply": "Tillämpa",
+    "Associated domains": "Associerade domäner",
+    "Audit trail": "Verifieringskedja",
+    "Authentication": "Autentisering",
+    "Auto configuration": "Automatisk konfiguration",
+    "autoconfig record (Mozilla) not found": "autoconfig-posten (Mozilla) hittades inte",
+    "autoconfig record (Mozilla): %{ value }": "\"autoconfig-post (Mozilla): %{ value }\"",
+    "autodiscover record (Microsoft) not found": "autodiscover-post (Microsoft) hittades inte",
+    "autodiscover record (Microsoft): %{ value }": "autodiscover-post (Microsoft): %{ value }",
+    "Back": "Tillbaka",
+    "Bind/named format. Click to copy": "Bind/named formatterat. Klicka för att kopiera",
+    "Cancel": "Avbryt",
+    "Change password": "Ändra lösenord",
+    "Check connection:": "Kontrollera anslutning:",
+    "Check out the following list to find related components": "Kolla in följande lista för att hitta relaterade komponenter",
+    "Check this option if passwords contained in your file are not crypted": "Markera det här alternativet om lösenorden i din fil inte är krypterade",
+    "Choose a domain": "Välj en domän",
+    "Choose a role": "Välj en roll",
+    "Close": "Stäng",
+    "Close alarm": "Stäng alarm",
+    "Closed": "Stängd",
+    "Confirm and create": "Bekräfta och skapa",
+    "Confirmation": "Bekräftelse",
+    "Congratulations! Two-Factor Authentication is now enabled for your account.": "Grattis! Tvåfaktorsautentisering är nu aktiverad för ditt konto.",
+    "Connect": "Anslut",
+    "Continue on error": "Fortsätt vid fel",
+    "Control if this domain will be allowed to send and receive messages": "Kontrollera om den här domänen ska tillåtas skicka och ta emot meddelanden",
+    "Copy to clipboard": "Kopiera till urklipp",
+    "Copy token to clipboard": "Kopiera token till urklipp",
+    "Could not save parameters": "Kunde inte spara parametrar",
+    "Create a domain administrator": "Skapa en domänadministratör",
+    "Create a mailbox for the administrator.": "Skapa en brevlåda för administratören.",
+    "Create aliases": "Skapa alias",
+    "Create standard aliases for the domain.": "Skapa standardalias för domänen.",
+    "Creation date": "Datum skapad",
+    "Crypt passwords": "Kryptera lösenord",
+    "Current password": "Nuvarande lösenord",
+    "Daily message sending limit": "Daglig sändningsgräns för meddelanden",
+    "Daily sending limit": "Daglig sändningsgräns",
+    "Dashboard": "Instrumentbräda",
+    "Date": "Datum",
+    "Day": "Dag",
+    "Default mailbox quota": "Standard brevlådekvota",
+    "Default quota applied to mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Standardkvot tillämpas på postlådor. Kan uttryckas i KB, MB (standard) eller GB. Ett värde på 0 betyder ingen kvot.",
+    "Delete": "Radera",
+    "Delete token": "Radera token",
+    "Description": "Beskrivning",
+    "Detail": "Detalj",
+    "Disable 2FA": "Inaktivear 2FA",
+    "Disabled": "Inaktiverad",
+    "DKIM key": "DKIM nyckel",
+    "DKIM key length": "DKIM nyckellängd",
+    "DKIM key selector": "DKIM nyckel väljare",
+    "DKIM keys already exist for this domain. Do you want to overwrite them?": "DKIM-nycklar finns redan för den här domänen. Vill du skriva över dem?",
+    "DKIM public key for": "DKIM publik nyckel för",
+    "DKIM record found": "DKIM-post hittades",
+    "DKIM record not found": "DKIM-posten hittades inte",
+    "DKIM signing": "DKIM signering",
+    "DMARC": "DMARC",
+    "DMARC record found": "DMARC post hittad",
+    "DMARC record not found": "DMARC post ej hittad",
+    "DMARC support does not seem to be enabled for this domain.": "DMARC-stöd verkar inte vara aktiverat för den här domänen.",
+    "DNS": "DNS",
+    "DNS checks": "DNS kontroller",
+    "DNS configuration help": "DNS konfigurering hjälp",
+    "DNS status": "DNS status",
+    "Do not delete account folder": "Ta inte bort kontomappen",
+    "Do not delete domain folder": "Ta inte bort domänmappen",
+    "Domain": "Domän",
+    "Domain administrator": "Domänadministratör",
+    "Domain alias created": "Domän alias skapat",
+    "Domain alias deleted": "Domänalias raderat",
+    "Domain alias updated": "Domänalias uppdaterat",
+    "Domain created": "Domän skapad",
+    "Domain default value": "Domän standardvärde",
+    "Domain deleted": "Domän raderad",
+    "Domain name (ex: domain.tld)": "Domännamn (ex: domain.tld)",
+    "Domain updated": "Domän uppdaterad",
+    "domain's default value": "domänens standardvärde",
+    "Domains": "Domäner",
+    "Don't treat duplicated objects as errors": "Behandla inte duplicerade objekt som fel",
+    "Edit": "Redigera",
+    "Edit account": "Redigera konto",
+    "Edit alias": "Redigera alias",
+    "Edit domain": "Redigera domän",
+    "Edit domain alias": "Redigera domänalias",
+    "Edit provider": "Redigera leverantör",
+    "Email": "E-post",
+    "Email address": "E-postadress",
+    "Email providers": "E-postleverantörer",
+    "Empty": "Tom",
+    "Enable 2FA": "Aktivera 2FA",
+    "Enable DKIM signing": "Aktivera DKIM signering",
+    "Enable DNS checks": "Aktivera DNS kontroller",
+    "Enabled": "Aktiverad",
+    "Enter a simple username or an email address": "Ange ett enkelt användarnamn eller en e-postadress",
+    "Enter an email address": "Ange en e-postadress",
+    "Enter the code from the two-factor app on your mobile device. If you have lost your device, you may enter one of your recovery codes.": "Ange koden från tvåfaktorsappen på din mobila enhet. Om du har tappat bort din enhet kan du ange en av dina återställningskoder.",
+    "Enter the code you've just received by SMS": "Ange koden du precis har fått via SMS",
+    "Error": "Fel",
+    "Ex: 10MB. Leave empty for no limit": "Ex: 10MB. Lämna tomt för ingen gräns",
+    "Expire at": "Utgår kl",
+    "Export accounts and aliases to CSV": "Exportera konton och alias till CSV",
+    "Export domains and aliases to CSV": "Exportera domäner och alias till CSV",
+    "Failed": "Misslyckades",
+    "First name": "Förnamn",
+    "Forward": "Vidarebefordra",
+    "Forward messages and store copies into your local mailbox": "Vidarebefordra meddelanden och lagra kopior i din lokala brevlåda",
+    "Forward updated": "Vidarebefordring uppdaterad",
+    "Forwarded": "Vidarebefordrad",
+    "Forwarders with ARC": "Vidarebefordrare med ARC",
+    "From": "Från",
+    "Full name": "Komplett namn",
+    "Fullname/recipient": "Komplett namn/mottagare",
+    "Fully aligned": "Helt inriktad",
+    "General": "Allmän",
+    "General information": "Allmänn information",
+    "General settings": "Allmänna inställningar",
+    "Generate": "Generera",
+    "Generate a new DKIM key": "Generera en ny DKIM nyckel",
+    "help": "hjälp",
+    "Here is an example of DNS configuration (bind format). Replace values between [ ] by the appropriate ones.": "Här är ett exempel på DNS-konfiguration (bind-format). Ersätt värdena mellan [ ] med de lämpliga värdena.",
+    "Identification": "Identifikation",
+    "Identities": "Identiteter",
+    "If you close this form now, your modifications won't be saved. Do you confirm?": "Om du stänger formuläret nu kommer dina ändringar inte att sparas. Bekräftar du?",
+    "If you configured it recently, please wait for the first report to be received and processed.": "Om du konfigurerade det nyligen, vänta tills den första rapporten tas emot och behandlas.",
+    "IMAP Migration": "IMAP migrering",
+    "IMAP Port": "IMAP port",
+    "Import": "Importera",
+    "Import accounts and aliases from CSV file": "Importera konton och alias från CSV-fil",
+    "Import domains": "Importera domäner",
+    "Import domains and aliases from CSV file": "Importera domäner och alias från CSV-fil",
+    "Import identities": "Importera identiteter",
+    "Indicate one or more recipients separated by a comma (,)": "Ange en eller flera mottagare separerade med kommatecken (,)",
+    "Information": "Information",
+    "Installed components": "Installerade komponenter",
+    "Installed version": "Installerad version",
+    "Invalid password": "Ogiltigt lösenord",
+    "Invalid reset token.": "Ogiltigt återställningstoken.",
+    "Invalid username and/or password": "Ogiltigt användarnamn och/eller lösenord",
+    "Is the IMAP connection secured using SSL/TLS or StartTLS": "Är IMAP-anslutningen säker med SSL/TLS eller StartTLS",
+    "Keep local copies": "Behåll lokala kopior",
+    "Language": "Språk",
+    "Last login date": "Senaste inloggning",
+    "Last modification date": "Senaste ändrad datum",
+    "Last name": "Efternamn",
+    "Latest version": "Senaste version",
+    "Leave empty for no limit": "Lämna tomt för ingen gräns",
+    "Level": "Nivå",
+    "Limitations": "Gränser",
+    "Local domain (optional)": "Lokal domän (valfritt)§",
+    "Logger": "Logger",
+    "Logout": "Logga ut",
+    "Mailbox": "Brevlåda",
+    "Mailboxes": "Brevlådor",
+    "MB": "MB",
+    "Message": "Meddelande",
+    "Message history": "Meddelande historik",
+    "Message sending limit": "Begränsning för meddelandesändning",
+    "messages": "meddelanden",
+    "Messages": "Meddelanden",
+    "Migration deleted": "Migrering raderad",
+    "Migrations": "Migreringar",
+    "Modified": "Ändrad",
+    "Modify": "Ändra",
+    "Month": "Månad",
+    "MX records": "MX poster",
+    "Name": "Namn",
+    "Name of the administrator": "Namn på administratören",
+    "Name of the domain to migrate": "Namn på domänen att migrera",
+    "Never logged-in": "Aldrig inloggad",
+    "New": "Ny",
+    "New account": "Nytt konto",
+    "New alias": "Nytt alias",
+    "New domain": "Ny domän",
+    "New provider": "Ny leverantör",
+    "New recovery codes": "Nya återställningskoder",
+    "Next": "Nästa",
+    "no": "nej",
+    "No": "Nej",
+    "No associated domains": "Inga associerade domäner",
+    "No sender address defined for this account": "Inge avsändaradress agedd för detta konto",
+    "No sending limit": "Ingen sändningsbegränsning",
+    "Not generated": "Ej genererad",
+    "Number of associated domains:": "Antal associerade domäner:",
+    "Number of messages this domain can send per day. Leave empty for no limit.": "Antal meddelanden som denna domän kan skicka per dag. Lämna tomt för ingen begränsning.",
+    "Number of messages this mailbox can send per day. Leave empty for no limit.": "Antal meddelanden som denna brevlåda kan skicka per dag. Lämna tomt för ingen begränsning.",
+    "Ok": "Ok",
+    "OK": "OK",
+    "Old account": "Gammalt konto",
+    "One or more updates are available": "En eller flera uppdateringar tillgängliga",
+    "Opened": "Öppnad",
+    "Opened alarms": "Öppnade alarm",
+    "Options": "Alternativ",
+    "Parameters updated": "Parametrar uppdaterade",
+    "Partially aligned": "Delvis justerad",
+    "Partially trusted sources / Forwarders": "Delvis pålitliga källor / speditörer",
+    "Password": "Lösenord",
+    "Password copied to clipboard": "Lösenord kopierat till urklipp",
+    "Password recovery": "Lösenordsåterställning",
+    "Password updated": "Lösenord uppdaterat",
+    "Passwords mismatch": "Lösenord matchar ej",
+    "Pending": "Väntande",
+    "Period": "Period",
+    "Phone number": "Telefonnummer",
+    "Pin code": "Pinkod",
+    "Please fill-in your primary email address": "Var vänlig fyll i din primära e-postadress",
+    "Port": "Port",
+    "Problem": "Problem",
+    "Proceed": "Fortsätt",
+    "Profile": "Profil",
+    "Profile updated": "Profil uppdaterad",
+    "Provide a CSV file where lines respect one of the following formats:": "Ange en CSV-fil där raderna respekterar ett av följande format:",
+    "Provider": "Leverantör",
+    "Provider created": "Leverantör skapad",
+    "Provider deleted": "Leverantör raderad",
+    "Provider name": "Leverantörsnamn",
+    "Provider updated": "Leverantör uppdaterad",
+    "Providers": "Leverantörer",
+    "Queue ID": "Kö ID",
+    "Quota": "Kvota",
+    "Quota for this mailbox, can be expressed in KB, MB (default) or GB. Define a custom value or use domain's default one. Leave empty to define an unlimited value (not allowed for domain administrators).": "Kvot för denna brevlåda, kan anges i KB, MB (standard) eller GB. Ange ett anpassat värde eller använd domänens standardvärde. Lämna tomt för att ange ett obegränsat värde (inte tillåtet för domänadministratörer).",
+    "Quota shared between mailboxes. Can be expressed in KB, MB (default) or GB. A value of 0 means no quota.": "Kvot delad mellan brevlådor. Kan anges i KB, MB (standard) eller GB. Ett värde av 0 innebär ingen kvot.",
+    "Random address": "Slumpmässig adress",
+    "Random password": "Slumpmässigt lösenord",
+    "Raw format. Click to copy": "Råformat. Klicka för att kopiera",
+    "Recipient(s)": "Mottagare",
+    "Recipients": "Mottagare",
+    "Register": "Register",
+    "Relative time ranges": "Relativa tidsintervall",
+    "Relay": "Relä",
+    "Reload": "Ladda om",
+    "Remember me": "Kom ihåg mig",
+    "Remove this address": "Radera denna adress",
+    "Remove this administrator": "Radera denna administratör",
+    "Reopen alarm": "Återöppna larmet",
+    "Reseller": "Återförsäljare",
+    "Resend SMS.": "Skicka SMS på nytt.",
+    "Reset recovery codes": "Återställ återställningskoder",
+    "Resources": "Resurser",
+    "Resources usage": "Resursanvändning",
+    "Retry reset": "Försök återställning igen",
+    "Return to login": "Återgå till inloggning",
+    "Role": "Roll",
+    "Save": "Spara",
+    "Search": "Sök",
+    "Secondary email": "Sekundär e-post",
+    "Secured": "Säkrad",
+    "Security": "Säkerhet",
+    "Select an account": "Välj ett konto",
+    "Select file": "Välj fil",
+    "Sender addresses": "Avsändaradresser",
+    "Sending limit": "Sändningsgräns",
+    "Separator": "Avgränsare",
+    "Service": "Tjänst",
+    "Settings": "Inställningar",
+    "Show key": "Visa nyckel",
+    "Simple user": "Enkel användare",
+    "Specify an email address": "Ange en e-postadress",
+    "SPF record found": "SPF post hittad",
+    "SPF record not found": "SPF post saknas",
+    "Start typing a name here...": "Börja skriva ett namn här...",
+    "Statistics": "Statistik",
+    "Status": "Status",
+    "Submit": "Skicka",
+    "Summary": "Sammanfattning",
+    "Super administrator": "Superadministratör",
+    "Tags": "Taggar",
+    "The first element of each line is mandatory and must be equal to one of the previous values.": "Det första elementet i varje rad är obligatoriskt och måste vara lika med ett av de tidigare värdena.",
+    "This page is still under construction.": "Denna sida är fortfarande under konstruktion.",
+    "To": "Till",
+    "Too many unsuccessful attempts, please try later.": "För många misslyckade försök, försök igen senare.",
+    "Total": "Totalt",
+    "TOTP resent.": "TOTP skickat igen.",
+    "Transport": "Transport",
+    "Triggered": "Triggad",
+    "Trusted sources": "Pålitliga källor",
+    "Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.": "Tvåfaktorsautentisering (2FA) är ännu inte aktiverad för ditt konto. Om du aktiverar den här funktionen ökar ditt kontos säkerhet.",
+    "Type": "Typ",
+    "Unknown": "Okänd",
+    "Unknown sources / Threats": "Okända källor / hot",
+    "unlimited": "obegränsat",
+    "Update": "Uppdatera",
+    "Update Password": "Uppdatera lösenord",
+    "Update settings": "Uppdatera inställningar",
+    "Updated": "Uppdaterad",
+    "Use domain default value": "Använd domänens standardvärde",
+    "User seems wrong, return to login or restart reset the process?": "Användare verkar felaktig, återgå till inloggning eller börja om återsällningsprocessen?",
+    "User unknown.": "Okänd användare.",
+    "Username": "Användarnamn",
+    "Username:": "Användarnamn:",
+    "Valid": "Giltig",
+    "Verify code": "Verifikationskod",
+    "Warning": "Varning",
+    "Week": "Vecka",
+    "Welcome to Modoboa": "Välkommen till Modoboa",
+    "With a mailbox": "Med en brevlåda",
+    "With mailbox": "Med brevlåda",
+    "Year": "År",
+    "yes": "ja",
+    "Yes": "Ja",
+    "You are about to delete your API access token": "Du håller på att radera din API-åtkomsttoken",
+    "You can use a different character as separator.": "Du kan använda ett annat tecken som avgränsare.",
+    "Your API token has not been generated yet.": "Ditt API token har ännu ej genererats.",
+    "Your API token is:": "Ditt API token är:"
+  },
+  "tr": {
+    "API": "API",
+    "API access": "API erişimi",
+    "Authentication": "Kimlik Doğrulama",
+    "Change password": "Parolayı değiştirin",
+    "Close": "Kapat",
+    "Confirmation": "Onayla",
+    "Congratulations! Two-Factor Authentication is now enabled for your account.": "Tebrikler! Artık hesabınız için İki Faktörlü Kimlik Doğrulama etkinleştirildi.",
+    "Dashboard": "Gösterge Paneli",
+    "Date": "Tarih",
+    "Description": "Tanım",
+    "Disable 2FA": "2FA'yı devre dışı bırak",
+    "Domain administrator": "Alan adı Yöneticisi",
+    "Enable 2FA": "2FA'yı etkinleştir",
+    "Enter the code you've just received by SMS": "Az önce SMS ile aldığınız kodu giriniz",
+    "From": "Kimden",
+    "General": "Genel",
+    "Information": "Bilgi",
+    "Installed version": "Kurulu sürüm",
+    "Level": "Seviye",
+    "Logger": "Kayıtçı",
+    "Logout": "Çıkış Yapın",
+    "Message": "İleti",
+    "Name": "İsim",
+    "New recovery codes": "Yeni kurtarma kodları",
+    "Next": "Sonraki",
+    "No": "Hayır",
+    "One or more updates are available": "Bir veya daha fazla güncelleme mevcut",
+    "Password": "Parola",
+    "Passwords mismatch": "Parolalar uyuşmuyor",
+    "Phone number": "Telefon numarası",
+    "Pin code": "Pin kodu",
+    "Please fill-in your primary email address": "Lütfen birincil e-posta adresinizi girin",
+    "Profile": "Profil",
+    "Profile updated": "Profil güncellendi",
+    "Register": "Kayıt ol",
+    "Remember me": "Beni hatırla",
+    "Reseller": "Bayii",
+    "Reset recovery codes": "Kurtarma kodlarını sıfırla",
+    "Role": "Rol",
+    "Save": "Kaydet",
+    "Secondary email": "İkincil e-posta",
+    "Security": "Güvenlik",
+    "Settings": "Ayarlar",
+    "Simple user": "Basit kullanıcı",
+    "Submit": "Gönder",
+    "To": "Kime",
+    "Two-Factor Authentication (2FA) is not yet activated for your account. Enabling this feature will increase your account's security.": "Hesabınız için İki Faktörlü Kimlik Doğrulama (2FA) henüz etkinleştirilmedi. Bu özelliği etkinleştirmek hesabınızın güvenliğini artıracaktır.",
+    "Unknown": "Bilinmeyen",
+    "Update": "Güncelle",
+    "Username": "Kullanıcı adı",
+    "Welcome to Modoboa": "Modoboa'ya hoş geldiniz",
+    "Yes": "Evet"
+  },
+  "zh": {}
+}
diff --git a/frontend/src/main.js b/frontend/src/main.js
index ca186bb61..f5dff2ae0 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -17,18 +17,18 @@ import { createApp } from 'vue'
 import repository from '@/api/repository.js'
 
 fetch(import.meta.env.BASE_URL + 'config.json').then((resp) => {
-  resp.json().then((config) => {
-    if (!config.API_BASE_URL) {
-      throw Error('API_BASE_URL is not defined in config.json')
-    }
-    repository.defaults.baseURL = config.API_BASE_URL
+    resp.json().then((config) => {
+        if (!config.API_BASE_URL) {
+            throw Error('API_BASE_URL is not defined in config.json')
+        }
+        repository.defaults.baseURL = config.API_BASE_URL
 
-    const app = createApp(App)
+        const app = createApp(App)
 
-    registerPlugins(app)
+        registerPlugins(app)
 
-    app.mount('#app')
+        app.mount('#app')
 
-    app.provide('$config', config)
-  })
+        app.provide('$config', config)
+    })
 })
diff --git a/frontend/src/mixins/importExport.js b/frontend/src/mixins/importExport.js
index e7c97f1ae..c7683e169 100644
--- a/frontend/src/mixins/importExport.js
+++ b/frontend/src/mixins/importExport.js
@@ -1,45 +1,44 @@
 import { useBusStore } from '@/stores'
 
 export const importExportMixin = () => {
-  function exportContent(content, name, $gettext) {
-    if (!content && !content.length) {
-      const busStore = useBusStore()
-      busStore.displayNotification({
-        msg: $gettext('No data to export'),
-        type: 'warning',
-      })
-      return
-    }
-    const blob = new Blob([content], { type: 'text/csv' })
-    const link = document.createElement('a')
-    link.href = URL.createObjectURL(blob)
-    link.download = `modoboa-${name}.csv`
-    link.click()
-    URL.revokeObjectURL(link.href)
-  }
-
-  function importContent(api, data, importForm, $gettext) {
-    api
-      .importFromCSV(data)
-      .then((resp) => {
-        const busStore = useBusStore()
-        if (resp.data.status) {
-          busStore.displayNotification({ msg: resp.data.message })
-          importForm.value.close()
-        } else {
-          busStore.displayNotification({
-            msg: resp.data.message,
-            type: 'error',
-          })
+    function exportContent(content, name, $gettext) {
+        if (!content && !content.length) {
+            const busStore = useBusStore()
+            busStore.displayNotification({
+                msg: $gettext('No data to export'),
+                type: 'warning',
+            })
+            return
         }
-      })
-      .catch(() => {
-        const busStore = useBusStore()
-        busStore.displayNotification({
-          msg: $gettext('CSV seems to be badly formatted'),
-          type: 'error',
-        })
-      })
-  }
-  return { exportContent, importContent }
+        const blob = new Blob([content], { type: 'text/csv' })
+        const link = document.createElement('a')
+        link.href = URL.createObjectURL(blob)
+        link.download = `modoboa-${name}.csv`
+        link.click()
+        URL.revokeObjectURL(link.href)
+    }
+
+    function importContent(api, data, importForm, $gettext) {
+        api.importFromCSV(data)
+            .then((resp) => {
+                const busStore = useBusStore()
+                if (resp.data.status) {
+                    busStore.displayNotification({ msg: resp.data.message })
+                    importForm.value.close()
+                } else {
+                    busStore.displayNotification({
+                        msg: resp.data.message,
+                        type: 'error',
+                    })
+                }
+            })
+            .catch(() => {
+                const busStore = useBusStore()
+                busStore.displayNotification({
+                    msg: $gettext('CSV seems to be badly formatted'),
+                    type: 'error',
+                })
+            })
+    }
+    return { exportContent, importContent }
 }
diff --git a/frontend/src/plugins/filters.js b/frontend/src/plugins/filters.js
index 4caeaa4e5..ceaff8d8a 100644
--- a/frontend/src/plugins/filters.js
+++ b/frontend/src/plugins/filters.js
@@ -4,18 +4,20 @@ import { DateTime } from 'luxon'
 const { $gettext } = gettext
 
 export default {
-  install: (app) => {
-    app.config.globalProperties.$yesno = (value) => {
-      return value ? $gettext('yes') : $gettext('no')
-    }
-    app.config.globalProperties.$date = (value) => {
-      return DateTime.fromISO(value)
-        .setLocale('en')
-        .toLocaleString(DateTime.DATETIME_MED)
-    }
-    app.config.globalProperties.$truncate = (value, length, clamp) => {
-      clamp = clamp || '...'
-      return value.length > length ? value.slice(0, length) + clamp : value
-    }
-  },
+    install: (app) => {
+        app.config.globalProperties.$yesno = (value) => {
+            return value ? $gettext('yes') : $gettext('no')
+        }
+        app.config.globalProperties.$date = (value) => {
+            return DateTime.fromISO(value)
+                .setLocale('en')
+                .toLocaleString(DateTime.DATETIME_MED)
+        }
+        app.config.globalProperties.$truncate = (value, length, clamp) => {
+            clamp = clamp || '...'
+            return value.length > length
+                ? value.slice(0, length) + clamp
+                : value
+        }
+    },
 }
diff --git a/frontend/src/plugins/gettext.js b/frontend/src/plugins/gettext.js
index b01f8c85b..86e96d527 100644
--- a/frontend/src/plugins/gettext.js
+++ b/frontend/src/plugins/gettext.js
@@ -2,26 +2,26 @@ import { createGettext } from 'vue3-gettext'
 import translations from '@/locale/translations.json'
 
 export default createGettext({
-  availableLanguages: {
-    en: 'English',
-    cs: 'Czech',
-    de: 'German',
-    br: 'Breton',
-    el: 'Greek',
-    es: 'Spain',
-    fi: 'Finnish',
-    fr: 'French',
-    it: 'Italian',
-    ja: 'Japanese',
-    nl: 'Dutch',
-    pl: 'Polish',
-    pt: 'Portuguese',
-    ru: 'Russian',
-    sv: 'Swedish',
-    tr: 'tr',
-    zh: 'Chinese',
-  },
-  defaultLanguage: 'en',
-  translations: translations,
-  silent: true, // stop warnings
+    availableLanguages: {
+        en: 'English',
+        cs: 'Czech',
+        de: 'German',
+        br: 'Breton',
+        el: 'Greek',
+        es: 'Spain',
+        fi: 'Finnish',
+        fr: 'French',
+        it: 'Italian',
+        ja: 'Japanese',
+        nl: 'Dutch',
+        pl: 'Polish',
+        pt: 'Portuguese',
+        ru: 'Russian',
+        sv: 'Swedish',
+        tr: 'tr',
+        zh: 'Chinese',
+    },
+    defaultLanguage: 'en',
+    translations: translations,
+    silent: true, // stop warnings
 })
diff --git a/frontend/src/plugins/index.js b/frontend/src/plugins/index.js
index af0f19c3f..095b26c0f 100644
--- a/frontend/src/plugins/index.js
+++ b/frontend/src/plugins/index.js
@@ -13,11 +13,10 @@ import pinia from '@/stores'
 import VueApexCharts from 'vue3-apexcharts'
 
 export function registerPlugins(app) {
-  app
-    .use(gettext)
-    .use(vuetify)
-    .use(pinia)
-    .use(router)
-    .use(filters)
-    .use(VueApexCharts)
+    app.use(gettext)
+        .use(vuetify)
+        .use(pinia)
+        .use(router)
+        .use(filters)
+        .use(VueApexCharts)
 }
diff --git a/frontend/src/plugins/rules.js b/frontend/src/plugins/rules.js
index e9c804b87..06e34af6e 100644
--- a/frontend/src/plugins/rules.js
+++ b/frontend/src/plugins/rules.js
@@ -3,40 +3,41 @@ import gettext from './gettext'
 const { $gettext } = gettext
 
 function validateEmail(email) {
-  if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-    return $gettext('Not a valid email')
-  } else {
-    return true
-  }
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+        return $gettext('Not a valid email')
+    } else {
+        return true
+    }
 }
 
 function validateNumeric(value) {
-  if (isNaN(value)) {
-    return false
-  }
-  var x = parseFloat(value)
-  return (x | 0) === x
+    if (isNaN(value)) {
+        return false
+    }
+    var x = parseFloat(value)
+    return (x | 0) === x
 }
 
 function samePassword(value, confirmation) {
-  return value === confirmation
+    return value === confirmation
 }
 
 export default {
-  required: (value) =>
-    (value !== '' && value != null) || $gettext('Field is required'),
-  email: (value) => validateEmail(value),
-  emailOrNull: (value) => value != null || value !== '' || validateEmail(value),
-  minLength: (len) => (value) =>
-    value.length > len ||
-    $gettext('Minimum length is %{ length }', { length: len }),
-  numericOrNull: (value) =>
-    value == null ||
-    value === '' ||
-    validateNumeric(value) ||
-    $gettext('Must be a numeric value or empty'),
-  samePassword: (value, confirmation) =>
-    samePassword(value, confirmation) || $gettext('Passwords mismatch'),
-  portNumber: (value) =>
-    (value > 0 && value < 65536) || $gettext('Invalid port number'),
+    required: (value) =>
+        (value !== '' && value != null) || $gettext('Field is required'),
+    email: (value) => validateEmail(value),
+    emailOrNull: (value) =>
+        value != null || value !== '' || validateEmail(value),
+    minLength: (len) => (value) =>
+        value.length > len ||
+        $gettext('Minimum length is %{ length }', { length: len }),
+    numericOrNull: (value) =>
+        value == null ||
+        value === '' ||
+        validateNumeric(value) ||
+        $gettext('Must be a numeric value or empty'),
+    samePassword: (value, confirmation) =>
+        samePassword(value, confirmation) || $gettext('Passwords mismatch'),
+    portNumber: (value) =>
+        (value > 0 && value < 65536) || $gettext('Invalid port number'),
 }
diff --git a/frontend/src/plugins/vuetify.js b/frontend/src/plugins/vuetify.js
index 2a2881f39..9034580d9 100644
--- a/frontend/src/plugins/vuetify.js
+++ b/frontend/src/plugins/vuetify.js
@@ -13,24 +13,24 @@ import { createVuetify } from 'vuetify'
 
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
-  theme: {
-    themes: {
-      light: {
-        colors: {
-          primary: '#046BF8',
-          'primary-lighten-1': '#3688F9',
-          'primary-darken-1': '#0350BA',
-          secondary: '#F18429',
-          label: '#616161',
+    theme: {
+        themes: {
+            light: {
+                colors: {
+                    primary: '#046BF8',
+                    'primary-lighten-1': '#3688F9',
+                    'primary-darken-1': '#0350BA',
+                    secondary: '#F18429',
+                    label: '#616161',
+                },
+            },
         },
-      },
     },
-  },
-  styles: { configFile: 'src/styles/settings.scss' },
-  defaults: {
-    VCard: {
-      class: 'pa-2',
-      VCardTitle: { class: 'd-flex', style: 'align-items: center;' },
+    styles: { configFile: 'src/styles/settings.scss' },
+    defaults: {
+        VCard: {
+            class: 'pa-2',
+            VCardTitle: { class: 'd-flex', style: 'align-items: center;' },
+        },
     },
-  },
 })
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 665c64fa7..d27471033 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -3,323 +3,377 @@ import { createRouter, createWebHistory } from 'vue-router'
 import { useAuthStore } from '@/stores'
 
 const routes = [
-  {
-    path: '/login',
-    component: () => import('@/layouts/default/DefaultLayout.vue'),
-    children: [
-      {
-        path: '',
-        name: 'Login',
-        component: () => import('@/views/login/LoginView.vue'),
-      },
-      {
-        path: 'twofa',
-        name: 'TwoFA',
-        component: () => import('@/views/login/TwoFA.vue'),
-      },
-      {
-        path: 'password_recovery',
-        name: 'PasswordRecovery',
-        component: () => import('../views/login/PasswordRecoveryView.vue'),
-      },
-      {
-        path: 'password_recovery/confirm/:id?/:token?/',
-        name: 'PasswordRecoveryChangeForm',
-        component: () =>
-          import('../views/login/PasswordRecoveryChangeView.vue'),
-      },
-      {
-        path: 'password_recovery/sms_confirm',
-        name: 'PasswordRecoverySms',
-        component: () =>
-          import('../views/login/PasswordRecoverySmsTotpView.vue'),
-      },
-    ],
-  },
-  {
-    path: '/admin',
-    component: () => import('@/layouts/dashboard/DashboardLayout.vue'),
-    children: [
-      {
-        path: '',
-        name: 'Dashboard',
-        component: () => import('@/views/Dashboard.vue'),
-        meta: {
-          requiresAuth: true,
-        },
-      },
-      {
-        path: 'domains',
+    {
+        path: '/login',
         component: () => import('@/layouts/default/DefaultLayout.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-        },
         children: [
-          {
-            path: '',
-            name: 'DomainList',
-            component: () => import('@/views/admin/domains/DomainsView.vue'),
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-            },
-          },
-          {
-            path: ':id',
-            name: 'DomainDetail',
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-            },
-            component: () => import('@/views/admin/domains/DomainView.vue'),
-          },
-          {
-            path: ':id/edit',
-            name: 'DomainEdit',
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-            },
-            component: () => import('@/views/admin/domains/DomainEditView.vue'),
-          },
-        ],
-      },
-      {
-        path: 'imap_migration',
-        component: () => import('@/layouts/default/DefaultLayout.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-        },
-        children: [
-          {
-            path: 'migrations',
-            name: 'MigrationsList',
-            component: () =>
-              import('@/views/admin/imap_migration/MigrationsView.vue'),
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['Resellers', 'SuperAdmins'],
-            },
-          },
-          {
-            path: 'providers',
-            component: () => import('@/layouts/default/DefaultLayout.vue'),
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['Resellers', 'SuperAdmins'],
-            },
-            children: [
-              {
+            {
                 path: '',
-                name: 'ProvidersList',
+                name: 'Login',
+                component: () => import('@/views/login/LoginView.vue'),
+            },
+            {
+                path: 'twofa',
+                name: 'TwoFA',
+                component: () => import('@/views/login/TwoFA.vue'),
+            },
+            {
+                path: 'password_recovery',
+                name: 'PasswordRecovery',
                 component: () =>
-                  import('@/views/admin/imap_migration/ProvidersView.vue'),
-                meta: {
-                  requiresAuth: true,
-                  allowedRoles: ['Resellers', 'SuperAdmins'],
-                },
-              },
-              {
-                path: 'providers/:id/edit',
-                name: 'ProviderEdit',
+                    import('../views/login/PasswordRecoveryView.vue'),
+            },
+            {
+                path: 'password_recovery/confirm/:id?/:token?/',
+                name: 'PasswordRecoveryChangeForm',
                 component: () =>
-                  import('@/views/admin/imap_migration/ProviderEditView.vue'),
-                meta: {
-                  requiresAuth: true,
-                  allowedRoles: ['Resellers', 'SuperAdmins'],
-                },
-              },
-            ],
-          },
+                    import('../views/login/PasswordRecoveryChangeView.vue'),
+            },
+            {
+                path: 'password_recovery/sms_confirm',
+                name: 'PasswordRecoverySms',
+                component: () =>
+                    import('../views/login/PasswordRecoverySmsTotpView.vue'),
+            },
         ],
-      },
-      {
-        path: 'identities',
-        component: () => import('@/layouts/default/DefaultLayout.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-        },
+    },
+    {
+        path: '/admin',
+        component: () => import('@/layouts/dashboard/DashboardLayout.vue'),
         children: [
-          {
-            path: '',
-            name: 'Identities',
-            component: () =>
-              import('@/views/admin/identities/IdentitiesView.vue'),
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+            {
+                path: '',
+                name: 'Dashboard',
+                component: () => import('@/views/Dashboard.vue'),
+                meta: {
+                    requiresAuth: true,
+                },
             },
-          },
-          {
-            path: 'accounts/:id',
-            name: 'AccountDetail',
-            component: () => import('@/views/admin/identities/AccountView.vue'),
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+            {
+                path: 'domains',
+                component: () => import('@/layouts/default/DefaultLayout.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+                },
+                children: [
+                    {
+                        path: '',
+                        name: 'DomainList',
+                        component: () =>
+                            import('@/views/admin/domains/DomainsView.vue'),
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: [
+                                'DomainAdmins',
+                                'Resellers',
+                                'SuperAdmins',
+                            ],
+                        },
+                    },
+                    {
+                        path: ':id',
+                        name: 'DomainDetail',
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: [
+                                'DomainAdmins',
+                                'Resellers',
+                                'SuperAdmins',
+                            ],
+                        },
+                        component: () =>
+                            import('@/views/admin/domains/DomainView.vue'),
+                    },
+                    {
+                        path: ':id/edit',
+                        name: 'DomainEdit',
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: [
+                                'DomainAdmins',
+                                'Resellers',
+                                'SuperAdmins',
+                            ],
+                        },
+                        component: () =>
+                            import('@/views/admin/domains/DomainEditView.vue'),
+                    },
+                ],
             },
-          },
-          {
-            path: 'accounts/:id/edit',
-            name: 'AccountEdit',
-            component: () =>
-              import('@/views/admin/identities/AccountEditView.vue'),
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+            {
+                path: 'imap_migration',
+                component: () => import('@/layouts/default/DefaultLayout.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+                },
+                children: [
+                    {
+                        path: 'migrations',
+                        name: 'MigrationsList',
+                        component: () =>
+                            import(
+                                '@/views/admin/imap_migration/MigrationsView.vue'
+                            ),
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: ['Resellers', 'SuperAdmins'],
+                        },
+                    },
+                    {
+                        path: 'providers',
+                        component: () =>
+                            import('@/layouts/default/DefaultLayout.vue'),
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: ['Resellers', 'SuperAdmins'],
+                        },
+                        children: [
+                            {
+                                path: '',
+                                name: 'ProvidersList',
+                                component: () =>
+                                    import(
+                                        '@/views/admin/imap_migration/ProvidersView.vue'
+                                    ),
+                                meta: {
+                                    requiresAuth: true,
+                                    allowedRoles: ['Resellers', 'SuperAdmins'],
+                                },
+                            },
+                            {
+                                path: 'providers/:id/edit',
+                                name: 'ProviderEdit',
+                                component: () =>
+                                    import(
+                                        '@/views/admin/imap_migration/ProviderEditView.vue'
+                                    ),
+                                meta: {
+                                    requiresAuth: true,
+                                    allowedRoles: ['Resellers', 'SuperAdmins'],
+                                },
+                            },
+                        ],
+                    },
+                ],
             },
-          },
-          {
-            path: 'aliases/:id',
-            name: 'AliasDetail',
-            component: () => import('@/views/admin/identities/AliasView.vue'),
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+            {
+                path: 'identities',
+                component: () => import('@/layouts/default/DefaultLayout.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+                },
+                children: [
+                    {
+                        path: '',
+                        name: 'Identities',
+                        component: () =>
+                            import(
+                                '@/views/admin/identities/IdentitiesView.vue'
+                            ),
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: [
+                                'DomainAdmins',
+                                'Resellers',
+                                'SuperAdmins',
+                            ],
+                        },
+                    },
+                    {
+                        path: 'accounts/:id',
+                        name: 'AccountDetail',
+                        component: () =>
+                            import('@/views/admin/identities/AccountView.vue'),
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: [
+                                'DomainAdmins',
+                                'Resellers',
+                                'SuperAdmins',
+                            ],
+                        },
+                    },
+                    {
+                        path: 'accounts/:id/edit',
+                        name: 'AccountEdit',
+                        component: () =>
+                            import(
+                                '@/views/admin/identities/AccountEditView.vue'
+                            ),
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: [
+                                'DomainAdmins',
+                                'Resellers',
+                                'SuperAdmins',
+                            ],
+                        },
+                    },
+                    {
+                        path: 'aliases/:id',
+                        name: 'AliasDetail',
+                        component: () =>
+                            import('@/views/admin/identities/AliasView.vue'),
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: [
+                                'DomainAdmins',
+                                'Resellers',
+                                'SuperAdmins',
+                            ],
+                        },
+                    },
+                    {
+                        path: 'aliases/:id/edit',
+                        name: 'AliasEdit',
+                        component: () =>
+                            import(
+                                '@/views/admin/identities/AliasEditView.vue'
+                            ),
+                        meta: {
+                            requiresAuth: true,
+                            allowedRoles: [
+                                'DomainAdmins',
+                                'Resellers',
+                                'SuperAdmins',
+                            ],
+                        },
+                    },
+                ],
             },
-          },
-          {
-            path: 'aliases/:id/edit',
-            name: 'AliasEdit',
-            component: () =>
-              import('@/views/admin/identities/AliasEditView.vue'),
-            meta: {
-              requiresAuth: true,
-              allowedRoles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+            {
+                path: 'parameters/:app',
+                name: 'ParametersEdit',
+                component: () => import('@/views/admin/ParametersView.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['SuperAdmins'],
+                },
+            },
+            {
+                path: 'alarms',
+                name: 'Alarms',
+                component: () => import('@/views/admin/alarms/AlarmsView.vue'),
+                meta: {
+                    requiresAuth: true,
+                },
+            },
+            {
+                path: 'monitoring/statistics',
+                name: 'Statistics',
+                component: () =>
+                    import('@/views/admin/monitoring/StatisticsView.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['SuperAdmins'],
+                },
+            },
+            {
+                path: 'monitoring/audit_trail',
+                name: 'AuditTrail',
+                component: () =>
+                    import('@/views/admin/monitoring/AuditTrailView.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['SuperAdmins'],
+                },
+            },
+            {
+                path: 'monitoring/messages',
+                name: 'MessageLog',
+                component: () =>
+                    import('@/views/admin/monitoring/MessagesView.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['DomainAdmins', 'SuperAdmins'],
+                },
+            },
+            {
+                path: 'information',
+                name: 'Information',
+                component: () => import('@/views/admin/InformationView.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['SuperAdmins'],
+                },
             },
-          },
         ],
-      },
-      {
-        path: 'parameters/:app',
-        name: 'ParametersEdit',
-        component: () => import('@/views/admin/ParametersView.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['SuperAdmins'],
-        },
-      },
-      {
-        path: 'alarms',
-        name: 'Alarms',
-        component: () => import('@/views/admin/alarms/AlarmsView.vue'),
-        meta: {
-          requiresAuth: true,
-        },
-      },
-      {
-        path: 'monitoring/statistics',
-        name: 'Statistics',
-        component: () => import('@/views/admin/monitoring/StatisticsView.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['SuperAdmins'],
-        },
-      },
-      {
-        path: 'monitoring/audit_trail',
-        name: 'AuditTrail',
-        component: () => import('@/views/admin/monitoring/AuditTrailView.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['SuperAdmins'],
-        },
-      },
-      {
-        path: 'monitoring/messages',
-        name: 'MessageLog',
-        component: () => import('@/views/admin/monitoring/MessagesView.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['DomainAdmins', 'SuperAdmins'],
-        },
-      },
-      {
-        path: 'information',
-        name: 'Information',
-        component: () => import('@/views/admin/InformationView.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['SuperAdmins'],
-        },
-      },
-    ],
-  },
-  {
-    path: '/account',
-    component: () => import('@/layouts/dashboard/DashboardLayout.vue'),
-    meta: { layout: 'account' },
-    children: [
-      {
-        path: 'api',
-        name: 'APISetup',
-        component: () => import('@/views/account/APISetupView.vue'),
-        meta: {
-          requiresAuth: true,
-          allowedRoles: ['SuperAdmins'],
-        },
-      },
-      {
-        path: 'profile',
-        name: 'UserProfile',
-        component: () => import('@/views/account/ProfileView.vue'),
-        meta: {
-          requiresAuth: true,
-        },
-      },
-      {
-        path: 'security',
-        name: 'UserSecurity',
-        component: () => import('@/views/account/SecurityView.vue'),
-        meta: {
-          requiresAuth: true,
-        },
-      },
-      {
-        path: 'forward',
-        name: 'UserForward',
-        component: () => import('@/views/account/ForwardView.vue'),
-        meta: {
-          requiresAuth: true,
-        },
-      },
-    ],
-  },
-  {
-    path: '/:pathMatch(.*)*',
-    name: 'NotFound',
-    redirect: { name: 'Dashboard', params: {} },
-  },
+    },
+    {
+        path: '/account',
+        component: () => import('@/layouts/dashboard/DashboardLayout.vue'),
+        meta: { layout: 'account' },
+        children: [
+            {
+                path: 'api',
+                name: 'APISetup',
+                component: () => import('@/views/account/APISetupView.vue'),
+                meta: {
+                    requiresAuth: true,
+                    allowedRoles: ['SuperAdmins'],
+                },
+            },
+            {
+                path: 'profile',
+                name: 'UserProfile',
+                component: () => import('@/views/account/ProfileView.vue'),
+                meta: {
+                    requiresAuth: true,
+                },
+            },
+            {
+                path: 'security',
+                name: 'UserSecurity',
+                component: () => import('@/views/account/SecurityView.vue'),
+                meta: {
+                    requiresAuth: true,
+                },
+            },
+            {
+                path: 'forward',
+                name: 'UserForward',
+                component: () => import('@/views/account/ForwardView.vue'),
+                meta: {
+                    requiresAuth: true,
+                },
+            },
+        ],
+    },
+    {
+        path: '/:pathMatch(.*)*',
+        name: 'NotFound',
+        redirect: { name: 'Dashboard', params: {} },
+    },
 ]
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes,
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes,
 })
 
 router.beforeEach((to, from, next) => {
-  if (to.meta.requiresAuth !== undefined) {
-    const authStore = useAuthStore()
-    authStore.initialize().then(() => {
-      if (!authStore.isAuthenticated) {
-        next({ name: 'Login' })
-      } else {
-        /*
+    if (to.meta.requiresAuth !== undefined) {
+        const authStore = useAuthStore()
+        authStore.initialize().then(() => {
+            if (!authStore.isAuthenticated) {
+                next({ name: 'Login' })
+            } else {
+                /*
         if (to.meta.allowedRoles !== undefined) {
           if (to.meta.allowedRoles.indexOf(authStore.authUser.role) === -1) {
             next({ name: 'Dashboard' })
             return
           }
         }*/
+                next()
+            }
+        })
+    } else {
         next()
-      }
-    })
-  } else {
-    next()
-  }
+    }
 })
 
 export default router
diff --git a/frontend/src/stores/accounts.store.js b/frontend/src/stores/accounts.store.js
index 51bf86b70..02aa74525 100644
--- a/frontend/src/stores/accounts.store.js
+++ b/frontend/src/stores/accounts.store.js
@@ -7,77 +7,77 @@ import accountsApi from '@/api/accounts'
 import gettext from '@/plugins/gettext'
 
 export const useAccountsStore = defineStore('accounts', () => {
-  const busStore = useBusStore()
+    const busStore = useBusStore()
 
-  const { $gettext } = gettext
+    const { $gettext } = gettext
 
-  const accounts = ref({})
-  const accountsLoaded = ref(false)
+    const accounts = ref({})
+    const accountsLoaded = ref(false)
 
-  async function $reset() {
-    accounts.value = {}
-    accountsLoaded.value = false
-  }
+    async function $reset() {
+        accounts.value = {}
+        accountsLoaded.value = false
+    }
 
-  async function getAll() {
-    accounts.value = {}
-    return accountsApi.getAll().then((response) => {
-      for (const account of response.data) {
-        accounts.value[account.pk] = account
-      }
-      return response
-    })
-  }
-
-  async function getAccount(pk) {
-    accountsLoaded.value = false
-    return accountsApi
-      .get(pk)
-      .then((response) => {
-        accounts.value[pk] = response.data
-        return response
-      })
-      .finally(() => {
-        accountsLoaded.value = true
-      })
-  }
-
-  async function updateAccount(data) {
-    return accountsApi.patch(data.pk, data).then((response) => {
-      accounts.value[data.pk] = response.data
-      busStore.displayNotification({ msg: $gettext('Account updated') })
-      return response
-    })
-  }
-
-  async function createAccount(data) {
-    return accountsApi.create(data).then((response) => {
-      accounts.value[response.data.pk] = response.data
-      busStore.displayNotification({ msg: $gettext('Account created') })
-      return response
-    })
-  }
-
-  async function deleteAccount(pk, options) {
-    accountsLoaded.value = false
-    return accountsApi
-      .delete(pk, options)
-      .then((response) => {
-        busStore.displayNotification({
-          msg: $gettext('Account successfully deleted'),
+    async function getAll() {
+        accounts.value = {}
+        return accountsApi.getAll().then((response) => {
+            for (const account of response.data) {
+                accounts.value[account.pk] = account
+            }
+            return response
         })
-        return response
-      })
-      .finally(() => (accountsLoaded.value = true))
-  }
-  return {
-    accounts,
-    accountsLoaded,
-    getAll,
-    getAccount,
-    updateAccount,
-    createAccount,
-    deleteAccount,
-    $reset
-  }
+    }
+
+    async function getAccount(pk) {
+        accountsLoaded.value = false
+        return accountsApi
+            .get(pk)
+            .then((response) => {
+                accounts.value[pk] = response.data
+                return response
+            })
+            .finally(() => {
+                accountsLoaded.value = true
+            })
+    }
+
+    async function updateAccount(data) {
+        return accountsApi.patch(data.pk, data).then((response) => {
+            accounts.value[data.pk] = response.data
+            busStore.displayNotification({ msg: $gettext('Account updated') })
+            return response
+        })
+    }
+
+    async function createAccount(data) {
+        return accountsApi.create(data).then((response) => {
+            accounts.value[response.data.pk] = response.data
+            busStore.displayNotification({ msg: $gettext('Account created') })
+            return response
+        })
+    }
+
+    async function deleteAccount(pk, options) {
+        accountsLoaded.value = false
+        return accountsApi
+            .delete(pk, options)
+            .then((response) => {
+                busStore.displayNotification({
+                    msg: $gettext('Account successfully deleted'),
+                })
+                return response
+            })
+            .finally(() => (accountsLoaded.value = true))
+    }
+    return {
+        accounts,
+        accountsLoaded,
+        getAll,
+        getAccount,
+        updateAccount,
+        createAccount,
+        deleteAccount,
+        $reset,
+    }
 })
diff --git a/frontend/src/stores/aliases.store.js b/frontend/src/stores/aliases.store.js
index 91b559054..77376be01 100644
--- a/frontend/src/stores/aliases.store.js
+++ b/frontend/src/stores/aliases.store.js
@@ -6,89 +6,89 @@ import { useBusStore } from './bus.store'
 import gettext from '@/plugins/gettext'
 
 export const useAliasesStore = defineStore('aliases', () => {
-  const busStore = useBusStore()
-  const { $gettext } = gettext
+    const busStore = useBusStore()
+    const { $gettext } = gettext
 
-  const aliases = ref({})
-  const aliasesLoaded = ref(false)
+    const aliases = ref({})
+    const aliasesLoaded = ref(false)
 
-  async function $reset() {
-    aliases.value = {}
-    aliasesLoaded.value = false
-  }
-
-  async function getAll() {
-    aliasesLoaded.value = false
-    return aliasesApi
-      .getAll()
-      .then((response) => {
+    async function $reset() {
         aliases.value = {}
-        for (const account of response.data) {
-          aliases.value[account.pk] = account
-        }
-        return response
-      })
-      .finally(() => (aliasesLoaded.value = true))
-  }
+        aliasesLoaded.value = false
+    }
 
-  async function getAlias(pk) {
-    aliasesLoaded.value = false
-    return aliasesApi
-      .get(pk)
-      .then((response) => {
-        aliases.value[pk] = response.data
-        return response
-      })
-      .finally(() => (aliasesLoaded.value = true))
-  }
+    async function getAll() {
+        aliasesLoaded.value = false
+        return aliasesApi
+            .getAll()
+            .then((response) => {
+                aliases.value = {}
+                for (const account of response.data) {
+                    aliases.value[account.pk] = account
+                }
+                return response
+            })
+            .finally(() => (aliasesLoaded.value = true))
+    }
 
-  async function createAlias(data) {
-    aliasesLoaded.value = false
-    return aliasesApi
-      .create(data)
-      .then((response) => {
-        aliases.value[response.data.pk] = response.data
-        busStore.displayNotification({
-          msg: $gettext('Alias successfully created'),
-        })
-        return response
-      })
-      .finally(() => (aliasesLoaded.value = true))
-  }
+    async function getAlias(pk) {
+        aliasesLoaded.value = false
+        return aliasesApi
+            .get(pk)
+            .then((response) => {
+                aliases.value[pk] = response.data
+                return response
+            })
+            .finally(() => (aliasesLoaded.value = true))
+    }
 
-  async function deleteAlias(pk) {
-    aliasesLoaded.value = false
-    return aliasesApi
-      .delete(pk)
-      .then((response) => {
-        busStore.displayNotification({
-          msg: $gettext('Alias successfully deleted'),
-        })
-        return response
-      })
-      .finally(() => (aliasesLoaded.value = true))
-  }
+    async function createAlias(data) {
+        aliasesLoaded.value = false
+        return aliasesApi
+            .create(data)
+            .then((response) => {
+                aliases.value[response.data.pk] = response.data
+                busStore.displayNotification({
+                    msg: $gettext('Alias successfully created'),
+                })
+                return response
+            })
+            .finally(() => (aliasesLoaded.value = true))
+    }
 
-  async function updateAlias(data) {
-    aliasesLoaded.value = false
-    return aliasesApi
-      .patch(data.pk, data)
-      .then((response) => {
-        aliases.value[data.pk] = response.data
-        busStore.displayNotification({ msg: $gettext('Alias updated') })
-        return response
-      })
-      .finally(() => (aliasesLoaded.value = true))
-  }
+    async function deleteAlias(pk) {
+        aliasesLoaded.value = false
+        return aliasesApi
+            .delete(pk)
+            .then((response) => {
+                busStore.displayNotification({
+                    msg: $gettext('Alias successfully deleted'),
+                })
+                return response
+            })
+            .finally(() => (aliasesLoaded.value = true))
+    }
 
-  return {
-    aliases,
-    aliasesLoaded,
-    getAll,
-    getAlias,
-    createAlias,
-    deleteAlias,
-    updateAlias,
-    $reset
-  }
+    async function updateAlias(data) {
+        aliasesLoaded.value = false
+        return aliasesApi
+            .patch(data.pk, data)
+            .then((response) => {
+                aliases.value[data.pk] = response.data
+                busStore.displayNotification({ msg: $gettext('Alias updated') })
+                return response
+            })
+            .finally(() => (aliasesLoaded.value = true))
+    }
+
+    return {
+        aliases,
+        aliasesLoaded,
+        getAll,
+        getAlias,
+        createAlias,
+        deleteAlias,
+        updateAlias,
+        $reset,
+    }
 })
diff --git a/frontend/src/stores/auth.store.js b/frontend/src/stores/auth.store.js
index d49aea138..cecb30e48 100644
--- a/frontend/src/stores/auth.store.js
+++ b/frontend/src/stores/auth.store.js
@@ -10,82 +10,82 @@ import accountsApi from '@/api/accounts'
 import authApi from '@/api/auth'
 
 export const useAuthStore = defineStore('auth', () => {
-  const authUser = ref({})
-  const isAuthenticated = ref(false)
+    const authUser = ref({})
+    const isAuthenticated = ref(false)
 
-  async function fetchUser() {
-    return accountApi.getMe().then((resp) => {
-      gettext.current = resp.data.language
-      authUser.value = resp.data
-      isAuthenticated.value = true
-    })
-  }
-
-  async function initialize() {
-    const token = Cookies.get('token')
-    if (!token) {
-      return
-    }
-    repository.defaults.headers.common.Authorization = `Bearer ${token}`
-    repository.defaults.headers.post['Content-Type'] = 'application/json'
-    return fetchUser()
-  }
-
-  async function login(payload) {
-    const resp = await authApi.requestToken(payload)
-    const cookiesAttributes = { sameSite: 'strict' }
-    if (payload.rememberMe) {
-      cookiesAttributes.expires = 90
+    async function fetchUser() {
+        return accountApi.getMe().then((resp) => {
+            gettext.current = resp.data.language
+            authUser.value = resp.data
+            isAuthenticated.value = true
+        })
     }
 
-    const cookie = Cookies.withAttributes(cookiesAttributes)
-    cookie.set('token', resp.data.access)
-    cookie.set('refreshToken', resp.data.refresh)
-    initialize()
-  }
-  async function $reset() {
-    delete repository.defaults.headers.common.Authorization
-    Cookies.remove('token')
-    Cookies.remove('refreshToken')
-    authUser.value = {}
-    isAuthenticated.value = false
-  }
+    async function initialize() {
+        const token = Cookies.get('token')
+        if (!token) {
+            return
+        }
+        repository.defaults.headers.common.Authorization = `Bearer ${token}`
+        repository.defaults.headers.post['Content-Type'] = 'application/json'
+        return fetchUser()
+    }
 
-  async function updateAccount(data) {
-    return accountsApi.patch(authUser.value.pk, data).then((response) => {
-      if (
-        response.data.language != authUser.value.language &&
-        response.data.language in gettext.available
-      ) {
-        gettext.current = response.data.language
-      }
-      const newAuthUser = { ...authUser.value, ...response.data }
-      delete newAuthUser.password
-      authUser.value = { ...newAuthUser }
-    })
-  }
+    async function login(payload) {
+        const resp = await authApi.requestToken(payload)
+        const cookiesAttributes = { sameSite: 'strict' }
+        if (payload.rememberMe) {
+            cookiesAttributes.expires = 90
+        }
 
-  async function finalizeTFASetup(pinCode) {
-    return accountApi
-      .finalizeTFASetup(pinCode)
-      .then((response) => {
-        const cookie = Cookies.withAttributes({ sameSite: 'strict' })
-        cookie.set('token', response.data.access)
-        cookie.set('refreshToken', response.data.refresh)
+        const cookie = Cookies.withAttributes(cookiesAttributes)
+        cookie.set('token', resp.data.access)
+        cookie.set('refreshToken', resp.data.refresh)
         initialize()
-        return response
-      })
-      .catch((error) => error)
-  }
+    }
+    async function $reset() {
+        delete repository.defaults.headers.common.Authorization
+        Cookies.remove('token')
+        Cookies.remove('refreshToken')
+        authUser.value = {}
+        isAuthenticated.value = false
+    }
 
-  return {
-    authUser,
-    isAuthenticated,
-    fetchUser,
-    initialize,
-    login,
-    $reset,
-    updateAccount,
-    finalizeTFASetup,
-  }
+    async function updateAccount(data) {
+        return accountsApi.patch(authUser.value.pk, data).then((response) => {
+            if (
+                response.data.language != authUser.value.language &&
+                response.data.language in gettext.available
+            ) {
+                gettext.current = response.data.language
+            }
+            const newAuthUser = { ...authUser.value, ...response.data }
+            delete newAuthUser.password
+            authUser.value = { ...newAuthUser }
+        })
+    }
+
+    async function finalizeTFASetup(pinCode) {
+        return accountApi
+            .finalizeTFASetup(pinCode)
+            .then((response) => {
+                const cookie = Cookies.withAttributes({ sameSite: 'strict' })
+                cookie.set('token', response.data.access)
+                cookie.set('refreshToken', response.data.refresh)
+                initialize()
+                return response
+            })
+            .catch((error) => error)
+    }
+
+    return {
+        authUser,
+        isAuthenticated,
+        fetchUser,
+        initialize,
+        login,
+        $reset,
+        updateAccount,
+        finalizeTFASetup,
+    }
 })
diff --git a/frontend/src/stores/bus.store.js b/frontend/src/stores/bus.store.js
index 4e94d73d6..8d29e1058 100644
--- a/frontend/src/stores/bus.store.js
+++ b/frontend/src/stores/bus.store.js
@@ -3,22 +3,22 @@ import { defineStore } from 'pinia'
 import { ref } from 'vue'
 
 export const useBusStore = defineStore('bus', () => {
-  const notification = ref({})
-  const notificationColor = ref('')
+    const notification = ref({})
+    const notificationColor = ref('')
 
-  async function $reset() {
-    notification.value = {}
-    notificationColor.value = ''
-  }
+    async function $reset() {
+        notification.value = {}
+        notificationColor.value = ''
+    }
 
-  function displayNotification(options) {
-    notification.value = options.msg
-    notificationColor.value = options.type ? options.type : 'success'
-  }
-  return {
-    notification,
-    notificationColor,
-    displayNotification,
-    $reset
-  }
+    function displayNotification(options) {
+        notification.value = options.msg
+        notificationColor.value = options.type ? options.type : 'success'
+    }
+    return {
+        notification,
+        notificationColor,
+        displayNotification,
+        $reset,
+    }
 })
diff --git a/frontend/src/stores/domains.store.js b/frontend/src/stores/domains.store.js
index e7cbf8a8e..a9351d65e 100644
--- a/frontend/src/stores/domains.store.js
+++ b/frontend/src/stores/domains.store.js
@@ -6,150 +6,150 @@ import gettext from '@/plugins/gettext'
 import domainApi from '@/api/domains'
 
 export const useDomainsStore = defineStore('domains', () => {
-  const busStore = useBusStore()
-  const { $gettext } = gettext
-  const domainsLoaded = ref(false)
-  const domains = ref({})
-  const domainAliases = ref({})
+    const busStore = useBusStore()
+    const { $gettext } = gettext
+    const domainsLoaded = ref(false)
+    const domains = ref({})
+    const domainAliases = ref({})
 
-  async function $reset() {
-    domainsLoaded.value = false
-    domains.value = {}
-    domainAliases.value = {}
-  }
-
-  async function getDomains() {
-    domainsLoaded.value = false
-    return domainApi.getDomains().then((response) => {
-      domains.value = {}
-      const _domains = {}
-      response.data.forEach(function (domain) {
-        _domains[domain.pk] = domain
-      })
-      domains.value = _domains
-      domainsLoaded.value = true
-      return response
-    })
-  }
-
-  async function getDomain(pk) {
-    domainsLoaded.value = false
-    return domainApi.getDomain(pk).then((response) => {
-      domains.value[pk] = response.data
-      domainsLoaded.value = true
-      return response
-    })
-  }
-
-  function getDomainByName(name) {
-    for (const domain of Object.values(domains.value)) {
-      if (domain.name === name) {
-        return domain
-      }
+    async function $reset() {
+        domainsLoaded.value = false
+        domains.value = {}
+        domainAliases.value = {}
     }
-  }
 
-  async function createDomain(data) {
-    return domainApi.createDomain(data).then((response) => {
-      domains.value[response.data.pk] = response.data
-      return response
-    })
-  }
-
-  async function updateDomain(data) {
-    return domainApi.updateDomain(data.pk, data).then((response) => {
-      domains.value[data.pk] = response.data
-      busStore.displayNotification({ msg: $gettext('Domain updated') })
-      return response
-    })
-  }
-
-  async function deleteDomain({ id, data }) {
-    return domainApi.deleteDomain(id, data).then((response) => {
-      delete domains.value[id]
-      return response
-    })
-  }
-
-  async function getAliases(name) {
-    return domainApi.getDomainAliases(name).then((response) => {
-      domainAliases.value[name] = response.data
-      return response
-    })
-  }
-
-  async function _filterAlias(domainName, pk) {
-    if (domainAliases.value[domainName] !== undefined) {
-      return domainAliases.value[domainName].filter((al) => al.pk != pk)
+    async function getDomains() {
+        domainsLoaded.value = false
+        return domainApi.getDomains().then((response) => {
+            domains.value = {}
+            const _domains = {}
+            response.data.forEach(function (domain) {
+                _domains[domain.pk] = domain
+            })
+            domains.value = _domains
+            domainsLoaded.value = true
+            return response
+        })
     }
-  }
 
-  async function createAlias(data) {
-    return domainApi.createDomainAlias(data).then((response) => {
-      busStore.displayNotification({
-        msg: $gettext('Domain alias created'),
-      })
-      if (domains.value[data.target] != null) {
-        const domain = domains.value[data.target]
-        if (domainAliases.value[domain.name] !== undefined) {
-          domainAliases.value[domain.name].push(response.data)
-        } else {
-          domainAliases.value[domain.name] = response.data
+    async function getDomain(pk) {
+        domainsLoaded.value = false
+        return domainApi.getDomain(pk).then((response) => {
+            domains.value[pk] = response.data
+            domainsLoaded.value = true
+            return response
+        })
+    }
+
+    function getDomainByName(name) {
+        for (const domain of Object.values(domains.value)) {
+            if (domain.name === name) {
+                return domain
+            }
         }
-        domain.domainalias_count++
-      }
-      return response
-    })
-  }
+    }
 
-  async function deleteAlias(alias) {
-    const domain = domains.value[alias.target]
-    const apiRequest = domainApi.deleteDomainAlias(alias.pk)
-    const filter = _filterAlias(domain.name, alias.pk)
-    Promise.all([filter, apiRequest]).then((results) => {
-      const newList = results[0]
-      busStore.displayNotification({
-        msg: $gettext('Domain alias deleted'),
-      })
-      if (newList != null) {
-        domainAliases.value[domain.name] = newList
-      }
-      domain.domainalias_count--
-    })
-  }
+    async function createDomain(data) {
+        return domainApi.createDomain(data).then((response) => {
+            domains.value[response.data.pk] = response.data
+            return response
+        })
+    }
 
-  async function updateAlias(data) {
-    const domain = domains.value[data.target]
-    const filter = _filterAlias(domain.name, data.pk)
-    const apiRequest = domainApi.updateDomainAlias(data.pk, data)
-    Promise.all([filter, apiRequest]).then((results) => {
-      busStore.displayNotification({
-        msg: $gettext('Domain alias updated'),
-      })
-      const newList = results[0]
-      const response = results[1]
-      if (newList != null) {
-        domainAliases.value[domain.name] = newList
-        domainAliases.value[domain.name].push(response.data)
-      } else {
-        domainAliases.value[domain.name] = response.data
-      }
-    })
-  }
-  return {
-    domainsLoaded,
-    domains,
-    domainAliases,
-    getDomain,
-    getDomainByName,
-    getDomains,
-    createDomain,
-    updateDomain,
-    deleteDomain,
-    createAlias,
-    getAliases,
-    deleteAlias,
-    updateAlias,
-    $reset
-  }
+    async function updateDomain(data) {
+        return domainApi.updateDomain(data.pk, data).then((response) => {
+            domains.value[data.pk] = response.data
+            busStore.displayNotification({ msg: $gettext('Domain updated') })
+            return response
+        })
+    }
+
+    async function deleteDomain({ id, data }) {
+        return domainApi.deleteDomain(id, data).then((response) => {
+            delete domains.value[id]
+            return response
+        })
+    }
+
+    async function getAliases(name) {
+        return domainApi.getDomainAliases(name).then((response) => {
+            domainAliases.value[name] = response.data
+            return response
+        })
+    }
+
+    async function _filterAlias(domainName, pk) {
+        if (domainAliases.value[domainName] !== undefined) {
+            return domainAliases.value[domainName].filter((al) => al.pk != pk)
+        }
+    }
+
+    async function createAlias(data) {
+        return domainApi.createDomainAlias(data).then((response) => {
+            busStore.displayNotification({
+                msg: $gettext('Domain alias created'),
+            })
+            if (domains.value[data.target] != null) {
+                const domain = domains.value[data.target]
+                if (domainAliases.value[domain.name] !== undefined) {
+                    domainAliases.value[domain.name].push(response.data)
+                } else {
+                    domainAliases.value[domain.name] = response.data
+                }
+                domain.domainalias_count++
+            }
+            return response
+        })
+    }
+
+    async function deleteAlias(alias) {
+        const domain = domains.value[alias.target]
+        const apiRequest = domainApi.deleteDomainAlias(alias.pk)
+        const filter = _filterAlias(domain.name, alias.pk)
+        Promise.all([filter, apiRequest]).then((results) => {
+            const newList = results[0]
+            busStore.displayNotification({
+                msg: $gettext('Domain alias deleted'),
+            })
+            if (newList != null) {
+                domainAliases.value[domain.name] = newList
+            }
+            domain.domainalias_count--
+        })
+    }
+
+    async function updateAlias(data) {
+        const domain = domains.value[data.target]
+        const filter = _filterAlias(domain.name, data.pk)
+        const apiRequest = domainApi.updateDomainAlias(data.pk, data)
+        Promise.all([filter, apiRequest]).then((results) => {
+            busStore.displayNotification({
+                msg: $gettext('Domain alias updated'),
+            })
+            const newList = results[0]
+            const response = results[1]
+            if (newList != null) {
+                domainAliases.value[domain.name] = newList
+                domainAliases.value[domain.name].push(response.data)
+            } else {
+                domainAliases.value[domain.name] = response.data
+            }
+        })
+    }
+    return {
+        domainsLoaded,
+        domains,
+        domainAliases,
+        getDomain,
+        getDomainByName,
+        getDomains,
+        createDomain,
+        updateDomain,
+        deleteDomain,
+        createAlias,
+        getAliases,
+        deleteAlias,
+        updateAlias,
+        $reset,
+    }
 })
diff --git a/frontend/src/stores/identities.store.js b/frontend/src/stores/identities.store.js
index 5dfaadbc6..3f9b1b6c1 100644
--- a/frontend/src/stores/identities.store.js
+++ b/frontend/src/stores/identities.store.js
@@ -9,170 +9,177 @@ import identitiesApi from '@/api/identities'
 import gettext from '@/plugins/gettext'
 
 export const useIdentitiesStore = defineStore('identities', () => {
-  const aliasesStore = useAliasesStore()
-  const accountsStore = useAccountsStore()
+    const aliasesStore = useAliasesStore()
+    const accountsStore = useAccountsStore()
 
-  const { $gettext } = gettext
+    const { $gettext } = gettext
 
-  const identitiesLoaded = ref(false)
-  const identities = ref([])
+    const identitiesLoaded = ref(false)
+    const identities = ref([])
 
-  async function $reset() {
-    identitiesLoaded.value = false
-    identities.value = []
-  }
-
-  async function _getIndexByPk(type, pk) {
-    for (let i = 0; i < identities.value.length; i++) {
-      if (identities.value[i].pk === pk && identities.value[i].type === type) {
-        return i
-      }
-    }
-  }
-
-  async function _deleteIdByPkAndType(type, pk) {
-    _getIndexByPk(type, pk).then((index) => {
-      if (index !== null) {
-        identities.value.splice(index, 1)
-      }
-    })
-  }
-
-  async function getIdentities() {
-    identitiesLoaded.value = false
-    return identitiesApi.getAll().then((response) => {
-      identities.value = response.data
-      identitiesLoaded.value = true
-      return response
-    })
-  }
-
-  async function _accountToId(data, update = false) {
-    const account = data
-    let indexSearcher = null
-    if (update) {
-      indexSearcher = _getIndexByPk('account', data.pk)
-    }
-    let name_or_rcpt = '---'
-    if (account.first_name !== '') {
-      name_or_rcpt = account.first_name
-    }
-    if (account.last_name !== '') {
-      name_or_rcpt =
-        name_or_rcpt === ''
-          ? account.last_name
-          : `${name_or_rcpt} ${account.last_name}`
-    }
-    const newIdentity = {
-      pk: account.pk,
-      type: account.type,
-      identity: account.username,
-      name_or_rcpt: name_or_rcpt,
-      tags: [
-        { name: 'account', label: $gettext('account'), type: 'idt' },
-        { name: account.role, label: $gettext(account.role), type: 'grp' },
-      ],
-      possible_actions: [],
+    async function $reset() {
+        identitiesLoaded.value = false
+        identities.value = []
     }
 
-    if (update) {
-      indexSearcher.then((index) => {
-        identities.value[index] = newIdentity
-        return
-      })
+    async function _getIndexByPk(type, pk) {
+        for (let i = 0; i < identities.value.length; i++) {
+            if (
+                identities.value[i].pk === pk &&
+                identities.value[i].type === type
+            ) {
+                return i
+            }
+        }
     }
-    identities.value.push(newIdentity)
-  }
 
-  async function _aliasToId(data, update = false) {
-    let indexSearcher = null
-    const alias = data
-    if (update) {
-      indexSearcher = _getIndexByPk('alias', data.pk)
-    }
-    const name_or_rcpt =
-      alias.recipients.length > 1
-        ? `${alias.recipients[0]}, ...`
-        : alias.recipients[0]
-    const newIdentity = {
-      pk: alias.pk,
-      type: alias.type,
-      identity: alias.address,
-      name_or_rcpt: name_or_rcpt,
-      tags: [{ name: 'alias', label: $gettext('alias'), type: 'idt' }],
-      possible_actions: [],
-    }
-    if (update) {
-      indexSearcher.then((index) => {
-        identities.value[index] = newIdentity
-        return
-      })
-    }
-    identities.value.push(newIdentity)
-  }
-
-  async function createIdentity(type, data) {
-    identitiesLoaded.value = false
-    if (type === 'alias') {
-      return aliasesStore.createAlias(data).then((response) => {
-        _aliasToId(response.data)
-        identitiesLoaded.value = true
-        return response
-      })
-    } else if (type === 'account') {
-      return accountsStore.createAccount(data).then((response) => {
-        _accountToId(response.data)
-        identitiesLoaded.value = true
-        return response
-      })
-    }
-  }
-
-  async function updateIdentity(type, data) {
-    identitiesLoaded.value = false
-    if (type === 'alias') {
-      return aliasesStore
-        .updateAlias(data)
-        .then((response) => {
-          _aliasToId(response.data, true)
-          return response
+    async function _deleteIdByPkAndType(type, pk) {
+        _getIndexByPk(type, pk).then((index) => {
+            if (index !== null) {
+                identities.value.splice(index, 1)
+            }
         })
-        .finally(() => (identitiesLoaded.value = true))
-    } else if (type === 'account') {
-      return accountsStore
-        .updateAccount(data)
-        .then((response) => {
-          _accountToId(response.data, true)
-          return response
+    }
+
+    async function getIdentities() {
+        identitiesLoaded.value = false
+        return identitiesApi.getAll().then((response) => {
+            identities.value = response.data
+            identitiesLoaded.value = true
+            return response
         })
-        .finally(() => (identitiesLoaded.value = true))
     }
-  }
 
-  async function deleteIdentity(type, pk, options) {
-    identitiesLoaded.value = false
-    if (type === 'alias') {
-      return aliasesStore.deleteAlias(pk).then((response) => {
-        _deleteIdByPkAndType(type, pk)
-        identitiesLoaded.value = true
-        return response
-      })
-    } else if (type === 'account') {
-      return accountsStore.deleteAccount(pk, options).then((response) => {
-        _deleteIdByPkAndType(type, pk)
-        identitiesLoaded.value = true
-        return response
-      })
+    async function _accountToId(data, update = false) {
+        const account = data
+        let indexSearcher = null
+        if (update) {
+            indexSearcher = _getIndexByPk('account', data.pk)
+        }
+        let name_or_rcpt = '---'
+        if (account.first_name !== '') {
+            name_or_rcpt = account.first_name
+        }
+        if (account.last_name !== '') {
+            name_or_rcpt =
+                name_or_rcpt === ''
+                    ? account.last_name
+                    : `${name_or_rcpt} ${account.last_name}`
+        }
+        const newIdentity = {
+            pk: account.pk,
+            type: account.type,
+            identity: account.username,
+            name_or_rcpt: name_or_rcpt,
+            tags: [
+                { name: 'account', label: $gettext('account'), type: 'idt' },
+                {
+                    name: account.role,
+                    label: $gettext(account.role),
+                    type: 'grp',
+                },
+            ],
+            possible_actions: [],
+        }
+
+        if (update) {
+            indexSearcher.then((index) => {
+                identities.value[index] = newIdentity
+                return
+            })
+        }
+        identities.value.push(newIdentity)
     }
-  }
 
-  return {
-    identities,
-    getIdentities,
-    identitiesLoaded,
-    deleteIdentity,
-    createIdentity,
-    updateIdentity,
-    $reset
-  }
+    async function _aliasToId(data, update = false) {
+        let indexSearcher = null
+        const alias = data
+        if (update) {
+            indexSearcher = _getIndexByPk('alias', data.pk)
+        }
+        const name_or_rcpt =
+            alias.recipients.length > 1
+                ? `${alias.recipients[0]}, ...`
+                : alias.recipients[0]
+        const newIdentity = {
+            pk: alias.pk,
+            type: alias.type,
+            identity: alias.address,
+            name_or_rcpt: name_or_rcpt,
+            tags: [{ name: 'alias', label: $gettext('alias'), type: 'idt' }],
+            possible_actions: [],
+        }
+        if (update) {
+            indexSearcher.then((index) => {
+                identities.value[index] = newIdentity
+                return
+            })
+        }
+        identities.value.push(newIdentity)
+    }
+
+    async function createIdentity(type, data) {
+        identitiesLoaded.value = false
+        if (type === 'alias') {
+            return aliasesStore.createAlias(data).then((response) => {
+                _aliasToId(response.data)
+                identitiesLoaded.value = true
+                return response
+            })
+        } else if (type === 'account') {
+            return accountsStore.createAccount(data).then((response) => {
+                _accountToId(response.data)
+                identitiesLoaded.value = true
+                return response
+            })
+        }
+    }
+
+    async function updateIdentity(type, data) {
+        identitiesLoaded.value = false
+        if (type === 'alias') {
+            return aliasesStore
+                .updateAlias(data)
+                .then((response) => {
+                    _aliasToId(response.data, true)
+                    return response
+                })
+                .finally(() => (identitiesLoaded.value = true))
+        } else if (type === 'account') {
+            return accountsStore
+                .updateAccount(data)
+                .then((response) => {
+                    _accountToId(response.data, true)
+                    return response
+                })
+                .finally(() => (identitiesLoaded.value = true))
+        }
+    }
+
+    async function deleteIdentity(type, pk, options) {
+        identitiesLoaded.value = false
+        if (type === 'alias') {
+            return aliasesStore.deleteAlias(pk).then((response) => {
+                _deleteIdByPkAndType(type, pk)
+                identitiesLoaded.value = true
+                return response
+            })
+        } else if (type === 'account') {
+            return accountsStore.deleteAccount(pk, options).then((response) => {
+                _deleteIdByPkAndType(type, pk)
+                identitiesLoaded.value = true
+                return response
+            })
+        }
+    }
+
+    return {
+        identities,
+        getIdentities,
+        identitiesLoaded,
+        deleteIdentity,
+        createIdentity,
+        updateIdentity,
+        $reset,
+    }
 })
diff --git a/frontend/src/stores/parameters.store.js b/frontend/src/stores/parameters.store.js
index f07ebe412..08a51146f 100644
--- a/frontend/src/stores/parameters.store.js
+++ b/frontend/src/stores/parameters.store.js
@@ -2,11 +2,11 @@ import { defineStore } from 'pinia'
 import { ref } from 'vue'
 
 export const useParametersStore = defineStore('parameters', () => {
-  const imapMigrationEnabled = ref(null)
+    const imapMigrationEnabled = ref(null)
 
-  async function $reset() {
-    imapMigrationEnabled.value = null
-  }
+    async function $reset() {
+        imapMigrationEnabled.value = null
+    }
 
-  return { imapMigrationEnabled, $reset }
+    return { imapMigrationEnabled, $reset }
 })
diff --git a/frontend/src/stores/providers.store.js b/frontend/src/stores/providers.store.js
index cbadcdeaf..2edef15dc 100644
--- a/frontend/src/stores/providers.store.js
+++ b/frontend/src/stores/providers.store.js
@@ -6,59 +6,61 @@ import gettext from '@/plugins/gettext'
 import providersApi from '@/api/imap_migration/providers'
 
 export const useProvidersStore = defineStore('providers', () => {
-  const busStore = useBusStore()
-  const providersLoaded = ref(false)
-  const providers = ref({})
-  const { $gettext } = gettext
+    const busStore = useBusStore()
+    const providersLoaded = ref(false)
+    const providers = ref({})
+    const { $gettext } = gettext
 
-  async function $reset() {
-    providersLoaded.value = false
-    providers.value = {}
-  }
+    async function $reset() {
+        providersLoaded.value = false
+        providers.value = {}
+    }
 
-  async function getProviders() {
-    providers.value = {}
-    providersLoaded.value = false
-    return providersApi
-      .getProviders()
-      .then((response) => {
-        for (const provider of response.data) {
-          providers.value[provider.id] = provider
-        }
-        return response
-      })
-      .finally(() => (providersLoaded.value = true))
-  }
+    async function getProviders() {
+        providers.value = {}
+        providersLoaded.value = false
+        return providersApi
+            .getProviders()
+            .then((response) => {
+                for (const provider of response.data) {
+                    providers.value[provider.id] = provider
+                }
+                return response
+            })
+            .finally(() => (providersLoaded.value = true))
+    }
 
-  async function createProvider(data) {
-    providersLoaded.value = false
-    return providersApi
-      .createProvider(data)
-      .then((response) => {
-        providers.value[response.data.id] = response.data
-        return response
-      })
-      .finally(() => (providersLoaded.value = true))
-  }
+    async function createProvider(data) {
+        providersLoaded.value = false
+        return providersApi
+            .createProvider(data)
+            .then((response) => {
+                providers.value[response.data.id] = response.data
+                return response
+            })
+            .finally(() => (providersLoaded.value = true))
+    }
 
-  async function deleteProvider(id) {
-    providersLoaded.value = false
-    return providersApi
-      .deleteProvider({ id: id })
-      .then((response) => {
-        delete providers.value[id]
-        busStore.displayNotification({ msg: $gettext('Provider deleted') })
-        return response
-      })
-      .finally(() => (providersLoaded.value = true))
-  }
+    async function deleteProvider(id) {
+        providersLoaded.value = false
+        return providersApi
+            .deleteProvider({ id: id })
+            .then((response) => {
+                delete providers.value[id]
+                busStore.displayNotification({
+                    msg: $gettext('Provider deleted'),
+                })
+                return response
+            })
+            .finally(() => (providersLoaded.value = true))
+    }
 
-  return {
-    providersLoaded,
-    providers,
-    getProviders,
-    createProvider,
-    deleteProvider,
-    $reset
-  }
+    return {
+        providersLoaded,
+        providers,
+        getProviders,
+        createProvider,
+        deleteProvider,
+        $reset,
+    }
 })
diff --git a/frontend/src/views/Dashboard.vue b/frontend/src/views/Dashboard.vue
index a49f60dfa..8f8c3a49f 100644
--- a/frontend/src/views/Dashboard.vue
+++ b/frontend/src/views/Dashboard.vue
@@ -1,32 +1,38 @@
 <template>
-  <v-toolbar flat>
-    <v-toolbar-title>{{ $gettext('Welcome to Modoboa') }}</v-toolbar-title>
-  </v-toolbar>
-  <v-alert type="info" border="top" colored-border elevation="2" class="mt-10">
-    <p>{{ $gettext('This page is still under construction.') }}</p>
-    <p>
-      {{
-        $gettext(
-          "It will present a summary of your Modoboa server's status and some useful information about the product."
-        )
-      }}
-    </p>
-    <p>
-      Your feedback would be really appreciated, you can use
-      <a href="https://github.com/modoboa/modoboa/discussions"
-        >Github discussions</a
-      >
-      to share your ideas and/or comments.
-    </p>
-  </v-alert>
+    <v-toolbar flat>
+        <v-toolbar-title>{{ $gettext('Welcome to Modoboa') }}</v-toolbar-title>
+    </v-toolbar>
+    <v-alert
+        type="info"
+        border="top"
+        colored-border
+        elevation="2"
+        class="mt-10"
+    >
+        <p>{{ $gettext('This page is still under construction.') }}</p>
+        <p>
+            {{
+                $gettext(
+                    "It will present a summary of your Modoboa server's status and some useful information about the product."
+                )
+            }}
+        </p>
+        <p>
+            Your feedback would be really appreciated, you can use
+            <a href="https://github.com/modoboa/modoboa/discussions"
+                >Github discussions</a
+            >
+            to share your ideas and/or comments.
+        </p>
+    </v-alert>
 </template>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 
 .v-tabs-items {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/account/APISetupView.vue b/frontend/src/views/account/APISetupView.vue
index c1cc75d1e..5109f9f6f 100644
--- a/frontend/src/views/account/APISetupView.vue
+++ b/frontend/src/views/account/APISetupView.vue
@@ -1,59 +1,59 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>{{ $gettext('API access') }}</v-toolbar-title>
-    </v-toolbar>
-    <div class="pa-4">
-      <v-card v-if="!token" flat>
-        <v-card-text>
-          {{ $gettext('Your API token has not been generated yet.') }}
-        </v-card-text>
-        <v-card-actions>
-          <v-btn
-            color="success"
-            variant="flat"
-            :loading="loading"
-            @click="generateKey"
-          >
-            {{ $gettext('Generate') }}
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-      <v-card v-else flat>
-        <v-card-text>
-          <label class="m-label">
-            {{ $gettext('Your API token is:') }}
-          </label>
-          <code class="ml-5 mr-5">
-            {{ token }}
-          </code>
-          <v-btn
-            icon="mdi-clipboard-plus"
-            density="compact"
-            :title="$gettext('Copy token to clipboard')"
-            variant="text"
-            @click="copyToClipboard()"
-          >
-          </v-btn>
-          <v-btn
-            icon="mdi-delete"
-            density="compact"
-            color="error"
-            variant="text"
-            :title="$gettext('Delete token')"
-            @click="openDeletionDialog"
-          >
-          </v-btn>
-        </v-card-text>
-      </v-card>
-      <v-alert type="info" variant="tonal" border="start" class="mt-4">
-        {{ $gettext('A documentation of the API is available') }}
-        <a :href="apiDocUrl" target="_blank">{{ $gettext('here') }}</a
-        >.
-      </v-alert>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>{{ $gettext('API access') }}</v-toolbar-title>
+        </v-toolbar>
+        <div class="pa-4">
+            <v-card v-if="!token" flat>
+                <v-card-text>
+                    {{ $gettext('Your API token has not been generated yet.') }}
+                </v-card-text>
+                <v-card-actions>
+                    <v-btn
+                        color="success"
+                        variant="flat"
+                        :loading="loading"
+                        @click="generateKey"
+                    >
+                        {{ $gettext('Generate') }}
+                    </v-btn>
+                </v-card-actions>
+            </v-card>
+            <v-card v-else flat>
+                <v-card-text>
+                    <label class="m-label">
+                        {{ $gettext('Your API token is:') }}
+                    </label>
+                    <code class="ml-5 mr-5">
+                        {{ token }}
+                    </code>
+                    <v-btn
+                        icon="mdi-clipboard-plus"
+                        density="compact"
+                        :title="$gettext('Copy token to clipboard')"
+                        variant="text"
+                        @click="copyToClipboard()"
+                    >
+                    </v-btn>
+                    <v-btn
+                        icon="mdi-delete"
+                        density="compact"
+                        color="error"
+                        variant="text"
+                        :title="$gettext('Delete token')"
+                        @click="openDeletionDialog"
+                    >
+                    </v-btn>
+                </v-card-text>
+            </v-card>
+            <v-alert type="info" variant="tonal" border="start" class="mt-4">
+                {{ $gettext('A documentation of the API is available') }}
+                <a :href="apiDocUrl" target="_blank">{{ $gettext('here') }}</a
+                >.
+            </v-alert>
+        </div>
+        <ConfirmDialog ref="confirm" @agree="deleteToken" />
     </div>
-    <ConfirmDialog ref="confirm" @agree="deleteToken" />
-  </div>
 </template>
 
 <script setup lang="js">
@@ -75,57 +75,57 @@ const token = ref(null)
 const confirm = ref()
 
 function copyToClipboard() {
-  navigator.clipboard.writeText(token.value)
-  busStore.displayNotification({
-    msg: $gettext('API token copied to your clipboard'),
-    type: 'success',
-  })
+    navigator.clipboard.writeText(token.value)
+    busStore.displayNotification({
+        msg: $gettext('API token copied to your clipboard'),
+        type: 'success',
+    })
 }
 
 function generateKey() {
-  loading.value = true
-  accountApi
-    .createAPIToken()
-    .then((resp) => {
-      token.value = resp.data.token
-      busStore.displayNotification({
-        msg: $gettext('API token created'),
-        type: 'success',
-      })
-    })
-    .finally(() => (loading.value = false))
+    loading.value = true
+    accountApi
+        .createAPIToken()
+        .then((resp) => {
+            token.value = resp.data.token
+            busStore.displayNotification({
+                msg: $gettext('API token created'),
+                type: 'success',
+            })
+        })
+        .finally(() => (loading.value = false))
 }
 
 function openDeletionDialog() {
-  confirm.value.open(
-    $gettext('Warning'),
-    $gettext('You are about to delete your API access token'),
-    {
-      color: 'error',
-      cancelLabel: $gettext('Cancel'),
-      agreeLabel: $gettext('Proceed'),
-    }
-  )
+    confirm.value.open(
+        $gettext('Warning'),
+        $gettext('You are about to delete your API access token'),
+        {
+            color: 'error',
+            cancelLabel: $gettext('Cancel'),
+            agreeLabel: $gettext('Proceed'),
+        }
+    )
 }
 
 async function deleteToken() {
-  await accountApi.deleteAPIToken()
-  busStore.displayNotification({
-    msg: $gettext('API token deleted'),
-    type: 'success',
-  })
-  token.value = null
+    await accountApi.deleteAPIToken()
+    busStore.displayNotification({
+        msg: $gettext('API token deleted'),
+        type: 'success',
+    })
+    token.value = null
 }
 
 onMounted(() => {
-  accountApi.getAPIToken().then((resp) => {
-    token.value = resp.data.token
-  })
+    accountApi.getAPIToken().then((resp) => {
+        token.value = resp.data.token
+    })
 })
 </script>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/account/ForwardView.vue b/frontend/src/views/account/ForwardView.vue
index 0c34331c0..0795cf7fb 100644
--- a/frontend/src/views/account/ForwardView.vue
+++ b/frontend/src/views/account/ForwardView.vue
@@ -1,10 +1,10 @@
 <template>
-  <v-toolbar flat>
-    <v-toolbar-title>{{ $gettext('Forward') }}</v-toolbar-title>
-  </v-toolbar>
-  <div class="pa-4">
-    <ForwardForm />
-  </div>
+    <v-toolbar flat>
+        <v-toolbar-title>{{ $gettext('Forward') }}</v-toolbar-title>
+    </v-toolbar>
+    <div class="pa-4">
+        <ForwardForm />
+    </div>
 </template>
 
 <script setup lang="js">
@@ -13,6 +13,6 @@ import ForwardForm from '@/components/account/ForwardForm.vue'
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/account/ProfileView.vue b/frontend/src/views/account/ProfileView.vue
index 89b5bdd5c..7abce07ee 100644
--- a/frontend/src/views/account/ProfileView.vue
+++ b/frontend/src/views/account/ProfileView.vue
@@ -1,12 +1,12 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>{{ $gettext('Profile') }}</v-toolbar-title>
-    </v-toolbar>
-    <div class="pa-4">
-      <ProfileForm />
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>{{ $gettext('Profile') }}</v-toolbar-title>
+        </v-toolbar>
+        <div class="pa-4">
+            <ProfileForm />
+        </div>
     </div>
-  </div>
 </template>
 
 <script setup lang="js">
@@ -18,6 +18,6 @@ const { $gettext } = useGettext()
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/account/SecurityView.vue b/frontend/src/views/account/SecurityView.vue
index dddfd6085..52a2fd083 100644
--- a/frontend/src/views/account/SecurityView.vue
+++ b/frontend/src/views/account/SecurityView.vue
@@ -1,12 +1,12 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>{{ $gettext('Security') }}</v-toolbar-title>
-    </v-toolbar>
-    <div class="pa-4">
-      <TwoFactorAuthForm />
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>{{ $gettext('Security') }}</v-toolbar-title>
+        </v-toolbar>
+        <div class="pa-4">
+            <TwoFactorAuthForm />
+        </div>
     </div>
-  </div>
 </template>
 
 <script setup lang="js">
@@ -18,6 +18,6 @@ const { $gettext } = useGettext()
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/InformationView.vue b/frontend/src/views/admin/InformationView.vue
index bad06c251..1110d109c 100644
--- a/frontend/src/views/admin/InformationView.vue
+++ b/frontend/src/views/admin/InformationView.vue
@@ -1,48 +1,50 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>{{ $gettext('Information') }}</v-toolbar-title>
-    </v-toolbar>
-    <v-card class="mt-6">
-      <v-card-title>
-        {{ $gettext('Installed components') }}
-      </v-card-title>
-      <v-card-text>
-        <v-alert
-          v-if="updatesAvailable"
-          variant="outlined"
-          type="success"
-          text
-          border="left"
-        >
-          <div tag="p">{{ $gettext('One or more updates are available') }}</div>
-          <div tag="p" class="text-body-2">
-            {{
-              $gettext(
-                'Check out the following list to find related components'
-              )
-            }}
-          </div>
-        </v-alert>
-        <v-data-table-virtual
-          :headers="headers"
-          :items="components"
-          :item-class="getItemBackground"
-        >
-          <template #[`item.last_version`]="{ item }">
-            <template v-if="item.changelog_url">
-              <a :href="item.changelog_url" target="_blank">{{
-                item.last_version
-              }}</a>
-            </template>
-            <template v-else>
-              {{ item.last_version }}
-            </template>
-          </template>
-        </v-data-table-virtual>
-      </v-card-text>
-    </v-card>
-  </div>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>{{ $gettext('Information') }}</v-toolbar-title>
+        </v-toolbar>
+        <v-card class="mt-6">
+            <v-card-title>
+                {{ $gettext('Installed components') }}
+            </v-card-title>
+            <v-card-text>
+                <v-alert
+                    v-if="updatesAvailable"
+                    variant="outlined"
+                    type="success"
+                    text
+                    border="left"
+                >
+                    <div tag="p">
+                        {{ $gettext('One or more updates are available') }}
+                    </div>
+                    <div tag="p" class="text-body-2">
+                        {{
+                            $gettext(
+                                'Check out the following list to find related components'
+                            )
+                        }}
+                    </div>
+                </v-alert>
+                <v-data-table-virtual
+                    :headers="headers"
+                    :items="components"
+                    :item-class="getItemBackground"
+                >
+                    <template #[`item.last_version`]="{ item }">
+                        <template v-if="item.changelog_url">
+                            <a :href="item.changelog_url" target="_blank">{{
+                                item.last_version
+                            }}</a>
+                        </template>
+                        <template v-else>
+                            {{ item.last_version }}
+                        </template>
+                    </template>
+                </v-data-table-virtual>
+            </v-card-text>
+        </v-card>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -54,32 +56,32 @@ const { $gettext } = useGettext()
 
 const components = ref([])
 const headers = [
-  { title: $gettext('Name'), value: 'name' },
-  { title: $gettext('Installed version'), value: 'version' },
-  { title: $gettext('Latest version'), value: 'last_version' },
-  { title: $gettext('Description'), value: 'description' },
+    { title: $gettext('Name'), value: 'name' },
+    { title: $gettext('Installed version'), value: 'version' },
+    { title: $gettext('Latest version'), value: 'last_version' },
+    { title: $gettext('Description'), value: 'description' },
 ]
 
 const updatesAvailable = computed(
-  () => components.value.filter((item) => item.update).length > 0
+    () => components.value.filter((item) => item.update).length > 0
 )
 
 function getItemBackground(item) {
-  if (item.update) {
-    return 'green lighten-5'
-  }
-  return ''
+    if (item.update) {
+        return 'green lighten-5'
+    }
+    return ''
 }
 
 onMounted(() => {
-  adminApi.getComponentsInformation().then((resp) => {
-    components.value = resp.data
-  })
+    adminApi.getComponentsInformation().then((resp) => {
+        components.value = resp.data
+    })
 })
 </script>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/ParametersView.vue b/frontend/src/views/admin/ParametersView.vue
index cc670db15..2f27e6a82 100644
--- a/frontend/src/views/admin/ParametersView.vue
+++ b/frontend/src/views/admin/ParametersView.vue
@@ -1,89 +1,103 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>{{ title }}</v-toolbar-title>
-    </v-toolbar>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>{{ title }}</v-toolbar-title>
+        </v-toolbar>
 
-    <v-tabs v-model="active">
-      <v-tab
-        v-for="(element, index) in displayableElements"
-        :key="index"
-        color="primary"
-        :class="tab_error.includes(index) ? 'error_tab' : ''"
-      >
-        {{ element.label }}
-      </v-tab>
-    </v-tabs>
-    <v-window v-model="active">
-      <v-window-item
-        v-for="element in displayableElements"
-        :key="element.label"
-      >
-        <v-card>
-          <v-card-text>
-            <template
-              v-for="param in displayableParams(element.parameters)"
-              :key="param.name"
+        <v-tabs v-model="active">
+            <v-tab
+                v-for="(element, index) in displayableElements"
+                :key="index"
+                color="primary"
+                :class="tab_error.includes(index) ? 'error_tab' : ''"
             >
-              <div class="my-4">
-                <template v-if="param.widget === 'SeparatorField'">
-                  <h2>{{ param.label }}</h2>
-                </template>
-                <template v-else-if="param.widget === 'BooleanField'">
-                  <v-switch
-                    v-if="param.widget === 'BooleanField'"
-                    v-model="parameters[param.name]"
-                    :label="param.label"
-                    :hint="param.help_text"
-                    :error="formErrors[param.name] !== undefined"
-                    color="primary"
-                    density="compact"
-                    :error-messages="formErrors[param.name]"
-                    persistent-hint
-                  />
-                </template>
-                <template v-else>
-                  <label class="m-label">{{ param.label }}</label>
-                  <v-select
-                    v-if="param.widget === 'ChoiceField'"
-                    v-model="parameters[param.name]"
-                    :items="param.choices"
-                    item-title="text"
-                    :hint="param.help_text"
-                    persistent-hint
-                    density="compact"
-                    variant="outlined"
-                  />
-                  <v-text-field
-                    v-else
-                    v-model="parameters[param.name]"
-                    :hint="param.help_text"
-                    persistent-hint
-                    :error="formErrors[param.name] !== undefined"
-                    :error-messages="formErrors[param.name]"
-                    :type="
-                      param.widget === 'PasswordField' ? 'password' : 'text'
-                    "
-                    density="compact"
-                    variant="outlined"
-                  />
-                </template>
-              </div>
-            </template>
-          </v-card-text>
-        </v-card>
-      </v-window-item>
-    </v-window>
-    <v-btn
-      icon="mdi-content-save"
-      class="ma-5"
-      position="fixed"
-      location="bottom right"
-      color="green"
-      size="large"
-      @click="save"
-    />
-  </div>
+                {{ element.label }}
+            </v-tab>
+        </v-tabs>
+        <v-window v-model="active">
+            <v-window-item
+                v-for="element in displayableElements"
+                :key="element.label"
+            >
+                <v-card>
+                    <v-card-text>
+                        <template
+                            v-for="param in displayableParams(
+                                element.parameters
+                            )"
+                            :key="param.name"
+                        >
+                            <div class="my-4">
+                                <template
+                                    v-if="param.widget === 'SeparatorField'"
+                                >
+                                    <h2>{{ param.label }}</h2>
+                                </template>
+                                <template
+                                    v-else-if="param.widget === 'BooleanField'"
+                                >
+                                    <v-switch
+                                        v-if="param.widget === 'BooleanField'"
+                                        v-model="parameters[param.name]"
+                                        :label="param.label"
+                                        :hint="param.help_text"
+                                        :error="
+                                            formErrors[param.name] !== undefined
+                                        "
+                                        color="primary"
+                                        density="compact"
+                                        :error-messages="formErrors[param.name]"
+                                        persistent-hint
+                                    />
+                                </template>
+                                <template v-else>
+                                    <label class="m-label">{{
+                                        param.label
+                                    }}</label>
+                                    <v-select
+                                        v-if="param.widget === 'ChoiceField'"
+                                        v-model="parameters[param.name]"
+                                        :items="param.choices"
+                                        item-title="text"
+                                        :hint="param.help_text"
+                                        persistent-hint
+                                        density="compact"
+                                        variant="outlined"
+                                    />
+                                    <v-text-field
+                                        v-else
+                                        v-model="parameters[param.name]"
+                                        :hint="param.help_text"
+                                        persistent-hint
+                                        :error="
+                                            formErrors[param.name] !== undefined
+                                        "
+                                        :error-messages="formErrors[param.name]"
+                                        :type="
+                                            param.widget === 'PasswordField'
+                                                ? 'password'
+                                                : 'text'
+                                        "
+                                        density="compact"
+                                        variant="outlined"
+                                    />
+                                </template>
+                            </div>
+                        </template>
+                    </v-card-text>
+                </v-card>
+            </v-window-item>
+        </v-window>
+        <v-btn
+            icon="mdi-content-save"
+            class="ma-5"
+            position="fixed"
+            location="bottom right"
+            color="green"
+            size="large"
+            @click="save"
+        />
+    </div>
 </template>
 
 <script setup lang="js">
@@ -107,87 +121,89 @@ const label = ref('')
 const tab_error = ref([])
 
 const displayableElements = computed(() =>
-  structure.value.filter((element) => display(element))
+    structure.value.filter((element) => display(element))
 )
 
 const title = computed(() => $gettext('Settings: ' + label.value))
 
 function loadParams(app) {
-  parametersApi.getApplicationStructure(app).then((response) => {
-    structure.value = response.data
-  })
-  parametersApi.getApplication(app).then((response) => {
-    parameters.value = response.data.params
-    label.value = response.data.label
-  })
+    parametersApi.getApplicationStructure(app).then((response) => {
+        structure.value = response.data
+    })
+    parametersApi.getApplication(app).then((response) => {
+        parameters.value = response.data.params
+        label.value = response.data.label
+    })
 }
 
 function display(element) {
-  if (element.display === '') {
-    return true
-  }
-  let result = true
-  element.display.split('&').forEach((rule) => {
-    let [field, value] = rule.split('=')
-    if (value === 'true' || value === 'false') {
-      value = Boolean(value)
+    if (element.display === '') {
+        return true
     }
-    result &= parameters.value[field] === value
-  })
-  return result
+    let result = true
+    element.display.split('&').forEach((rule) => {
+        let [field, value] = rule.split('=')
+        if (value === 'true' || value === 'false') {
+            value = Boolean(value)
+        }
+        result &= parameters.value[field] === value
+    })
+    return result
 }
 
 function displayableParams(params) {
-  return params.filter((param) => display(param))
+    return params.filter((param) => display(param))
 }
 
 async function save() {
-  formErrors.value = {}
-  tab_error.value = []
-  parametersApi
-    .saveApplication(route.params.app, parameters.value)
-    .then(() => {
-      busStore.displayNotification({ msg: $gettext('Parameters updated') })
-      if (route.params.app === 'imap_migration') {
-        parametersStore.imapMigrationEnabled =
-          parameters.value.enabled_imapmigration
-      }
-    })
-    .catch((error) => {
-      busStore.displayNotification({
-        msg: $gettext('Could not save parameters'),
-        type: 'error',
-      })
-      formErrors.value = error.response.data
-      Object.keys(formErrors.value).forEach((element) => {
-        for (let i = 0; i < structure.value.length; i++) {
-          const isIn =
-            structure.value[i].parameters.filter(
-              (param) => param.name === element
-            ).length > 0
-          if (isIn) {
-            tab_error.value.push(i)
-          }
-        }
-      })
-    })
+    formErrors.value = {}
+    tab_error.value = []
+    parametersApi
+        .saveApplication(route.params.app, parameters.value)
+        .then(() => {
+            busStore.displayNotification({
+                msg: $gettext('Parameters updated'),
+            })
+            if (route.params.app === 'imap_migration') {
+                parametersStore.imapMigrationEnabled =
+                    parameters.value.enabled_imapmigration
+            }
+        })
+        .catch((error) => {
+            busStore.displayNotification({
+                msg: $gettext('Could not save parameters'),
+                type: 'error',
+            })
+            formErrors.value = error.response.data
+            Object.keys(formErrors.value).forEach((element) => {
+                for (let i = 0; i < structure.value.length; i++) {
+                    const isIn =
+                        structure.value[i].parameters.filter(
+                            (param) => param.name === element
+                        ).length > 0
+                    if (isIn) {
+                        tab_error.value.push(i)
+                    }
+                }
+            })
+        })
 }
 
 watch(route, (toRoute) => {
-  loadParams(toRoute.params.app)
+    loadParams(toRoute.params.app)
 })
 
 watch(parameters, () => {
-  tab_error.value = []
+    tab_error.value = []
 })
 loadParams(route.params.app)
 </script>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 .error_tab {
-  color: #ff5252 !important;
+    color: #ff5252 !important;
 }
 </style>
diff --git a/frontend/src/views/admin/alarms/AlarmsView.vue b/frontend/src/views/admin/alarms/AlarmsView.vue
index 4f471f8f0..f5a02e404 100644
--- a/frontend/src/views/admin/alarms/AlarmsView.vue
+++ b/frontend/src/views/admin/alarms/AlarmsView.vue
@@ -1,8 +1,8 @@
 <template>
-  <v-toolbar flat>
-    <v-toolbar-title>{{ $gettext('Opened alarms') }}</v-toolbar-title>
-  </v-toolbar>
-  <AlarmList />
+    <v-toolbar flat>
+        <v-toolbar-title>{{ $gettext('Opened alarms') }}</v-toolbar-title>
+    </v-toolbar>
+    <AlarmList />
 </template>
 
 <script setup lang="js">
@@ -11,6 +11,6 @@ import AlarmList from '@/components/admin/alarms/AlarmList.vue'
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/domains/DomainEditView.vue b/frontend/src/views/admin/domains/DomainEditView.vue
index 41068a340..1f19a968b 100644
--- a/frontend/src/views/admin/domains/DomainEditView.vue
+++ b/frontend/src/views/admin/domains/DomainEditView.vue
@@ -1,9 +1,9 @@
 <template>
-  <div>
-    <span class="text-h4">{{ $gettext('Edit domain') }}</span>
-    <div class="mt-4" />
-    <DomainEditForm :domain="domain" />
-  </div>
+    <div>
+        <span class="text-h4">{{ $gettext('Edit domain') }}</span>
+        <div class="mt-4" />
+        <DomainEditForm :domain="domain" />
+    </div>
 </template>
 
 <script setup lang="js">
@@ -20,6 +20,6 @@ const route = useRoute()
 const domain = ref({ pk: route.params.id })
 
 domainsStore
-  .getDomain(route.params.id)
-  .then((response) => (domain.value = response.data))
+    .getDomain(route.params.id)
+    .then((response) => (domain.value = response.data))
 </script>
diff --git a/frontend/src/views/admin/domains/DomainView.vue b/frontend/src/views/admin/domains/DomainView.vue
index 5d873dc11..a7aa0326a 100644
--- a/frontend/src/views/admin/domains/DomainView.vue
+++ b/frontend/src/views/admin/domains/DomainView.vue
@@ -1,80 +1,80 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>
-        {{ $gettext('Domain') }} {{ domain.name }}
-        <v-btn
-          color="primary"
-          icon="mdi-circle-edit-outline"
-          :to="{ name: 'DomainEdit', params: { id: domain.pk } }"
-        ></v-btn>
-        <v-btn
-          color="primary"
-          icon="mdi-reload"
-          @click="refreshDomain()"
-        ></v-btn>
-      </v-toolbar-title>
-    </v-toolbar>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>
+                {{ $gettext('Domain') }} {{ domain.name }}
+                <v-btn
+                    color="primary"
+                    icon="mdi-circle-edit-outline"
+                    :to="{ name: 'DomainEdit', params: { id: domain.pk } }"
+                ></v-btn>
+                <v-btn
+                    color="primary"
+                    icon="mdi-reload"
+                    @click="refreshDomain()"
+                ></v-btn>
+            </v-toolbar-title>
+        </v-toolbar>
 
-    <v-tabs v-model="tab" class="mb-4" color="primary">
-      <v-tab>
-        {{ $gettext('General') }}
-      </v-tab>
-      <v-tab>
-        {{ $gettext('Statistics') }}
-      </v-tab>
-      <v-tab>
-        {{ $gettext('DMARC') }}
-      </v-tab>
-    </v-tabs>
-    <v-window v-model="tab">
-      <v-window-item>
-        <v-row>
-          <v-col cols="12" md="6">
-            <DomainSummary :domain="domain" />
-            <div class="mt-4" />
-            <DomainAdminList :domain="domain" />
-          </v-col>
-          <v-col cols="12" md="6">
-            <DNSDetail v-model="domain" />
-            <div class="mt-4" />
-            <ResourcesForm
-              v-if="
-                limitsConfig.params &&
-                limitsConfig.params.enable_domain_limits &&
-                domain.resources &&
-                domain.resources.length
-              "
-              :resources="domain.resources"
-            />
-          </v-col>
-        </v-row>
-      </v-window-item>
-      <v-window-item>
-        <v-row>
-          <v-col cols="12">
-            <TimeSerieChart
-              v-if="domain.name"
-              :domain="domain"
-              graphic-set="mailtraffic"
-              graphic-name="averagetraffic"
-            />
-          </v-col>
-          <v-col cols="12">
-            <TimeSerieChart
-              v-if="domain.name"
-              :domain="domain"
-              graphic-set="mailtraffic"
-              graphic-name="averagetrafficsize"
-            />
-          </v-col>
-        </v-row>
-      </v-window-item>
-      <v-window-item>
-        <DmarcAligmentChart :domain="domain" />
-      </v-window-item>
-    </v-window>
-  </div>
+        <v-tabs v-model="tab" class="mb-4" color="primary">
+            <v-tab>
+                {{ $gettext('General') }}
+            </v-tab>
+            <v-tab>
+                {{ $gettext('Statistics') }}
+            </v-tab>
+            <v-tab>
+                {{ $gettext('DMARC') }}
+            </v-tab>
+        </v-tabs>
+        <v-window v-model="tab">
+            <v-window-item>
+                <v-row>
+                    <v-col cols="12" md="6">
+                        <DomainSummary :domain="domain" />
+                        <div class="mt-4" />
+                        <DomainAdminList :domain="domain" />
+                    </v-col>
+                    <v-col cols="12" md="6">
+                        <DNSDetail v-model="domain" />
+                        <div class="mt-4" />
+                        <ResourcesForm
+                            v-if="
+                                limitsConfig.params &&
+                                limitsConfig.params.enable_domain_limits &&
+                                domain.resources &&
+                                domain.resources.length
+                            "
+                            :resources="domain.resources"
+                        />
+                    </v-col>
+                </v-row>
+            </v-window-item>
+            <v-window-item>
+                <v-row>
+                    <v-col cols="12">
+                        <TimeSerieChart
+                            v-if="domain.name"
+                            :domain="domain"
+                            graphic-set="mailtraffic"
+                            graphic-name="averagetraffic"
+                        />
+                    </v-col>
+                    <v-col cols="12">
+                        <TimeSerieChart
+                            v-if="domain.name"
+                            :domain="domain"
+                            graphic-set="mailtraffic"
+                            graphic-name="averagetrafficsize"
+                        />
+                    </v-col>
+                </v-row>
+            </v-window-item>
+            <v-window-item>
+                <DmarcAligmentChart :domain="domain" />
+            </v-window-item>
+        </v-window>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -94,26 +94,26 @@ const route = useRoute()
 const domainsStore = useDomainsStore()
 
 const domain = computed(() => {
-  if (domainsStore.domains[route.params.id] !== undefined) {
-    return domainsStore.domains[route.params.id]
-  }
-  refreshDomain()
-  return { pk: route.params.id }
+    if (domainsStore.domains[route.params.id] !== undefined) {
+        return domainsStore.domains[route.params.id]
+    }
+    refreshDomain()
+    return { pk: route.params.id }
 })
 
 const limitsConfig = ref({})
 const tab = ref(null)
 
 function refreshDomain() {
-  domainsStore.getDomain(route.params.id)
+    domainsStore.getDomain(route.params.id)
 }
 </script>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 .v-tabs-items {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/domains/DomainsView.vue b/frontend/src/views/admin/domains/DomainsView.vue
index 58c5eb8eb..2b994f868 100644
--- a/frontend/src/views/admin/domains/DomainsView.vue
+++ b/frontend/src/views/admin/domains/DomainsView.vue
@@ -1,76 +1,85 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>{{ $gettext('Domains') }}</v-toolbar-title>
-      <v-spacer />
-      <v-btn
-        class="mr-2"
-        :title="$gettext('Import domains and aliases from CSV file')"
-        variant="elevated"
-        icon="mdi-file-import-outline"
-        @click="showImportForm = true"
-      ></v-btn>
-      <v-btn
-        class="mr-2"
-        :title="$gettext('Export domains and aliases to CSV')"
-        variant="elevated"
-        icon="mdi-file-export-outline"
-        @click="exportDomains"
-      ></v-btn>
-      <v-menu offset-y>
-        <template #activator="{ props }">
-          <v-btn
-            color="primary"
-            variant="flat"
-            v-bind="props"
-            prepend-icon="mdi-plus"
-          >
-            {{ $gettext('New') }}
-          </v-btn>
-        </template>
-        <v-list density="compact">
-          <v-list-item @click="showDomainWizard = true">
-            <v-list-item-title>{{ $gettext('Domain') }}</v-list-item-title>
-          </v-list-item>
-          <v-list-item @click="showAliasForm = true">
-            <v-list-item-title>{{ $gettext('Alias') }}</v-list-item-title>
-          </v-list-item>
-        </v-list>
-      </v-menu>
-    </v-toolbar>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>{{ $gettext('Domains') }}</v-toolbar-title>
+            <v-spacer />
+            <v-btn
+                class="mr-2"
+                :title="$gettext('Import domains and aliases from CSV file')"
+                variant="elevated"
+                icon="mdi-file-import-outline"
+                @click="showImportForm = true"
+            ></v-btn>
+            <v-btn
+                class="mr-2"
+                :title="$gettext('Export domains and aliases to CSV')"
+                variant="elevated"
+                icon="mdi-file-export-outline"
+                @click="exportDomains"
+            ></v-btn>
+            <v-menu offset-y>
+                <template #activator="{ props }">
+                    <v-btn
+                        color="primary"
+                        variant="flat"
+                        v-bind="props"
+                        prepend-icon="mdi-plus"
+                    >
+                        {{ $gettext('New') }}
+                    </v-btn>
+                </template>
+                <v-list density="compact">
+                    <v-list-item @click="showDomainWizard = true">
+                        <v-list-item-title>{{
+                            $gettext('Domain')
+                        }}</v-list-item-title>
+                    </v-list-item>
+                    <v-list-item @click="showAliasForm = true">
+                        <v-list-item-title>{{
+                            $gettext('Alias')
+                        }}</v-list-item-title>
+                    </v-list-item>
+                </v-list>
+            </v-menu>
+        </v-toolbar>
 
-    <DomainList />
+        <DomainList />
 
-    <v-dialog v-model="showDomainWizard" fullscreen scrollable z-index="10">
-      <DomainCreationForm @close="showDomainWizard = false" />
-    </v-dialog>
-    <v-dialog v-model="showAliasForm" persistent max-width="800px">
-      <DomainAliasForm @close="showAliasForm = false" />
-    </v-dialog>
-    <v-dialog v-model="showImportForm" persistent max-width="800px">
-      <ImportForm
-        ref="importForm"
-        :title="$gettext('Import domains')"
-        @submit="importDomains"
-        @close="showImportForm = false"
-      >
-        <template #help>
-          <ul>
-            <li>
-              <em>domain; name; quota; default mailbox quota; enabled</em>
-            </li>
-            <li><em>domainalias; name; targeted domain; enabled</em></li>
-            <li>
-              <em
-                >relaydomain; name; target host; target port; service; enabled;
-                verify recipients</em
-              >
-            </li>
-          </ul>
-        </template>
-      </ImportForm>
-    </v-dialog>
-  </div>
+        <v-dialog v-model="showDomainWizard" fullscreen scrollable z-index="10">
+            <DomainCreationForm @close="showDomainWizard = false" />
+        </v-dialog>
+        <v-dialog v-model="showAliasForm" persistent max-width="800px">
+            <DomainAliasForm @close="showAliasForm = false" />
+        </v-dialog>
+        <v-dialog v-model="showImportForm" persistent max-width="800px">
+            <ImportForm
+                ref="importForm"
+                :title="$gettext('Import domains')"
+                @submit="importDomains"
+                @close="showImportForm = false"
+            >
+                <template #help>
+                    <ul>
+                        <li>
+                            <em
+                                >domain; name; quota; default mailbox quota;
+                                enabled</em
+                            >
+                        </li>
+                        <li>
+                            <em>domainalias; name; targeted domain; enabled</em>
+                        </li>
+                        <li>
+                            <em
+                                >relaydomain; name; target host; target port;
+                                service; enabled; verify recipients</em
+                            >
+                        </li>
+                    </ul>
+                </template>
+            </ImportForm>
+        </v-dialog>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -94,22 +103,22 @@ const importForm = ref()
 const { importContent, exportContent } = importExportMixin()
 
 function exportDomains() {
-  domainApi.exportAll().then((resp) => {
-    exportContent(resp.data, 'domains', $gettext)
-  })
+    domainApi.exportAll().then((resp) => {
+        exportContent(resp.data, 'domains', $gettext)
+    })
 }
 
 function importDomains(data) {
-  importContent(domainApi, data, importForm, $gettext)
+    importContent(domainApi, data, importForm, $gettext)
 }
 </script>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 
 .v-tabs-items {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/identities/AccountEditView.vue b/frontend/src/views/admin/identities/AccountEditView.vue
index 3b9869e7a..ec12413bd 100644
--- a/frontend/src/views/admin/identities/AccountEditView.vue
+++ b/frontend/src/views/admin/identities/AccountEditView.vue
@@ -1,7 +1,7 @@
 <template>
-  <span class="text-h4">{{ $gettext('Edit account') }}</span>
-  <div class="mt-4" />
-  <AccountEditForm />
+    <span class="text-h4">{{ $gettext('Edit account') }}</span>
+    <div class="mt-4" />
+    <AccountEditForm />
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/views/admin/identities/AccountView.vue b/frontend/src/views/admin/identities/AccountView.vue
index 4e7b17701..5652ef7c8 100644
--- a/frontend/src/views/admin/identities/AccountView.vue
+++ b/frontend/src/views/admin/identities/AccountView.vue
@@ -1,42 +1,46 @@
 <template>
-  <v-toolbar flat>
-    <v-toolbar-title>
-      {{ $gettext('Account') }} {{ account.username }}
-      <v-btn
-        color="primary"
-        icon="mdi-circle-edit-outline"
-        :to="{ name: 'AccountEdit', params: { id: account.pk } }"
-      />
-      <v-btn color="primary" icon="mdi-reload" @click="refreshAccount" />
-    </v-toolbar-title>
-  </v-toolbar>
-  <v-row>
-    <v-col cols="6">
-      <AccountSummary :account="account" />
-      <DomainAdminDomains
-        v-if="account.role === 'DomainAdmins'"
-        class="mt-2"
-        :account="account"
-      />
-    </v-col>
-    <v-col cols="6">
-      <ResourcesView
-        v-if="
-          limitsConfig.params &&
-          limitsConfig.params.enable_admin_limits &&
-          account.role !== 'SimpleUsers' &&
-          account.role !== 'SuperAdmins'
-        "
-        :resources="account.resources"
-      />
-      <AccountAliases v-if="account.aliases" class="mt-2" :account="account" />
-      <AccountSenderAddresses
-        v-if="account.mailbox"
-        class="mt-2"
-        :account="account"
-      />
-    </v-col>
-  </v-row>
+    <v-toolbar flat>
+        <v-toolbar-title>
+            {{ $gettext('Account') }} {{ account.username }}
+            <v-btn
+                color="primary"
+                icon="mdi-circle-edit-outline"
+                :to="{ name: 'AccountEdit', params: { id: account.pk } }"
+            />
+            <v-btn color="primary" icon="mdi-reload" @click="refreshAccount" />
+        </v-toolbar-title>
+    </v-toolbar>
+    <v-row>
+        <v-col cols="6">
+            <AccountSummary :account="account" />
+            <DomainAdminDomains
+                v-if="account.role === 'DomainAdmins'"
+                class="mt-2"
+                :account="account"
+            />
+        </v-col>
+        <v-col cols="6">
+            <ResourcesView
+                v-if="
+                    limitsConfig.params &&
+                    limitsConfig.params.enable_admin_limits &&
+                    account.role !== 'SimpleUsers' &&
+                    account.role !== 'SuperAdmins'
+                "
+                :resources="account.resources"
+            />
+            <AccountAliases
+                v-if="account.aliases"
+                class="mt-2"
+                :account="account"
+            />
+            <AccountSenderAddresses
+                v-if="account.mailbox"
+                class="mt-2"
+                :account="account"
+            />
+        </v-col>
+    </v-row>
 </template>
 
 <script setup lang="js">
@@ -54,25 +58,25 @@ const route = useRoute()
 const accountsStore = useAccountsStore()
 
 const account = computed(() => {
-  if (accountsStore.accounts[route.params.id] !== undefined) {
-    return accountsStore.accounts[route.params.id]
-  }
-  refreshAccount()
-  return { pk: route.params.id }
+    if (accountsStore.accounts[route.params.id] !== undefined) {
+        return accountsStore.accounts[route.params.id]
+    }
+    refreshAccount()
+    return { pk: route.params.id }
 })
 const limitsConfig = ref({})
 
 parametersApi.getApplication('limits').then((resp) => {
-  limitsConfig.value = resp.data
+    limitsConfig.value = resp.data
 })
 
 function refreshAccount() {
-  accountsStore.getAccount(route.params.id)
+    accountsStore.getAccount(route.params.id)
 }
 </script>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/identities/AliasEditView.vue b/frontend/src/views/admin/identities/AliasEditView.vue
index 31ba106b6..ac4bb9330 100644
--- a/frontend/src/views/admin/identities/AliasEditView.vue
+++ b/frontend/src/views/admin/identities/AliasEditView.vue
@@ -1,9 +1,9 @@
 <template>
-  <div>
-    <span class="text-h4">{{ $gettext('Edit alias') }}</span>
-    <div class="mt-4" />
-    <AliasEditForm :alias="alias" />
-  </div>
+    <div>
+        <span class="text-h4">{{ $gettext('Edit alias') }}</span>
+        <div class="mt-4" />
+        <AliasEditForm :alias="alias" />
+    </div>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/views/admin/identities/AliasView.vue b/frontend/src/views/admin/identities/AliasView.vue
index b3ef8321d..51a2d929c 100644
--- a/frontend/src/views/admin/identities/AliasView.vue
+++ b/frontend/src/views/admin/identities/AliasView.vue
@@ -1,23 +1,27 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>
-        {{ $gettext('Alias') }} {{ alias.address }}
-        <v-btn
-          color="primary"
-          icon="mdi-circle-edit-outline"
-          :to="{ name: 'AliasEdit', params: { id: alias.pk } }"
-        />
-        <v-btn color="primary" icon="mdi-reload" @click="refreshAlias()" />
-      </v-toolbar-title>
-    </v-toolbar>
-    <v-row>
-      <v-col cols="6">
-        <AliasSummary :alias="alias" />
-        <AliasRecipientsSummary :alias="alias" class="mt-2" />
-      </v-col>
-    </v-row>
-  </div>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>
+                {{ $gettext('Alias') }} {{ alias.address }}
+                <v-btn
+                    color="primary"
+                    icon="mdi-circle-edit-outline"
+                    :to="{ name: 'AliasEdit', params: { id: alias.pk } }"
+                />
+                <v-btn
+                    color="primary"
+                    icon="mdi-reload"
+                    @click="refreshAlias()"
+                />
+            </v-toolbar-title>
+        </v-toolbar>
+        <v-row>
+            <v-col cols="6">
+                <AliasSummary :alias="alias" />
+                <AliasRecipientsSummary :alias="alias" class="mt-2" />
+            </v-col>
+        </v-row>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -33,20 +37,20 @@ const aliasesStore = useAliasesStore()
 const route = useRoute()
 
 const alias = computed(() => {
-  if (aliasesStore.aliases[route.params.id] !== undefined) {
-    return aliasesStore.aliases[route.params.id]
-  }
-  refreshAlias()
-  return { pk: route.params.id }
+    if (aliasesStore.aliases[route.params.id] !== undefined) {
+        return aliasesStore.aliases[route.params.id]
+    }
+    refreshAlias()
+    return { pk: route.params.id }
 })
 
 function refreshAlias() {
-  aliasesStore.getAlias(route.params.id)
+    aliasesStore.getAlias(route.params.id)
 }
 </script>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/identities/IdentitiesView.vue b/frontend/src/views/admin/identities/IdentitiesView.vue
index e1abf89b1..cf723810c 100644
--- a/frontend/src/views/admin/identities/IdentitiesView.vue
+++ b/frontend/src/views/admin/identities/IdentitiesView.vue
@@ -1,97 +1,108 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>{{ $gettext('Identities') }}</v-toolbar-title>
-      <v-spacer />
-      <v-btn
-        class="mr-2"
-        :title="$gettext('Import accounts and aliases from CSV file')"
-        variant="elevated"
-        icon="mdi-file-import-outline"
-        @click="showImportForm = true"
-      ></v-btn>
-      <v-btn
-        class="mr-2"
-        :title="$gettext('Export accounts and aliases to CSV')"
-        icon="mdi-file-export-outline"
-        variant="elevated"
-        @click="exportIdentities"
-      ></v-btn>
-      <v-menu offset-y>
-        <template #activator="{ props }">
-          <v-btn
-            color="primary"
-            variant="flat"
-            v-bind="props"
-            prepend-icon="mdi-plus"
-          >
-            {{ $gettext('New') }}
-          </v-btn>
-        </template>
-        <v-list density="compact">
-          <v-list-item @click="showCreationWizard = true">
-            <v-list-item-title>{{ $gettext('Account') }}</v-list-item-title>
-          </v-list-item>
-          <v-list-item @click="showAliasCreationWizard = true">
-            <v-list-item-title>{{ $gettext('Alias') }}</v-list-item-title>
-          </v-list-item>
-        </v-list>
-      </v-menu>
-    </v-toolbar>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>{{ $gettext('Identities') }}</v-toolbar-title>
+            <v-spacer />
+            <v-btn
+                class="mr-2"
+                :title="$gettext('Import accounts and aliases from CSV file')"
+                variant="elevated"
+                icon="mdi-file-import-outline"
+                @click="showImportForm = true"
+            ></v-btn>
+            <v-btn
+                class="mr-2"
+                :title="$gettext('Export accounts and aliases to CSV')"
+                icon="mdi-file-export-outline"
+                variant="elevated"
+                @click="exportIdentities"
+            ></v-btn>
+            <v-menu offset-y>
+                <template #activator="{ props }">
+                    <v-btn
+                        color="primary"
+                        variant="flat"
+                        v-bind="props"
+                        prepend-icon="mdi-plus"
+                    >
+                        {{ $gettext('New') }}
+                    </v-btn>
+                </template>
+                <v-list density="compact">
+                    <v-list-item @click="showCreationWizard = true">
+                        <v-list-item-title>{{
+                            $gettext('Account')
+                        }}</v-list-item-title>
+                    </v-list-item>
+                    <v-list-item @click="showAliasCreationWizard = true">
+                        <v-list-item-title>{{
+                            $gettext('Alias')
+                        }}</v-list-item-title>
+                    </v-list-item>
+                </v-list>
+            </v-menu>
+        </v-toolbar>
 
-    <IdentityList />
-    <v-dialog
-      v-model="showAliasCreationWizard"
-      fullscreen
-      scrollable
-      z-index="10"
-    >
-      <AliasCreationForm @close="showAliasCreationWizard = false" />
-    </v-dialog>
+        <IdentityList />
+        <v-dialog
+            v-model="showAliasCreationWizard"
+            fullscreen
+            scrollable
+            z-index="10"
+        >
+            <AliasCreationForm @close="showAliasCreationWizard = false" />
+        </v-dialog>
 
-    <v-dialog v-model="showCreationWizard" fullscreen scrollable z-index="10">
-      <AccountCreationForm @close="showCreationWizard = false" />
-    </v-dialog>
+        <v-dialog
+            v-model="showCreationWizard"
+            fullscreen
+            scrollable
+            z-index="10"
+        >
+            <AccountCreationForm @close="showCreationWizard = false" />
+        </v-dialog>
 
-    <v-dialog v-model="showImportForm" persistent max-width="800px">
-      <ImportForm
-        ref="importForm"
-        :title="$gettext('Import identities')"
-        @submit="importIdentities"
-        @close="showImportForm = false"
-      >
-        <template #help>
-          <ul>
-            <li>
-              <em
-                >account; loginname; password; first name; last name; enabled;
-                group; address; quota; [, domain, ...]</em
-              >
-            </li>
-            <li>
-              <em
-                >alias; address; enabled; recipient; [more recipients; ...]</em
-              >
-            </li>
-          </ul>
-        </template>
-        <template #extraFields="{ form }">
-          <v-switch
-            v-model="form.crypt_passwords"
-            :label="$gettext('Crypt passwords')"
-            color="primary"
-            density="compact"
-            :hint="
-              $gettext(
-                'Check this option if passwords contained in your file are not crypted'
-              )
-            "
-            persistent-hint
-          />
-        </template>
-      </ImportForm>
-    </v-dialog>
-  </div>
+        <v-dialog v-model="showImportForm" persistent max-width="800px">
+            <ImportForm
+                ref="importForm"
+                :title="$gettext('Import identities')"
+                @submit="importIdentities"
+                @close="showImportForm = false"
+            >
+                <template #help>
+                    <ul>
+                        <li>
+                            <em
+                                >account; loginname; password; first name; last
+                                name; enabled; group; address; quota; [, domain,
+                                ...]</em
+                            >
+                        </li>
+                        <li>
+                            <em
+                                >alias; address; enabled; recipient; [more
+                                recipients; ...]</em
+                            >
+                        </li>
+                    </ul>
+                </template>
+                <template #extraFields="{ form }">
+                    <v-switch
+                        v-model="form.crypt_passwords"
+                        :label="$gettext('Crypt passwords')"
+                        color="primary"
+                        density="compact"
+                        :hint="
+                            $gettext(
+                                'Check this option if passwords contained in your file are not crypted'
+                            )
+                        "
+                        persistent-hint
+                    />
+                </template>
+            </ImportForm>
+        </v-dialog>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -113,23 +124,23 @@ const showImportForm = ref(false)
 const importForm = ref()
 
 function exportIdentities() {
-  identitiesApi.exportAll().then((resp) => {
-    exportContent(resp.data, 'identities', $gettext)
-  })
+    identitiesApi.exportAll().then((resp) => {
+        exportContent(resp.data, 'identities', $gettext)
+    })
 }
 
 function importIdentities(data, form) {
-  data.append('crypt_passwords', form.crypt_passwords)
-  importContent(identitiesApi, data, importForm, $gettext)
+    data.append('crypt_passwords', form.crypt_passwords)
+    importContent(identitiesApi, data, importForm, $gettext)
 }
 </script>
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 
 .v-tabs-items {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/imap_migration/MigrationsView.vue b/frontend/src/views/admin/imap_migration/MigrationsView.vue
index e00845824..b91756e8a 100644
--- a/frontend/src/views/admin/imap_migration/MigrationsView.vue
+++ b/frontend/src/views/admin/imap_migration/MigrationsView.vue
@@ -1,12 +1,12 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title>{{ $gettext('Migrations') }}</v-toolbar-title>
-      <v-spacer />
-    </v-toolbar>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title>{{ $gettext('Migrations') }}</v-toolbar-title>
+            <v-spacer />
+        </v-toolbar>
 
-    <MigrationsList />
-  </div>
+        <MigrationsList />
+    </div>
 </template>
 
 <script setup lang="js">
@@ -18,10 +18,10 @@ const { $gettext } = useGettext()
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 
 .v-tabs-items {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/imap_migration/ProviderEditView.vue b/frontend/src/views/admin/imap_migration/ProviderEditView.vue
index c9be0ca31..68cda5ffd 100644
--- a/frontend/src/views/admin/imap_migration/ProviderEditView.vue
+++ b/frontend/src/views/admin/imap_migration/ProviderEditView.vue
@@ -1,9 +1,9 @@
 <template>
-  <div>
-    <span class="text-h4"> {{ $gettext('Edit provider') }} </span>
-    <div class="mt-4" />
-    <ProviderForm :provider="provider" />
-  </div>
+    <div>
+        <span class="text-h4"> {{ $gettext('Edit provider') }} </span>
+        <div class="mt-4" />
+        <ProviderForm :provider="provider" />
+    </div>
 </template>
 
 <script setup lang="js">
@@ -19,6 +19,6 @@ const route = useRoute()
 const provider = ref({})
 
 providersApi.getProvider(route.params.id).then((response) => {
-  provider.value = response.data
+    provider.value = response.data
 })
 </script>
diff --git a/frontend/src/views/admin/imap_migration/ProvidersView.vue b/frontend/src/views/admin/imap_migration/ProvidersView.vue
index 1f6bb45e0..4afd9c7d6 100644
--- a/frontend/src/views/admin/imap_migration/ProvidersView.vue
+++ b/frontend/src/views/admin/imap_migration/ProvidersView.vue
@@ -1,29 +1,29 @@
 <template>
-  <div>
-    <v-toolbar flat>
-      <v-toolbar-title> {{ $gettext('Providers') }} </v-toolbar-title>
-      <v-spacer />
-      <v-btn
-        color="primary"
-        variant="flat"
-        prepend-icon="mdi-plus"
-        @click="showProviderWizard = true"
-      >
-        {{ $gettext('New') }}
-      </v-btn>
-    </v-toolbar>
+    <div>
+        <v-toolbar flat>
+            <v-toolbar-title> {{ $gettext('Providers') }} </v-toolbar-title>
+            <v-spacer />
+            <v-btn
+                color="primary"
+                variant="flat"
+                prepend-icon="mdi-plus"
+                @click="showProviderWizard = true"
+            >
+                {{ $gettext('New') }}
+            </v-btn>
+        </v-toolbar>
 
-    <ProvidersList />
+        <ProvidersList />
 
-    <v-dialog
-      v-model="showProviderWizard"
-      fullscreen
-      scrollable
-      transition="dialog-bottom-transition"
-    >
-      <ProviderCreationForm @close="showProviderWizard = false" />
-    </v-dialog>
-  </div>
+        <v-dialog
+            v-model="showProviderWizard"
+            fullscreen
+            scrollable
+            transition="dialog-bottom-transition"
+        >
+            <ProviderCreationForm @close="showProviderWizard = false" />
+        </v-dialog>
+    </div>
 </template>
 
 <script setup lang="js">
@@ -39,10 +39,10 @@ const showProviderWizard = ref(false)
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 
 .v-tabs-items {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/monitoring/AuditTrailView.vue b/frontend/src/views/admin/monitoring/AuditTrailView.vue
index e13edb660..1b4e491ae 100644
--- a/frontend/src/views/admin/monitoring/AuditTrailView.vue
+++ b/frontend/src/views/admin/monitoring/AuditTrailView.vue
@@ -1,8 +1,8 @@
 <template>
-  <v-toolbar flat>
-    <v-toolbar-title>{{ $gettext('Audit trail') }}</v-toolbar-title>
-  </v-toolbar>
-  <AuditTrailList />
+    <v-toolbar flat>
+        <v-toolbar-title>{{ $gettext('Audit trail') }}</v-toolbar-title>
+    </v-toolbar>
+    <AuditTrailList />
 </template>
 
 <script setup lang="js">
@@ -11,6 +11,6 @@ import AuditTrailList from '@/components/admin/logs/AuditTrailList.vue'
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/monitoring/MessagesView.vue b/frontend/src/views/admin/monitoring/MessagesView.vue
index 77034f624..8b1a0cfae 100644
--- a/frontend/src/views/admin/monitoring/MessagesView.vue
+++ b/frontend/src/views/admin/monitoring/MessagesView.vue
@@ -1,8 +1,8 @@
 <template>
-  <v-toolbar flat>
-    <v-toolbar-title>{{ $gettext('Message history') }}</v-toolbar-title>
-  </v-toolbar>
-  <MessageList />
+    <v-toolbar flat>
+        <v-toolbar-title>{{ $gettext('Message history') }}</v-toolbar-title>
+    </v-toolbar>
+    <MessageList />
 </template>
 
 <script setup lang="js">
@@ -11,6 +11,6 @@ import MessageList from '@/components/admin/logs/MessageList'
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/admin/monitoring/StatisticsView.vue b/frontend/src/views/admin/monitoring/StatisticsView.vue
index 20c224297..0d423a351 100644
--- a/frontend/src/views/admin/monitoring/StatisticsView.vue
+++ b/frontend/src/views/admin/monitoring/StatisticsView.vue
@@ -1,29 +1,29 @@
 <template>
-  <v-toolbar flat>
-    <v-toolbar-title>{{ $gettext('Statistics') }}</v-toolbar-title>
-  </v-toolbar>
-  <v-layout class="pa-2">
-    <v-row class="mt-2">
-      <v-col cols="12">
-        <TimeSerieChart
-          graphic-set="mailtraffic"
-          graphic-name="averagetraffic"
-        />
-      </v-col>
-      <v-col cols="12">
-        <TimeSerieChart
-          graphic-set="mailtraffic"
-          graphic-name="averagetrafficsize"
-        />
-      </v-col>
-      <v-col cols="12">
-        <TimeSerieChart
-          graphic-set="accountgraphicset"
-          graphic-name="accountcreationgraphic"
-        />
-      </v-col>
-    </v-row>
-  </v-layout>
+    <v-toolbar flat>
+        <v-toolbar-title>{{ $gettext('Statistics') }}</v-toolbar-title>
+    </v-toolbar>
+    <v-layout class="pa-2">
+        <v-row class="mt-2">
+            <v-col cols="12">
+                <TimeSerieChart
+                    graphic-set="mailtraffic"
+                    graphic-name="averagetraffic"
+                />
+            </v-col>
+            <v-col cols="12">
+                <TimeSerieChart
+                    graphic-set="mailtraffic"
+                    graphic-name="averagetrafficsize"
+                />
+            </v-col>
+            <v-col cols="12">
+                <TimeSerieChart
+                    graphic-set="accountgraphicset"
+                    graphic-name="accountcreationgraphic"
+                />
+            </v-col>
+        </v-row>
+    </v-layout>
 </template>
 
 <script setup lang="js">
@@ -32,6 +32,6 @@ import TimeSerieChart from '@/components/tools/TimeSerieChart.vue'
 
 <style scoped>
 .v-toolbar {
-  background-color: #f7f8fa !important;
+    background-color: #f7f8fa !important;
 }
 </style>
diff --git a/frontend/src/views/login/LoginView.vue b/frontend/src/views/login/LoginView.vue
index 8350fbe8c..90cfda2bd 100644
--- a/frontend/src/views/login/LoginView.vue
+++ b/frontend/src/views/login/LoginView.vue
@@ -1,21 +1,21 @@
 <template>
-  <template v-if="smAndDown">
-    <LoginForm />
-  </template>
-  <template v-else>
-    <v-row class="fill-height ma-0">
-      <v-col class="bg-primary">
-        <v-img
-          src="@/assets/Modoboa_RVB-BLANC-SANS.png"
-          max-width="300"
-          class="mt-10 ml-8"
-        />
-      </v-col>
-      <v-col class="text-center">
+    <template v-if="smAndDown">
         <LoginForm />
-      </v-col>
-    </v-row>
-  </template>
+    </template>
+    <template v-else>
+        <v-row class="fill-height ma-0">
+            <v-col class="bg-primary">
+                <v-img
+                    src="@/assets/Modoboa_RVB-BLANC-SANS.png"
+                    max-width="300"
+                    class="mt-10 ml-8"
+                />
+            </v-col>
+            <v-col class="text-center">
+                <LoginForm />
+            </v-col>
+        </v-row>
+    </template>
 </template>
 
 <script setup>
diff --git a/frontend/src/views/login/PasswordRecoveryChangeView.vue b/frontend/src/views/login/PasswordRecoveryChangeView.vue
index 1aa56e03f..e6161ef94 100644
--- a/frontend/src/views/login/PasswordRecoveryChangeView.vue
+++ b/frontend/src/views/login/PasswordRecoveryChangeView.vue
@@ -1,21 +1,21 @@
 <template>
-  <template v-if="smAndDown">
-    <PasswordRecoveryChangeForm />
-  </template>
-  <template v-else>
-    <v-row class="fill-height ma-0">
-      <v-col class="bg-primary">
-        <v-img
-          src="@/assets/Modoboa_RVB-BLANC-SANS.png"
-          max-width="300"
-          class="mt-10 ml-8"
-        />
-      </v-col>
-      <v-col class="text-center">
+    <template v-if="smAndDown">
         <PasswordRecoveryChangeForm />
-      </v-col>
-    </v-row>
-  </template>
+    </template>
+    <template v-else>
+        <v-row class="fill-height ma-0">
+            <v-col class="bg-primary">
+                <v-img
+                    src="@/assets/Modoboa_RVB-BLANC-SANS.png"
+                    max-width="300"
+                    class="mt-10 ml-8"
+                />
+            </v-col>
+            <v-col class="text-center">
+                <PasswordRecoveryChangeForm />
+            </v-col>
+        </v-row>
+    </template>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/views/login/PasswordRecoveryForm.vue b/frontend/src/views/login/PasswordRecoveryForm.vue
index b405d81f3..38cf09a49 100644
--- a/frontend/src/views/login/PasswordRecoveryForm.vue
+++ b/frontend/src/views/login/PasswordRecoveryForm.vue
@@ -1,51 +1,51 @@
 <template>
-  <v-row style="height: 100%; margin: 0 auto">
-    <v-col cols="0" sm="6" class="primary" style="height: 100%">
-      <v-img
-        src="@/assets/Modoboa_RVB-BLANC-SANS.png"
-        max-width="300"
-        class="mt-10 ml-8"
-      />
-    </v-col>
-    <v-col
-      cols="12"
-      sm="6"
-      class="d-flex flex-column justify-center pa-10"
-      @keyup.enter="recoverPassword"
-    >
-      <span class="text-primary mb-6 text-h4">{{
-        $gettext('Forgot password?')
-      }}</span>
-      <v-form ref="observer">
-        <label class="m-label">{{
-          $gettext('Please fill-in your primary email address')
-        }}</label>
-        <v-text-field
-          v-model="email"
-          variant="outlined"
-          :rules="[rules.required, rules.email]"
-          :error-messages="errors"
-        />
-      </v-form>
-      <div class="d-flex justify-center">
-        <v-btn
-          class="flex-grow-1"
-          color="primary"
-          size="large"
-          :loading="loading"
-          @click="recoverPassword"
+    <v-row style="height: 100%; margin: 0 auto">
+        <v-col cols="0" sm="6" class="primary" style="height: 100%">
+            <v-img
+                src="@/assets/Modoboa_RVB-BLANC-SANS.png"
+                max-width="300"
+                class="mt-10 ml-8"
+            />
+        </v-col>
+        <v-col
+            cols="12"
+            sm="6"
+            class="d-flex flex-column justify-center pa-10"
+            @keyup.enter="recoverPassword"
         >
-          {{ $gettext('Submit') }}
-        </v-btn>
-      </div>
-      <div>
-        <a :to="{ name: 'Login' }" class="float-right text-primary">{{
-          $gettext('Return to login')
-        }}</a>
-      </div>
-    </v-col>
-    <ConfirmDialog ref="confirm" />
-  </v-row>
+            <span class="text-primary mb-6 text-h4">{{
+                $gettext('Forgot password?')
+            }}</span>
+            <v-form ref="observer">
+                <label class="m-label">{{
+                    $gettext('Please fill-in your primary email address')
+                }}</label>
+                <v-text-field
+                    v-model="email"
+                    variant="outlined"
+                    :rules="[rules.required, rules.email]"
+                    :error-messages="errors"
+                />
+            </v-form>
+            <div class="d-flex justify-center">
+                <v-btn
+                    class="flex-grow-1"
+                    color="primary"
+                    size="large"
+                    :loading="loading"
+                    @click="recoverPassword"
+                >
+                    {{ $gettext('Submit') }}
+                </v-btn>
+            </div>
+            <div>
+                <a :to="{ name: 'Login' }" class="float-right text-primary">{{
+                    $gettext('Return to login')
+                }}</a>
+            </div>
+        </v-col>
+        <ConfirmDialog ref="confirm" />
+    </v-row>
 </template>
 
 <script setup lang="js">
@@ -66,64 +66,69 @@ const confirm = ref(null)
 const errors = ref([])
 
 async function showDialog(title, body, error = false) {
-  let color = 'info'
-  if (error) {
-    color = 'error'
-  }
-  const result = await confirm.value.open(title, body, {
-    color: color,
-    cancelLabel: $gettext('Ok'),
-    agreeLabel: $gettext('Return to login'),
-  })
-  if (!result) {
-    return
-  }
-  router.push({ name: 'Login' })
+    let color = 'info'
+    if (error) {
+        color = 'error'
+    }
+    const result = await confirm.value.open(title, body, {
+        color: color,
+        cancelLabel: $gettext('Ok'),
+        agreeLabel: $gettext('Return to login'),
+    })
+    if (!result) {
+        return
+    }
+    router.push({ name: 'Login' })
 }
 
 async function recoverPassword() {
-  const { valid } = await this.$refs.observer.validate()
-  if (!valid) {
-    return
-  }
-  const payload = {
-    email: email.value,
-  }
-  loading.value = true
-  auth
-    .recoverPassword(payload)
-    .then(async (resp) => {
-      loading.value = false
-      if (resp.status === 200) {
-        if (resp.data.type === 'sms') {
-          router.push({ name: 'PasswordRecoverySms' })
-        } else if (resp.data.type === 'email') {
-          await showDialog(
-            $gettext('Info'),
-            $gettext('Email sent, please check your inbox')
-          )
-        }
-      }
-    })
-    .catch(async (err) => {
-      loading.value = false
-      if (err.response.status === 404) {
-        if (
-          err.response.data.type === 'sms' ||
-          err.response.data.type === 'email'
-        ) {
-          errors.value = [err.response.data.reason]
-        }
-      } else if (
-        err.response.status === 503 &&
-        err.response.data.type === 'email'
-      ) {
-        await showDialog($gettext('Error'), err.response.data.reason, true)
-      } else if (err.response.status === 429) {
-        errors.value = [
-          $gettext('Too many unsuccessful attempts, please try later.'),
-        ]
-      }
-    })
+    const { valid } = await this.$refs.observer.validate()
+    if (!valid) {
+        return
+    }
+    const payload = {
+        email: email.value,
+    }
+    loading.value = true
+    auth.recoverPassword(payload)
+        .then(async (resp) => {
+            loading.value = false
+            if (resp.status === 200) {
+                if (resp.data.type === 'sms') {
+                    router.push({ name: 'PasswordRecoverySms' })
+                } else if (resp.data.type === 'email') {
+                    await showDialog(
+                        $gettext('Info'),
+                        $gettext('Email sent, please check your inbox')
+                    )
+                }
+            }
+        })
+        .catch(async (err) => {
+            loading.value = false
+            if (err.response.status === 404) {
+                if (
+                    err.response.data.type === 'sms' ||
+                    err.response.data.type === 'email'
+                ) {
+                    errors.value = [err.response.data.reason]
+                }
+            } else if (
+                err.response.status === 503 &&
+                err.response.data.type === 'email'
+            ) {
+                await showDialog(
+                    $gettext('Error'),
+                    err.response.data.reason,
+                    true
+                )
+            } else if (err.response.status === 429) {
+                errors.value = [
+                    $gettext(
+                        'Too many unsuccessful attempts, please try later.'
+                    ),
+                ]
+            }
+        })
 }
 </script>
diff --git a/frontend/src/views/login/PasswordRecoverySmsTotpView.vue b/frontend/src/views/login/PasswordRecoverySmsTotpView.vue
index 88cef341a..75fbb6d22 100644
--- a/frontend/src/views/login/PasswordRecoverySmsTotpView.vue
+++ b/frontend/src/views/login/PasswordRecoverySmsTotpView.vue
@@ -1,21 +1,21 @@
 <template>
-  <template v-if="smAndDown">
-    <PasswordRecoverySmsTotpForm />
-  </template>
-  <template v-else>
-    <v-row class="fill-height ma-0">
-      <v-col class="bg-primary">
-        <v-img
-          src="@/assets/Modoboa_RVB-BLANC-SANS.png"
-          max-width="300"
-          class="mt-10 ml-8"
-        />
-      </v-col>
-      <v-col class="text-center">
+    <template v-if="smAndDown">
         <PasswordRecoverySmsTotpForm />
-      </v-col>
-    </v-row>
-  </template>
+    </template>
+    <template v-else>
+        <v-row class="fill-height ma-0">
+            <v-col class="bg-primary">
+                <v-img
+                    src="@/assets/Modoboa_RVB-BLANC-SANS.png"
+                    max-width="300"
+                    class="mt-10 ml-8"
+                />
+            </v-col>
+            <v-col class="text-center">
+                <PasswordRecoverySmsTotpForm />
+            </v-col>
+        </v-row>
+    </template>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/views/login/PasswordRecoveryView.vue b/frontend/src/views/login/PasswordRecoveryView.vue
index ccf11a50b..3f96e6505 100644
--- a/frontend/src/views/login/PasswordRecoveryView.vue
+++ b/frontend/src/views/login/PasswordRecoveryView.vue
@@ -1,21 +1,21 @@
 <template>
-  <template v-if="smAndDown">
-    <PasswordRecoveryForm />
-  </template>
-  <template v-else>
-    <v-row class="fill-height ma-0">
-      <v-col class="bg-primary">
-        <v-img
-          src="@/assets/Modoboa_RVB-BLANC-SANS.png"
-          max-width="300"
-          class="mt-10 ml-8"
-        />
-      </v-col>
-      <v-col class="text-center">
+    <template v-if="smAndDown">
         <PasswordRecoveryForm />
-      </v-col>
-    </v-row>
-  </template>
+    </template>
+    <template v-else>
+        <v-row class="fill-height ma-0">
+            <v-col class="bg-primary">
+                <v-img
+                    src="@/assets/Modoboa_RVB-BLANC-SANS.png"
+                    max-width="300"
+                    class="mt-10 ml-8"
+                />
+            </v-col>
+            <v-col class="text-center">
+                <PasswordRecoveryForm />
+            </v-col>
+        </v-row>
+    </template>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/src/views/login/TwoFA.vue b/frontend/src/views/login/TwoFA.vue
index 462146614..ddc45164d 100644
--- a/frontend/src/views/login/TwoFA.vue
+++ b/frontend/src/views/login/TwoFA.vue
@@ -1,21 +1,21 @@
 <template>
-  <template v-if="smAndDown">
-    <TwofaForm />
-  </template>
-  <template v-else>
-    <v-row class="fill-height ma-0">
-      <v-col class="bg-primary">
-        <v-img
-          src="@/assets/Modoboa_RVB-BLANC-SANS.png"
-          max-width="300"
-          class="mt-10 ml-8"
-        />
-      </v-col>
-      <v-col class="text-center">
+    <template v-if="smAndDown">
         <TwofaForm />
-      </v-col>
-    </v-row>
-  </template>
+    </template>
+    <template v-else>
+        <v-row class="fill-height ma-0">
+            <v-col class="bg-primary">
+                <v-img
+                    src="@/assets/Modoboa_RVB-BLANC-SANS.png"
+                    max-width="300"
+                    class="mt-10 ml-8"
+                />
+            </v-col>
+            <v-col class="text-center">
+                <TwofaForm />
+            </v-col>
+        </v-row>
+    </template>
 </template>
 
 <script setup lang="js">
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index b5d3d6fb1..50047fd89 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -9,43 +9,43 @@ import { fileURLToPath, URL } from 'node:url'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    vue({
-      template: { transformAssetUrls },
-    }),
-    // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
-    vuetify({
-      autoImport: true,
-      styles: {
-        configFile: 'src/styles/settings.scss',
-      },
-    }),
-    ViteFonts({
-      google: {
-        families: [
-          {
-            name: 'Roboto',
-            styles: 'wght@100;300;400;500;700;900',
-          },
-        ],
-      },
-    }),
-  ],
-  base: process.env.NODE_ENV === 'production' ? '/new-admin/' : '/',
-  define: { 'process.env': {}, __VUE_OPTIONS_API__: false },
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    plugins: [
+        vue({
+            template: { transformAssetUrls },
+        }),
+        // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
+        vuetify({
+            autoImport: true,
+            styles: {
+                configFile: 'src/styles/settings.scss',
+            },
+        }),
+        ViteFonts({
+            google: {
+                families: [
+                    {
+                        name: 'Roboto',
+                        styles: 'wght@100;300;400;500;700;900',
+                    },
+                ],
+            },
+        }),
+    ],
+    base: process.env.NODE_ENV === 'production' ? '/new-admin/' : '/',
+    define: { 'process.env': {}, __VUE_OPTIONS_API__: false },
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
+        },
+        extensions: ['.js', '.json', '.jsx', '.mjs', '.ts', '.tsx', '.vue'],
     },
-    extensions: ['.js', '.json', '.jsx', '.mjs', '.ts', '.tsx', '.vue'],
-  },
-  server: {
-    port: 3000,
-    proxy: {
-      '/api':
-        process.env.DOCKER == 'yes'
-          ? 'http://api:8000'
-          : 'http://127.0.0.1:8000',
+    server: {
+        port: 3000,
+        proxy: {
+            '/api':
+                process.env.DOCKER == 'yes'
+                    ? 'http://api:8000'
+                    : 'http://127.0.0.1:8000',
+        },
     },
-  },
 })
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 066ffd824..db0be0c25 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -753,11 +753,6 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-config-prettier@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz#31af3d94578645966c082fcb71a5846d3c94867f"
-  integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
-
 eslint-plugin-vue@^9.21.1:
   version "9.21.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.21.1.tgz#da5629efa48527cec98278dca0daa90fada4caf7"