Update Material UI to v5 and MUI X v6, while cleaning few issues with types

Sweep with Prettier and try to find possible issues with various DataGrid methods

Upgrade to MUI X v6 to get apiRef available

Last use of lab package moved to core. Found the issue with DataGrid hook, was wrong method

Few type fixes and one MUI warning about selector

Lint hooks via ESLint plugin and found the reason for forever loop

Use constant for repetetive headers

Use only SVG icons, no icon font

Load fonts locally

lodash was not a dependency, removed its usage

Prettier and this VS Code plugin conlifct and constantly format differently, hence removing the plugin

Make notes how to test agent-cypress while developing it

Value and its id might be undefined sometimes when looking for the selected rows

Reduce issues found by ESLint

Plenty of interesting formatting changes by https://github.com/coderaiser/putout

Use React fragments consistently

Trying to reduce complexity

Correct key after variable rename

Cannot use maxRows when rows are defined

Small fine tuning

One item had turned into a container

Guided tour was not rendering

No console

Few Grid properties should not be used and more accessible button color

Play with colors to know where to configure

Update TestDetailsModal.tsx

Author: paazmaya

.eslintrc.cjs

@@ -3,6 +3,7 @@ module.exports = {
     // By extending from a plugin config, we can get recommended rules without having to add them manually.
     "eslint:recommended",
     "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
     "plugin:import/recommended",
     "plugin:jsx-a11y/recommended",
     "plugin:@typescript-eslint/recommended",

.github/dependabot.yml

@@ -1,33 +1,33 @@
 version: 2
 updates:
-- package-ecosystem: npm
-  directory: "/"
-  schedule:
-    interval: daily
-  open-pull-requests-limit: 2
-  ignore:
-  - dependency-name: "@types/node"
-    versions:
-    - 14.14.22
-    - 14.14.24
-    - 14.14.25
-    - 14.14.26
-    - 14.14.28
-    - 14.14.30
-    - 14.14.31
-    - 14.14.32
-    - 14.14.33
-    - 14.14.34
-    - 14.14.35
-    - 14.14.37
-    - 14.14.39
-    - 14.14.41
-  - dependency-name: y18n
-    versions:
-    - 4.0.1
-    - 4.0.2
-  - dependency-name: material-ui-popup-state
-    versions:
-    - 1.7.1
-    - 1.7.2
-    - 1.8.0
+  - package-ecosystem: npm
+    directory: "/"
+    schedule:
+      interval: daily
+    open-pull-requests-limit: 2
+    ignore:
+      - dependency-name: "@types/node"
+        versions:
+          - 14.14.22
+          - 14.14.24
+          - 14.14.25
+          - 14.14.26
+          - 14.14.28
+          - 14.14.30
+          - 14.14.31
+          - 14.14.32
+          - 14.14.33
+          - 14.14.34
+          - 14.14.35
+          - 14.14.37
+          - 14.14.39
+          - 14.14.41
+      - dependency-name: y18n
+        versions:
+          - 4.0.1
+          - 4.0.2
+      - dependency-name: material-ui-popup-state
+        versions:
+          - 1.7.1
+          - 1.7.2
+          - 1.8.0

.vscode/launch.json

@@ -1,15 +1,15 @@
 {
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "chrome",
-            "request": "launch",
-            "name": "Launch Chrome against localhost",
-            "url": "http://localhost:8080",
-            "webRoot": "${workspaceFolder}"
-        }
-    ]
-}
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-    "cSpell.words": ["Konva"]
+  "cSpell.words": ["Konva"]
 }

index.html

@@ -3,15 +3,6 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="/favicon.png" />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-    />
-
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />