Update frontend build system to shed old dependencies, and address fallout from that (#521)

* get tests working and update copyright headers

* lint fix

* eslint ts update

* update CI to use NPM

* fix CI

* prettier

* npm, not yarn for docker

* remove unused package

* bump dockerfile to latest node LTS and no need for cache clean

* make frontend Dockerfile work and remove unused SUBSTRATE_TELEMETRY_SAMPLE

* remove final yarn references

* add another comment

* remove unused import

* remove more unused deps

* comment typo

frontend/package.json

@@ -5,47 +5,45 @@
   "license": "GPL-3.0",
   "description": "Polkadot Telemetry frontend",
   "scripts": {
-    "precommit": "lint-staged",
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "TS_NODE_PROJECT=tsconfig.test.json tape -r ts-node/register test/**/*spec.ts",
-    "test:coverage": "nyc yarn test",
-    "eject": "react-scripts eject",
+    "start": "webpack serve --mode=development",
+    "build": "webpack --mode=production",
+    "test": "jest",
     "pretty:check": "prettier --check src/**/*.{ts,tsx}",
     "pretty:fix": "prettier --write src",
-    "clean": "rm -rf node_modules build .nyc ./tmp/env-config.js report*.json yarn-error.log",
+    "clean": "rm -rf node_modules build ./tmp/env-config.js report*.json npm-error.log",
     "lint": "eslint src"
   },
   "dependencies": {
     "@polkadot/util-crypto": "^10.1.7",
-    "@types/react-measure": "^2.0.6",
-    "blakejs": "^1.2.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-measure": "^2.5.2",
-    "react-scripts": "5.0.1"
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@types/jest": "29.4.0",
     "@types/node": "^16.11.58",
     "@types/react": "^18.0.18",
     "@types/react-dom": "^18.0.6",
-    "@types/tape": "^4.13.0",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
-    "@typescript-eslint/parser": "^5.36.2",
+    "@types/react-measure": "^2.0.6",
+    "@typescript-eslint/eslint-plugin": "^5.49.0",
+    "@typescript-eslint/parser": "^5.49.0",
+    "css-loader": "^6.7.3",
     "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.31.8",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "identity-obj-proxy": "^3.0.0",
-    "istanbul": "^0.4.5",
-    "nyc": "^15.0.1",
+    "html-webpack-plugin": "^5.5.0",
+    "jest": "^29.4.0",
+    "jest-environment-jsdom": "^29.4.0",
     "prettier": "^2.0.5",
-    "tape": "^4.13.2",
-    "ts-node": "^8.9.0",
-    "typescript": "^4.4.2"
+    "style-loader": "^3.3.1",
+    "ts-jest": "29.0.5",
+    "ts-loader": "^9.4.2",
+    "typescript": "^4.9.4",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.11.1",
+    "whatwg-fetch": "^3.6.2"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx,json,css}": [