feat(i18n): remove title in contact and i18nize the page titles

app/app.vue

@@ -4,8 +4,7 @@ const { locale } = useI18n();
 const app = useAppStore();
 const pageTitle = computed(() => {
   if (!app.booted) return "Pihkaal";
-  const name = app.screen.charAt(0).toUpperCase() + app.screen.slice(1);
-  return `${name} - Pihkaal`;
+  return `${$t(`screens.${app.screen}`)} - Pihkaal`;
 });
 
 useHead({

app/pages/gallery.vue

@@ -4,8 +4,9 @@ import type { InternalApi } from "nitropack/types";
 import { promiseTimeout, useElementSize } from "@vueuse/core";
 import gsap from "gsap";
 
+const { t } = useI18n();
 useHead({
-  title: "Gallery - Pihkaal",
+  title: computed(() => `${t("screens.gallery")} - Pihkaal`),
 });
 
 const { data: images } = await useAsyncData(

i18n/locales/en.json

@@ -1,4 +1,13 @@
 {
+  "screens": {
+    "home": "Home",
+    "contact": "Contact",
+    "projects": "Projects",
+    "settings": "Settings",
+    "gallery": "Gallery",
+    "achievements": "Achievements",
+    "credits": "Credits"
+  },
   "lagModal": {
     "title": "Performance issues detected",
     "body": "Your device seems to be struggling with 3D rendering. Switch to 2D mode for a smoother experience.",
@@ -180,7 +189,7 @@
     }
   },
   "contact": {
-    "title": "Choose a Chat Room to join.",
+    "title": "",
     "actions": {
       "open": "Open",
       "copy": "Copy",

i18n/locales/fr.json

@@ -1,4 +1,13 @@
 {
+  "screens": {
+    "home": "Accueil",
+    "contact": "Contact",
+    "projects": "Projets",
+    "settings": "Paramètres",
+    "gallery": "Galerie",
+    "achievements": "Succès",
+    "credits": "Crédits"
+  },
   "lagModal": {
     "title": "Problèmes de performances détectés",
     "body": "Votre appareil semble avoir du mal avec le rendu 3D. Passez en mode 2D pour une expérience plus fluide.",
@@ -180,7 +189,7 @@
     }
   },
   "contact": {
-    "title": "Choisissez un salon de discussion.",
+    "title": "",
     "actions": {
       "open": "Ouvrir",
       "copy": "Copier",