Fix electron not starting due to "port overlap"

Dashboard/package.json

@@ -39,10 +39,10 @@
   },
   "homepage": "./src",
   "scripts": {
-    "web": "webpack serve",
+    "web": "webpack serve --port 8420",
     "build": "webpack --mode=production",
     "start": "concurrently -k \"yarn web\" \"npm:electron\"",
-    "electron": "wait-on tcp:8080 && electron .",
+    "electron": "wait-on tcp:8420 && electron .",
     "package": "yarn build && electron-builder --publish never",
     "postinstall": "electron-builder install-app-deps",
     "lint": "cross-env NODE_ENV=development eslint . --cache --ext .js,.jsx,.ts,.tsx",
@@ -51,7 +51,6 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@redux-devtools/cli": "1.0.0-9",
     "@reduxjs/toolkit": "^1.7.1",
     "@types/jest": "27.0.2",
     "@types/node": "15.14.9",

Dashboard/src/electron.js

@@ -7,7 +7,6 @@ const isDev = require("electron-is-dev");
 const screenz = require("screenz");
 const els = require("electron-localshortcut");
 const { default: installExtension, REDUX_DEVTOOLS, REACT_DEVELOPER_TOOLS } = require("electron-devtools-installer");
-const chalk = require("chalk");
 
 const windowWidth = 900;
 const windowHeight = 300;
@@ -58,17 +57,12 @@ function createWindow() {
   // and load the index.html of the app.
   win.loadURL(
     isDev
-      ? "http://localhost:8080"
+      ? "http://localhost:8420"
       : `file://${path.join(__dirname, "../build/index.html")}`,
   );
 
   if (isDev) {
     win.webContents.openDevTools({ mode: "detach" });
-
-    const reduxDevTools = require("@redux-devtools/cli").default;
-    reduxDevTools({ hostname: "localhost", port: 8000 }).then(() => {
-      console.log(chalk.blue("RemoteDev server running at http://localhost:8000/"));
-    });
   }
 
   // Register shortcut to open devtools