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

web/codegen.ts

@@ -0,0 +1,14 @@
+import { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  schema: "http://127.0.0.1:8000/api/graphql/",
+  documents: ["src/**/*.tsx"],
+  ignoreNoDocuments: true, // for better experience with the watcher
+  generates: {
+    "./src/gql/": {
+      preset: "client",
+    },
+  },
+};
+
+export default config;