Redux toolkit (#115)

* add @redux/toolkit

* bump react version to allow for hooks

* add remote-redux devtools to help track extension state

* add remote-redux server to allow for remote state viewing

* setup react-redux for current user

* setup watch mode for running redux remote dev watch to options

* move screenshots

package.json

@@ -6,7 +6,8 @@
     "lint": "clap lint",
     "start": "clap build",
     "test": "clap test",
-    "validate": "npm ls"
+    "validate": "npm ls",
+    "watch": "clap watch"
   },
   "husky": {
     "hooks": {
@@ -25,15 +26,19 @@
     ]
   },
   "dependencies": {
+    "@manaflair/redux-batch": "^1.0.0",
+    "@reduxjs/toolkit": "^1.5.0",
     "bootstrap": "3.4.1",
     "classnames": "^2.2.5",
     "create-react-class": "^15.6.3",
     "font-awesome": "4.6.3",
     "jquery": "^3.0.0",
     "moment": "^2.13.0",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-redux": "^7.2.2",
     "react-transition-group": "^1.0.0",
+    "redux-logger": "^3.0.6",
     "webextension-polyfill-ts": "^0.22.0"
   },
   "devDependencies": {
@@ -54,6 +59,9 @@
     "@types/node": "^14.14.20",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@types/react-redux": "^7.1.15",
+    "@types/redux-logger": "^3.0.8",
+    "@types/remote-redux-devtools": "^0.5.4",
     "@types/shelljs": "^0.8.8",
     "@typescript-eslint/eslint-plugin": "^4.13.0",
     "@typescript-eslint/parser": "^4.13.0",
@@ -94,6 +102,8 @@
     "prettier": "^2.2.1",
     "prettier-plugin-packagejson": "^2.2.9",
     "prettier-plugin-sort-json": "0.0.1",
+    "remote-redux-devtools": "^0.5.16",
+    "remotedev-server": "^0.3.1",
     "rimraf": "^3.0.2",
     "shelljs": "^0.8.4",
     "sinon": "^4.2.2",