feat: refactor nxmesh-frontend to use React Router with new layout components

- Updated package.json to replace Vite with React Router for development and build scripts.
- Added react-router.config.ts for configuration settings.
- Created a new App component with a dashboard layout including header, sidebar, and footer.
- Enhanced App.css with a professional theme and responsive design.
- Removed old App.tsx and index.css files.
- Introduced RootLayout component to encapsulate layout structure.
- Developed Header, Footer, and Sidebar components for consistent layout.
- Implemented routes for home and dashboard with key metrics and activity sections.
- Updated vite.config.ts to integrate React Router and adjust SSR settings.

apps/nxmesh-frontend/package.json

@@ -4,18 +4,24 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "test": "echo \"No test specified\" && exit 0"
+    "build": "react-router build",
+    "dev": "react-router dev",
+    "start": "react-router-serve ./build/server/index.js",
+    "typecheck": "react-router typegen && tsc"
   },
   "dependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "@ant-design/icons": "^6.2.2",
+    "@react-router/node": "7.15.0",
+    "@react-router/serve": "7.15.0",
+    "antd": "^6.3.7",
+    "isbot": "^5.1.36",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router": "7.15.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@react-router/dev": "7.15.0",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
@@ -26,6 +32,6 @@
     "globals": "^16.5.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.48.0",
-    "vite": "^7.3.1"
+    "vite": "^8.0.3"
   }
 }