web: start using graphql-codegen, switch to urql, use graphql data a few places

web/package.json

@@ -6,15 +6,20 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "codegen": "graphql-codegen"
   },
   "dependencies": {
-    "@apollo/client": "^3.10.2",
-    "@apollo/experimental-nextjs-app-support": "^0.10.0",
+    "@graphql-codegen/cli": "^5.0.2",
+    "@graphql-codegen/client-preset": "^4.2.5",
+    "@parcel/watcher": "^2.4.1",
+    "@urql/next": "^1.1.1",
+    "graphql": "^16.8.1",
     "next": "14.2.3",
     "react": "^18",
     "react-dom": "^18",
-    "sass": "^1.77.0"
+    "sass": "^1.77.0",
+    "urql": "^4.0.7"
   },
   "devDependencies": {
     "@types/node": "^20",