feat(frontend): Install nuxt-ui, eslint, prettier, reformat whole code

legalconsenthub/app.vue

@@ -1,6 +1,43 @@
 <template>
-  <NuxtLoadingIndicator />
-  <NuxtLayout>
-    <NuxtPage />
-  </NuxtLayout>
+  <UApp>
+    <NuxtLoadingIndicator />
+
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </UApp>
 </template>
+
+<script setup lang="ts">
+const colorMode = useColorMode();
+
+const color = computed(() =>
+  colorMode.value === "dark" ? "#111827" : "white",
+);
+
+useHead({
+  meta: [
+    { charset: "utf-8" },
+    { name: "viewport", content: "width=device-width, initial-scale=1" },
+    { key: "theme-color", name: "theme-color", content: color },
+  ],
+  link: [{ rel: "icon", href: "/favicon.ico" }],
+  htmlAttrs: {
+    lang: "en",
+  },
+});
+
+const title = "LegalConsentHub";
+const description =
+  "Das Tool für die Einführung von mitbestimmungspflichtigen digitalen Lösungen.";
+
+useSeoMeta({
+  title,
+  description,
+  ogTitle: title,
+  ogDescription: description,
+  ogImage: "https://dashboard-template.nuxt.dev/social-card.png",
+  twitterImage: "https://dashboard-template.nuxt.dev/social-card.png",
+  twitterCard: "summary_large_image",
+});
+</script>