Localization (#568)

* Translate 404 pages

* Remove unused strings

frontend/src/components/Fallbacks/NoRecipe.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <The404>
-      <h1 class="mx-auto">No Recipe Found</h1>
+      <h1 class="mx-auto">{{ $t('general.no-recipe-found') }}</h1>
     </The404>
   </div>
 </template>

frontend/src/components/Fallbacks/The404.vue

@@ -29,15 +29,15 @@
 
 <script>
 export default {
-  data() {
-    return {
-      buttons: [
-        { icon: this.$globals.icons.home, to: "/", text: "Home" },
-        { icon: this.$globals.icons.primary, to: "/recipes/all", text: "All Recipes" },
-        { icon: this.$globals.icons.search, to: "/search", text: "Search" },
-      ],
-    };
-  },
+  computed: {
+    buttons() {
+      return[ 
+        { icon: this.$globals.icons.home, to: "/", text: this.$t('general.home') },
+        { icon: this.$globals.icons.primary, to: "/recipes/all", text: this.$t('page.all-recipes') },
+        { icon: this.$globals.icons.search, to: "/search", text: this.$t('search.search') },
+      ]; 
+    },
+  }
 };
 </script>