feat: page title matches the nds screen

app/app.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const TITLE = "pihkaal.me";
+const TITLE = "Pihkaal";
 const DESCRIPTION =
   "23yo developer from Brittany. I love programming and taking photos.";
 const URL = "https://pihkaal.me";
@@ -7,6 +7,13 @@ const IMAGE = `${URL}/thumbnail.png`;
 
 const { locale, locales } = useI18n();
 
+const app = useAppStore();
+const pageTitle = computed(() => {
+  if (!app.booted) return TITLE;
+  const name = app.screen.charAt(0).toUpperCase() + app.screen.slice(1);
+  return `${name} - Pihkaal`;
+});
+
 const ogLocale = computed(
   () => locales.value.find((l) => l.code === locale.value)?.language ?? "en-US",
 );
@@ -15,7 +22,7 @@ const ogLocaleAlternate = computed(() =>
 );
 
 useSeoMeta({
-  title: TITLE,
+  title: pageTitle,
   description: DESCRIPTION,
   author: "pihkaal",
   robots: "index, follow",