🐘 Massive refactor for graphql changes

package.json

@@ -13,11 +13,14 @@
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "codegen": "graphql-codegen --config codegen.yml",
+    "codegen:watch": "graphql-codegen --config codegen.yml --watch"
   },
   "author": "Rishi Ghan",
   "license": "MIT",
   "dependencies": {
+    "@apollo/client": "^4.1.6",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -45,6 +48,7 @@
     "final-form": "^5.0.0",
     "final-form-arrays": "^4.0.0",
     "focus-trap-react": "^12.0.0",
+    "graphql": "^16.13.1",
     "history": "^5.3.0",
     "html-to-text": "^9.0.5",
     "i18next": "^25.8.13",
@@ -74,6 +78,7 @@
     "react-sliding-pane": "^7.3.0",
     "react-textarea-autosize": "^8.5.9",
     "react-toastify": "^11.0.5",
+    "rxjs": "^7.8.2",
     "socket.io-client": "^4.8.3",
     "styled-components": "^6.3.11",
     "threetwo-ui-typings": "^1.0.14",
@@ -83,6 +88,10 @@
     "zustand": "^5.0.11"
   },
   "devDependencies": {
+    "@graphql-codegen/cli": "^6.1.2",
+    "@graphql-codegen/typescript": "^5.0.8",
+    "@graphql-codegen/typescript-operations": "^5.0.8",
+    "@graphql-codegen/typescript-react-query": "^6.1.2",
     "@iconify-json/solar": "^1.2.5",
     "@iconify/json": "^2.2.443",
     "@iconify/tailwind": "^1.2.0",