Added default layout to project

* Added default layout for the site

* App is in light mode by default.

* App is in light mode by default.

nuxt.config.ts

@@ -1,17 +1,77 @@
+import { definePreset } from "@primeuix/themes";
 import Aura from "@primeuix/themes/aura";
 
-// https://nuxt.com/docs/api/configuration/nuxt-config
-export default defineNuxtConfig({
-  compatibilityDate: "2025-07-15",
-  devtools: { enabled: true },
-  modules: ["@nuxt/eslint", "@nuxtjs/tailwindcss", "@primevue/nuxt-module"],
-  primevue: {
-    options: {
-      ripple: true,
-      theme: {
-        preset: Aura,
-        options: {
-          darkModeSelector: "system",
+const defaultPreset = definePreset(Aura, {
+  semantic: {
+    primary: {
+      50: "{teal.50}",
+      100: "{teal.100}",
+      200: "{teal.200}",
+      300: "{teal.300}",
+      400: "{teal.400}",
+      500: "{teal.500}",
+      600: "{teal.600}",
+      700: "{teal.700}",
+      800: "{teal.800}",
+      900: "{teal.900}",
+      950: "{teal.950}",
+    },
+    colorScheme: {
+      light: {
+        surface: {
+          0: "#ffffff",
+          50: "{slate.50}",
+          100: "{slate.100}",
+          200: "{slate.200}",
+          300: "{slate.300}",
+          400: "{slate.400}",
+          500: "{slate.500}",
+          600: "{slate.600}",
+          700: "{slate.700}",
+          800: "{slate.800}",
+          900: "{slate.900}",
+          950: "{slate.950}",
+        },
+      },
+      dark: {
+        surface: {
+          0: "#000000",
+          50: "{slate.50}",
+          100: "{slate.100}",
+          200: "{slate.200}",
+          300: "{slate.300}",
+          400: "{slate.400}",
+          500: "{slate.500}",
+          600: "{slate.600}",
+          700: "{slate.700}",
+          800: "{slate.800}",
+          900: "{slate.900}",
+          950: "{slate.950}",
+        },
+      },
+    },
+  },
+});
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: "2025-07-15",
+  devtools: { enabled: true },
+  router: {
+    options: {
+      linkActiveClass: "active-route",
+      linkExactActiveClass: "exact-active-route",
+    },
+  },
+  modules: ["@nuxt/eslint", "@nuxtjs/tailwindcss", "@primevue/nuxt-module"],
+  css: ["~/assets/css/tailwind.css", "~/assets/scss/styles.scss"],
+  primevue: {
+    options: {
+      ripple: true,
+      theme: {
+        preset: defaultPreset,
+        options: {
+          darkModeSelector: ".app-dark",
         },
       },
     },