Switch to graphql-codegen

[andychow326]

ref #1721

[andychow326]

With newer version (>=8.3.1) of npm and Nodejs 16, there is a bug that
platform-specific optional dependencies not being included in package-lock.json.
Once these dependencies are not installed, the portal image cannot be built.
As parcel required @parcel/css, and @parcel/css required some of these dependencies,
at this moment this bug will occur, the workaround is to add
@parcel/css, lmdb and msgpackr-extract to the package.json
See npm/cli#4828

[louischan-oursky]

Explicit polyfill is no longer needed.

[louischan-oursky]

diff --git a/portal/graphql.adminapi.codegen.yaml b/portal/graphql.adminapi.codegen.yaml
index 25c42c7bd..89bd72e91 100644
--- a/portal/graphql.adminapi.codegen.yaml
+++ b/portal/graphql.adminapi.codegen.yaml
@@ -3,16 +3,12 @@ documents: "./src/graphql/adminapi/**/*.graphql"
 generates:
   ./src/graphql/adminapi/globalTypes.generated.ts:
     plugins:
-      - typescript
-      - typescript-operations
-      - typescript-react-apollo
-
+    - typescript
   ./src/graphql/adminapi/:
     preset: near-operation-file
     presetConfig:
       extension: .generated.ts
       baseTypesPath: ./globalTypes.generated.ts
     plugins:
-      - typescript
-      - typescript-operations
-      - typescript-react-apollo
+    - typescript-operations
+    - typescript-react-apollo

https://www.graphql-code-generator.com/docs/advanced/generated-files-colocation

According to the doc, we should configure the plugins this way so avoid duplicated generated code.