feat(ui): Repeat xd-client UI with modern adaptive features

- Integrated Tailwind CSS v4 and Shadcn UI components from xd-client
- Adopted xd-client modern aesthetic (oklch, radial gradients, glassmorphism)
- Combined with modern adaptive 3-tier navigation logic
- Refactored all pages (Profile, Login, Settings, Messages, Schedule, Grades, Debts)
- Enhanced ThemeProvider with dynamic Material You palette generation
- Polished overall UX and animations

Refs #3
Co-Authored-By: Claude <noreply@anthropic.com>

package.json

@@ -13,22 +13,33 @@
   "dependencies": {
     "@material/material-color-utilities": "^0.4.0",
     "axios": "^1.15.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
+    "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "react-hook-form": "^7.72.1",
     "react-router-dom": "^7.14.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
     "zustand": "^5.0.12"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.4",
+    "@tailwindcss/postcss": "^4.2.2",
     "@types/node": "^24.12.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.7.0",
+    "autoprefixer": "^10.4.27",
     "eslint": "^9.39.4",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^17.4.0",
+    "postcss": "^8.5.9",
+    "tailwindcss": "^4.2.2",
     "typescript": "~6.0.2",
     "typescript-eslint": "^8.58.0",
     "vite": "^5.4.21"