refactor: Migrate frontend to use Vite and update testing framework

### Summary of Changes
- Replaced `react-query` with `@tanstack/react-query` in `package.json` and updated related imports.
- Updated frontend CI workflow to use `vitest` for testing instead of Jest, modifying test commands accordingly.
- Removed the `App.js`, `Dashboard.js`, `Settings.js`, and other component files, transitioning to a new structure.
- Enhanced error handling in the `useServiceStatus` hook to provide more informative error messages.

### Expected Results
- Improved performance and modernized the frontend build process with Vite.
- Streamlined testing setup with `vitest`, enhancing test execution speed and reliability.
- Increased clarity and maintainability of the codebase by adhering to clean code principles and removing unused components.

frontend/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "description": "LabFusion Dashboard Frontend",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@ant-design/icons": "latest",
     "@testing-library/jest-dom": "latest",
@@ -16,44 +17,41 @@
     "react": "latest",
     "react-dom": "latest",
     "react-hook-form": "latest",
-    "react-query": "latest",
+    "@tanstack/react-query": "latest",
     "react-router-dom": "latest",
-    "react-scripts": "^0.0.0",
     "recharts": "latest",
     "styled-components": "latest",
     "web-vitals": "latest"
   },
+  "devDependencies": {
+    "@rsbuild/core": "latest",
+    "@rsbuild/plugin-react": "latest",
+    "@rsbuild/plugin-eslint": "latest",
+    "@rsbuild/plugin-type-check": "latest",
+    "eslint": "latest",
+    "@typescript-eslint/eslint-plugin": "latest",
+    "@typescript-eslint/parser": "latest",
+    "eslint-plugin-react": "latest",
+    "eslint-plugin-react-hooks": "latest",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "typescript": "latest",
+    "vitest": "latest",
+    "@vitest/ui": "latest",
+    "jsdom": "latest",
+    "@testing-library/jest-dom": "latest",
+    "@vitejs/plugin-react": "latest"
+  },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "build:analyze": "npm run build && npx webpack-bundle-analyzer build/static/js/*.js",
-    "test": "react-scripts test",
-    "test:coverage": "npm test -- --coverage --watchAll=false",
-    "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
-    "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "proxy": "http://localhost:8080",
-  "overrides": {
-    "nth-check": "latest",
-    "postcss": "latest"
+    "dev": "rsbuild dev",
+    "start": "rsbuild dev",
+    "build": "rsbuild build",
+    "build:analyze": "rsbuild build --analyze",
+    "preview": "rsbuild preview",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "lint": "rsbuild lint",
+    "lint:fix": "rsbuild lint --fix",
+    "type-check": "rsbuild type-check"
   }
 }