Add typescript

(cherry picked from commit 910511dba03196f14bb238c8e15f060c12183c08)

Closes #2185

package.json

@@ -33,6 +33,9 @@
     "@microsoft/signalr": "6.0.16",
     "@sentry/browser": "7.51.2",
     "@sentry/integrations": "7.51.2",
+    "@types/node": "18.16.16",
+    "@types/react": "18.2.7",
+    "@types/react-dom": "18.2.4",
     "ansi-colors": "4.1.3",
     "classnames": "2.3.2",
     "clipboard": "2.0.11",
@@ -79,7 +82,8 @@
     "redux-batched-actions": "0.5.0",
     "redux-localstorage": "0.4.1",
     "redux-thunk": "2.3.0",
-    "reselect": "4.1.8"
+    "reselect": "4.1.8",
+    "typescript": "4.9.5"
   },
   "devDependencies": {
     "@babel/core": "7.21.8",
@@ -92,12 +96,16 @@
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/preset-env": "7.21.5",
     "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.21.5",
+    "@typescript-eslint/eslint-plugin": "5.59.7",
+    "@typescript-eslint/parser": "5.59.7",
     "autoprefixer": "10.4.14",
     "babel-loader": "9.1.2",
     "babel-plugin-inline-classnames": "2.0.1",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "core-js": "3.30.2",
     "css-loader": "6.7.3",
+    "css-modules-typescript-loader": "4.0.1",
     "eslint": "8.40.0",
     "eslint-plugin-filenames": "1.3.2",
     "eslint-plugin-import": "2.27.5",
@@ -107,6 +115,7 @@
     "eslint-plugin-simple-import-sort": "10.0.0",
     "file-loader": "6.2.0",
     "filemanager-webpack-plugin": "8.0.0",
+    "fork-ts-checker-webpack-plugin": "8.0.0",
     "html-webpack-plugin": "5.5.1",
     "loader-utils": "^3.2.1",
     "mini-css-extract-plugin": "2.7.5",
@@ -125,6 +134,8 @@
     "stylelint": "15.6.1",
     "stylelint-order": "6.0.3",
     "terser-webpack-plugin": "5.3.8",
+    "ts-loader": "9.4.3",
+    "typescript-plugin-css-modules": "5.0.1",
     "url-loader": "4.1.1",
     "webpack": "5.82.1",
     "webpack-cli": "5.1.1",