Localize hard-coded texts (#2044)

* feat(lang): localize some views

* feat(lang): an attempt at localizing vuetify (WIP)

* feat(lang): localized some more screens

* feat(lang): localized some more screens again

* feat(lang): hack to localize vuetify

* feat(lang): localize data management pages

* fix linting errors

---------

Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>

frontend/pages/recipes/tags/index.vue

@@ -7,7 +7,7 @@
       item-type="tags"
       @delete="actions.deleteOne"
     >
-      <template #title> Tags </template>
+      <template #title> {{ $t('tag.tags') }} </template>
     </RecipeOrganizerPage>
   </v-container>
 </template>
@@ -29,8 +29,10 @@ export default defineComponent({
       actions,
     };
   },
-  head: {
-    title: "Tags",
+  head() {
+    return {
+      title: this.$tc("tag.tags"),
+    }
   },
 });
 </script>

frontend/pages/recipes/tools/index.vue

@@ -7,7 +7,7 @@
       item-type="tools"
       @delete="actions.deleteOne"
     >
-      <template #title> Tools </template>
+      <template #title> {{ $t('tool.tools') }} </template>
     </RecipeOrganizerPage>
   </v-container>
 </template>
@@ -31,8 +31,10 @@ export default defineComponent({
       actions: toolStore.actions,
     };
   },
-  head: {
-    title: "Tools",
+  head() {
+    return {
+      title: this.$tc("tool.tools"),
+    };
   },
 });
 </script>