Update Angular to v12

package.json

@@ -10,7 +10,7 @@
     "serve:all": "ng serve --proxy-config proxy.config.json --host 0.0.0.0",
     "build": "yarn run build:prod",
     "build:dev": "ng build",
-    "build:prod": "ng build --prod --aot",
+    "build:prod": "ng build --configuration production --aot",
     "test": "ng test",
     "lint": "ng lint raidenwebui",
     "prettier": "prettier --write --config ./.prettierrc './**/*.{ts,tsx,html,css,scss,json,js}'",
@@ -19,17 +19,17 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "11.2.14",
+    "@angular/animations": "12.1.1",
     "@angular/cdk": "11.2.13",
-    "@angular/common": "11.2.14",
-    "@angular/compiler": "11.2.14",
-    "@angular/core": "11.2.14",
+    "@angular/common": "12.1.1",
+    "@angular/compiler": "12.1.1",
+    "@angular/core": "12.1.1",
     "@angular/flex-layout": "11.0.0-beta.33",
-    "@angular/forms": "11.2.14",
+    "@angular/forms": "12.1.1",
     "@angular/material": "11.2.13",
-    "@angular/platform-browser": "11.2.14",
-    "@angular/platform-browser-dynamic": "11.2.14",
-    "@angular/router": "11.2.14",
+    "@angular/platform-browser": "12.1.1",
+    "@angular/platform-browser-dynamic": "12.1.1",
+    "@angular/router": "12.1.1",
     "ajv": "7.2.4",
     "bignumber.js": "9.0.1",
     "core-js": "3.15.1",
@@ -42,19 +42,19 @@
     "rxjs": "6.6.7",
     "tslib": "2.3.0",
     "web3": "1.4.0",
-    "zone.js": "0.11.4"
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "11.1.1",
-    "@angular-devkit/build-angular": "0.1102.14",
+    "@angular-devkit/build-angular": "12.1.0",
     "@angular-eslint/builder": "1.2.0",
     "@angular-eslint/eslint-plugin": "1.2.0",
     "@angular-eslint/eslint-plugin-template": "1.2.0",
     "@angular-eslint/schematics": "1.2.0",
     "@angular-eslint/template-parser": "1.2.0",
-    "@angular/cli": "11.2.14",
-    "@angular/compiler-cli": "11.2.14",
-    "@angular/language-service": "11.2.14",
+    "@angular/cli": "12.1.0",
+    "@angular/compiler-cli": "12.1.1",
+    "@angular/language-service": "12.1.1",
     "@types/jasmine": "3.7.7",
     "@types/jasminewd2": "2.0.9",
     "@types/node": "14.17.3",
@@ -68,7 +68,7 @@
     "eslint-plugin-prefer-arrow": "1.2.3",
     "jasmine-core": "3.7.1",
     "jasmine-spec-reporter": "6.0.0",
-    "karma": "5.2.3",
+    "karma": "6.3.4",
     "karma-chrome-launcher": "3.1.0",
     "karma-cli": "2.0.0",
     "karma-coverage": "2.0.3",
@@ -78,6 +78,6 @@
     "protractor": "7.0.0",
     "sass": "1.35.1",
     "ts-node": "9.1.1",
-    "typescript": "4.1.5"
+    "typescript": "4.3.5"
   }
-}
+}

src/polyfills.ts

@@ -52,4 +52,4 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.

src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
     BrowserDynamicTestingModule,