Fix bad useState practices

package.json

@@ -22,6 +22,7 @@
     "@heroicons/react": "^2.2.0",
     "@mui/material": "^7.2.0",
     "@next-auth/prisma-adapter": "^1.0.7",
+    "@playwright/test": "^1.54.2",
     "@prisma/client": "^6.12.0",
     "@prisma/extension-accelerate": "^2.0.2",
     "@radix-ui/react-select": "^2.2.5",
@@ -48,7 +49,8 @@
     "resend": "^4.7.0",
     "tailwind-merge": "^3.3.1",
     "use-debounce": "^10.0.5",
-    "uuid": "^11.1.0"
+    "uuid": "^11.1.0",
+    "wait-on": "^8.0.4"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
@@ -59,7 +61,6 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@types/testing-library__jest-dom": "^6.0.0",
     "eslint": "^9",
     "eslint-config-next": "15.1.7",
     "jest": "^30.0.5",