chore: make admin maintenance pages localizable (#1914)

frontend/pages/admin/maintenance/logs.vue

@@ -1,14 +1,22 @@
 <template>
   <v-container fluid>
-    <BaseCardSectionTitle class="pb-0" :icon="$globals.icons.cog" title="Summary"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle class="pb-0" :icon="$globals.icons.cog" title="$t('admin.maintenance.summary-title')">
+    </BaseCardSectionTitle>
     <div class="mb-6 ml-2 d-flex" style="gap: 0.8rem">
       <BaseButton color="info" :loading="state.loading" @click="refreshLogs">
         <template #icon> {{ $globals.icons.refreshCircle }} </template>
-        Refresh Logs
+        {{ $t("admin.maintenance.logs-action-refresh") }}
       </BaseButton>
       <AppButtonCopy :copy-text="copyText" />
       <div class="ml-auto" style="max-width: 150px">
-        <v-text-field v-model="state.lines" type="number" label="Tail Lines" hide-details dense outlined>
+        <v-text-field
+          v-model="state.lines"
+          type="number"
+          label="$t('admin.maintenance.logs-tail-lines-label')"
+          hide-details
+          dense
+          outlined
+        >
         </v-text-field>
       </div>
     </div>
@@ -80,8 +88,10 @@ export default defineComponent({
       logs,
     };
   },
-  head: {
-    title: "Mealie Logs",
+  head() {
+    return {
+      title: this.$t("admin.maintenance.logs-page-title") as string,
+    };
   },
 });
 </script>