Feature/misc tasks (#864)

* feat(backend): 🌐 make foods/ingredients translatable

* feat(backend): ✨ add remember me support for login - 14 days

* feat(frontend): 💄 add persistent darkmode for user sessions

* capture #859

* feat(frontend): 💄 add basic open-graph data for site links

frontend/nuxt.config.js

@@ -1,13 +1,25 @@
 export default {
   // Global page headers: https://go.nuxtjs.dev/config-head
   head: {
-    titleTemplate: "%s | Mealie",
     title: "Home",
     meta: [
+      { hid: "og:type", property: "og:type", content: "website" },
+      { hid: "og:title", property: "og:title", content: "Mealie" },
+      { hid: "og:site_name", property: "og:site_name", content: "Mealie" },
+      { hid: "og:desc", property: "og:description", content: "Mealie is a recipe management app for your kitchen." },
+      {
+        hid: "og-image",
+        property: "og:image",
+        content:
+          "https://raw.githubusercontent.com/hay-kot/mealie/dev/frontend/public/img/icons/android-chrome-512x512.png",
+      },
       { charset: "utf-8" },
       { name: "viewport", content: "width=device-width, initial-scale=1" },
-      { hid: "description", name: "description", content: "" },
-      { name: "format-detection", content: "telephone=no" },
+      {
+        hid: "description",
+        name: "description",
+        content: "Mealie is a recipe management app for your kitchen.",
+      },
     ],
     link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
   },
@@ -30,7 +42,7 @@ export default {
   css: [{ src: "~/assets/main.css" }, { src: "~/assets/style-overrides.scss" }],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
-  plugins: ["~/plugins/globals.ts", "~/plugins/theme.ts", "~/plugins/toast.client.ts"],
+  plugins: ["~/plugins/globals.ts", "~/plugins/theme.ts", "~/plugins/toast.client.ts", "~/plugins/dark-mode.client.ts"],
 
   // Auto import components: https://go.nuxtjs.dev/config-components
   components: true,