Enhance navigation and UI components for improved user experience

- Added new AppHeader and BottomNav components for better navigation across the application.
- Introduced AreaTabs for product area navigation and integrated RoleSwitcher for user role management.
- Created CartButton component to display cart status and item count.
- Implemented UserMenu with login/logout functionality and user greeting.
- Added Badge component for notifications and status indicators.
- Updated layout to accommodate new navigation components and ensure mobile responsiveness.
- Created product detail demo page to showcase design patterns and features.
- Enhanced existing components with improved styling and functionality.

.claude/settings.local.json

@@ -62,7 +62,10 @@
       "Bash(node check-user.mjs:*)",
       "Bash(xargs kill:*)",
       "mcp__playwright__browser_resize",
-      "Bash(pnpm db:seed:*)"
+      "Bash(pnpm db:seed:*)",
+      "Bash(pnpm exec nuxi@latest module add shadcn-nuxt:*)",
+      "Bash(pnpm exec shadcn-nuxt@latest add:*)",
+      "Bash(pnpm exec shadcn-nuxt:*)"
     ],
     "deny": [],
     "ask": []