Use tRPC and react-hook-form

package.json

@@ -11,9 +11,16 @@
     "format:fix": "prettier --write \"**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
+    "@headlessui/react": "^1.7.17",
+    "@headlessui/tailwindcss": "^0.2.0",
+    "@hookform/resolvers": "^3.3.1",
     "@kodingdotninja/use-tailwind-breakpoint": "^0.0.5",
     "@next/bundle-analyzer": "^13.4.12",
+    "@tanstack/react-query": "^4.35.0",
     "@trivago/prettier-plugin-sort-imports": "^4.2.0",
+    "@trpc/client": "^10.38.1",
+    "@trpc/react-query": "^10.38.1",
+    "@trpc/server": "^10.38.1",
     "@types/node": "20.5.1",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
@@ -32,12 +39,16 @@
     "nodemailer": "^6.9.4",
     "postcss": "8.4.28",
     "react": "^18.2.0",
+    "react-datepicker": "^4.17.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.46.1",
     "react-icons": "^4.10.1",
+    "react-input-mask": "^2.0.4",
     "react-leaflet": "^4.2.1",
     "react-leaflet-cluster": "^2.1.0",
     "react-tooltip": "^5.18.0",
     "sharp": "^0.32.3",
+    "superjson": "^1.13.1",
     "tailwind-merge": "^1.14.0",
     "tailwindcss": "3.3.3",
     "typescript": "5.2.2"
@@ -51,6 +62,8 @@
     "@types/leaflet.markercluster": "^1.5.1",
     "@types/lodash": "^4.14.195",
     "@types/nodemailer": "^6.4.8",
+    "@types/react-datepicker": "^4.15.0",
+    "@types/react-input-mask": "^3.0.2",
     "eslint": "8.48.0",
     "eslint-config-next": "^13.4.12",
     "eslint-config-prettier": "^9.0.0",