Refactor code structure for improved readability and maintainability

package.json

@@ -9,16 +9,27 @@
     "preview": "vite preview --host 0.0.0.0 --port 5602"
   },
   "dependencies": {
+    "@radix-ui/react-select": "^2.3.2",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-switch": "^1.3.2",
+    "@rolldown/binding-win32-x64-msvc": "1.1.3",
+    "@tailwindcss/oxide-win32-x64-msvc": "4.3.2",
+    "@tailwindcss/vite": "^4.3.2",
     "@vitejs/plugin-react": "^6.0.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lightningcss-win32-x64-msvc": "1.32.0",
     "lucide-react": "^1.21.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.2",
     "vite": "^8.1.0"
   },
   "devDependencies": {
+    "@types/node": "^26.0.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "typescript": "^6.0.3"
   }
 }
-