chore: update application configuration and UI components for improved styling and functionality

nuxt.config.ts

@@ -4,6 +4,9 @@ import { defineNuxtConfig } from "nuxt/config";
 export default defineNuxtConfig({
   compatibilityDate: "2025-07-15",
   devtools: { enabled: true },
+  devServer: {
+    port: 3004,
+  },
 
   // Disable SSR to avoid hydration mismatches during wizard work
   ssr: false,
@@ -20,7 +23,43 @@ export default defineNuxtConfig({
 
   // Vite plugin not required for basics; rely on PostCSS and @nuxt/ui
 
-  modules: ["@pinia/nuxt", "@nuxt/ui", "@nuxtjs/color-mode"],
+  modules: ["@pinia/nuxt", "@nuxtjs/color-mode", "@nuxt/ui"],
+
+  colorMode: {
+    preference: 'system',
+    fallback: 'light',
+    classSuffix: '',
+    dataValue: 'dark'
+  },
+
+  // Google Fonts
+  app: {
+    head: {
+      link: [
+        {
+          rel: "preconnect",
+          href: "https://fonts.googleapis.com",
+        },
+        {
+          rel: "preconnect",
+          href: "https://fonts.gstatic.com",
+          crossorigin: "",
+        },
+        {
+          rel: "stylesheet",
+          href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
+        },
+        {
+          rel: "stylesheet",
+          href: "https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap",
+        },
+        {
+          rel: "stylesheet",
+          href: "https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&display=swap",
+        },
+      ],
+    },
+  },
 
   // Runtime configuration for formatting
   runtimeConfig: {