Upgrade apollo and related packages (#3304)

* Upgrade apollo and related packages

* Pin @apollo/client to 3.4.17 because 3.5.x breaks frontend unit tests

* Upgrade graphql to 16.3.0

frontend/package.json

@@ -7,7 +7,7 @@
     "npm": "6.13.4"
   },
   "dependencies": {
-    "@apollo/client": "3.4.1",
+    "@apollo/client": "3.4.17",
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.16",
@@ -23,10 +23,10 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-transition-group": "^4.4.4",
     "@types/testing-library__jest-dom": "^5.14.2",
-    "apollo-upload-client": "^14.1.3",
+    "apollo-upload-client": "^17.0.0",
     "classnames": "^2.2.6",
     "google-libphonenumber": "^3.2.26",
-    "graphql": "^15.4.0",
+    "graphql": "^16.3.0",
     "i18next": "^20.3.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
@@ -181,10 +181,10 @@
     ]
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "2.2.0",
-    "@graphql-codegen/typescript": "2.2.2",
-    "@graphql-codegen/typescript-operations": "2.1.4",
-    "@graphql-codegen/typescript-react-apollo": "3.1.4",
+    "@graphql-codegen/cli": "2.4.0",
+    "@graphql-codegen/typescript": "2.4.2",
+    "@graphql-codegen/typescript-operations": "2.2.2",
+    "@graphql-codegen/typescript-react-apollo": "3.2.4",
     "@storybook/addon-a11y": "^6.4.12",
     "@storybook/addon-actions": "^6.4.12",
     "@storybook/addon-essentials": "^6.4.12",
@@ -194,7 +194,7 @@
     "@storybook/node-logger": "^6.4.12",
     "@storybook/preset-create-react-app": "^4.0.0",
     "@storybook/react": "^6.4.12",
-    "@types/apollo-upload-client": "^14.1.0",
+    "@types/apollo-upload-client": "^17.0.0",
     "@types/classnames": "^2.2.11",
     "@types/faker": "^5.5.9",
     "@types/jest": "^27.4.0",

frontend/src/app/App.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { gql, useQuery } from "@apollo/client";
 import { useDispatch, connect } from "react-redux";
 import { Navigate, Route, Routes, useLocation } from "react-router-dom";