More localization (#393)

* Translate sidebar

* Do not force 12-hour format worldwide

Vue-i18n knows which locales prefer 12-hour format over 24-hour format

* Translate new tiles in profile page

* Translate new tiles in dashboard

frontend/src/components/FormHelpers/ImportOptions.vue

@@ -36,11 +36,11 @@ export default {
         },
         users: {
           value: true,
-          text: this.$t("general.users"),
+          text: this.$t("user.users"),
         },
         groups: {
           value: true,
-          text: this.$t("general.groups"),
+          text: this.$t("group.groups"),
         },
       },
     };

frontend/src/components/ImportSummaryDialog/index.vue

@@ -29,8 +29,8 @@
           <v-tab>{{ $t("general.themes") }}</v-tab>
           <v-tab>{{ $t("general.settings") }}</v-tab>
           <v-tab> {{ $t("settings.pages") }} </v-tab>
-          <v-tab>{{ $t("general.users") }}</v-tab>
-          <v-tab>{{ $t("general.groups") }}</v-tab>
+          <v-tab>{{ $t("user.users") }}</v-tab>
+          <v-tab>{{ $t("group.groups") }}</v-tab>
         </v-tabs>
         <v-tabs-items v-model="tab">
           <v-tab-item v-for="(table, index) in allTables" :key="index">
@@ -92,10 +92,10 @@ export default {
       return this.calculateNumbers(this.$t("general.themes"), this.themeData);
     },
     userNumbers() {
-      return this.calculateNumbers(this.$t("general.users"), this.userData);
+      return this.calculateNumbers(this.$t("user.users"), this.userData);
     },
     groupNumbers() {
-      return this.calculateNumbers(this.$t("general.groups"), this.groupData);
+      return this.calculateNumbers(this.$t("group.groups"), this.groupData);
     },
     pageNumbers() {
       return this.calculateNumbers(this.$t("settings.pages"), this.pageData);

frontend/src/components/UI/Dialogs/BackupDialog.vue

@@ -8,7 +8,7 @@
       :loading="loading"
     >
       <template v-slot:open="{ open }">
-        <v-btn @click="open" class="mx-2" small :color="color"> <v-icon left> mdi-plus </v-icon> Custom </v-btn>
+        <v-btn @click="open" class="mx-2" small :color="color"> <v-icon left> mdi-plus </v-icon> {{$t('general.custom')}} </v-btn>
       </template>
       <v-card-text class="mt-6">
         <v-text-field dense :label="$t('settings.backup.backup-tag')" v-model="tag"></v-text-field>

frontend/src/components/UI/TheSidebar.vue

@@ -12,7 +12,7 @@
 
           <v-list-item-content>
             <v-list-item-title> {{ user.fullName }}</v-list-item-title>
-            <v-list-item-subtitle> {{ user.admin ? "Admin" : "User" }}</v-list-item-subtitle>
+            <v-list-item-subtitle> {{ user.admin ? $t('user.admin') : $t('user.user') }}</v-list-item-subtitle>
           </v-list-item-content>
         </v-list-item>
       </template>
@@ -155,7 +155,7 @@ export default {
         {
           icon: "mdi-account-group",
           to: "/admin/manage-users",
-          title: this.$t("settings.manage-users"),
+          title: this.$t("user.manage-users"),
         },
         {
           icon: "mdi-database-import",