feat(breadcrumb): add breadcrumb component and update header integration

- Implement new breadcrumb component with proper routing handling
- Update header to use new breadcrumb component
- Optimize nuxt config for SPA with router and rendering settings

nuxt.config.ts

@@ -8,6 +8,28 @@ export default defineNuxtConfig({
   },
   ssr: false,
 
+  // SPA optimizations
+  router: {
+    options: {
+      hashMode: false, // Use history mode for cleaner URLs
+    },
+  },
+
+  // Enable client-side rendering optimizations
+  nitro: {
+    prerender: {
+      crawlLinks: false, // Disable crawling for SPA
+    },
+  },
+
+  // Optimize app loading
+  app: {
+    head: {
+      viewport: 'width=device-width,initial-scale=1',
+      charset: 'utf-8',
+    },
+  },
+
   modules: [
     '@unocss/nuxt',
     '@vueuse/nuxt',