From 0a65d2a3e42a6ce8553ef66747f70f2cb3dc26c6 Mon Sep 17 00:00:00 2001
From: ChsPranav <seshapranav.ch@gmail.com>
Date: Sun, 2 Oct 2022 22:05:50 +0530
Subject: [PATCH 1/4] Frontend changes

---
 public/index.html             |  2 +-
 src/App.css                   | 14 +++++++++++++-
 src/App.js                    |  2 +-
 src/pathfinder/PathFinder.css |  7 ++++++-
 4 files changed, 21 insertions(+), 4 deletions(-)
diff --git a/public/index.html b/public/index.html
index 483607f..b45b71f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -28,7 +28,7 @@
 
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root"></div>
+  <div id="root" style="display: flex;"></div>
   <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/src/App.css b/src/App.css
index 2bda7f9..d0e5522 100644
--- a/src/App.css
+++ b/src/App.css
@@ -21,8 +21,20 @@ body {
 
 .util {
     display: flex;
+    justify-content: center;
 }
 
 .util>div {
+    align-items: center;
+    display: flex;
     margin: 20px;
-}
\ No newline at end of file
+}
+.utilButton{
+    background-color: blue;
+    color: white;
+    font-size: 19px;
+    border-radius: 6px;
+    border: none;
+    height: 50px;
+}
+.utilButton:hover {background-color: #7a7ae9}
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index cdc9e18..82c196b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -28,7 +28,7 @@ const App = () => {
             <h4 className='heading'> Visualize the algorithms </h4>
             <div className='util'>
                 <div> <input className='color' type="color" value={'#02030a'} disabled /> Wall</div>
-                <div> <button onClick={clickhandler} className="utilButton"> clearBoard </button> </div>
+                <div> <button onClick={clickhandler} className="utilButton"> clear Board </button> </div>
             </div>
             <div className='main'>
                 <PathFinder />
diff --git a/src/pathfinder/PathFinder.css b/src/pathfinder/PathFinder.css
index 8497ee2..879106e 100644
--- a/src/pathfinder/PathFinder.css
+++ b/src/pathfinder/PathFinder.css
@@ -11,12 +11,17 @@
 }
 
 .temp {
-    width: 20%;
+    width: 18%;
     padding: 1rem;
     margin-bottom: 20px;
     margin-left: 10px;
+    background-color: blue;
+    color: white;
+    border: none;
+
 }
 
 .buttons {
     display: flex;
+
 }
\ No newline at end of file

From 3b3e7e1f4094a71509d038fe41c6b71d34ad4ea5 Mon Sep 17 00:00:00 2001
From: ChsPranav <seshapranav.ch@gmail.com>
Date: Wed, 19 Oct 2022 12:44:14 +0530
Subject: [PATCH 2/4] navbar and frontend

---
 package-lock.json                         | 1105 +++++++++++++++++++++
 package.json                              |    6 +
 public/images/infinityslap_logo.jpeg      |  Bin 0 -> 8528 bytes
 public/images/infinityslap_logolight.jpeg |  Bin 0 -> 13105 bytes
 public/index.html                         |    2 +-
 src/App.js                                |    7 +-
 src/navbar/NavBar.js                      |   38 +
 src/pathfinder/PathFinder.css             |    6 +-
 src/pathfinder/PathFinder.js              |    7 +-
 9 files changed, 1161 insertions(+), 10 deletions(-)
 create mode 100644 public/images/infinityslap_logo.jpeg
 create mode 100644 public/images/infinityslap_logolight.jpeg

diff --git a/package-lock.json b/package-lock.json
index a5e8c49..e7ae394 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,10 +8,16 @@
       "name": "pathfinder",
       "version": "0.1.0",
       "dependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
+        "@mui/icons-material": "^5.10.9",
+        "@mui/material": "^5.10.9",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
+        "bootstrap": "^5.2.2",
         "react": "^18.2.0",
+        "react-bootstrap": "^2.5.0",
         "react-dom": "^18.2.0",
         "react-scripts": "5.0.1",
         "web-vitals": "^2.1.4"
@@ -2135,6 +2141,170 @@
         "postcss-selector-parser": "^6.0.10"
       }
     },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.10.2",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.2.tgz",
+      "integrity": "sha512-xNQ57njWTFVfPAc3cjfuaPdsgLp5QOSuRsj9MA6ndEhH/AzuZM86qIQzt6rq+aGBwj3n5/TkLmU5lhAfdRmogA==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/plugin-syntax-jsx": "^7.17.12",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/serialize": "^1.1.0",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.0.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.10.3",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.3.tgz",
+      "integrity": "sha512-Psmp/7ovAa8appWh3g51goxu/z3iVms7JXOreq136D8Bbn6dYraPnmL6mdM8GThEx9vwSn92Fz+mGSjBzN8UPQ==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/sheet": "^1.2.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "stylis": "4.0.13"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.0"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+      "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.10.4",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.4.tgz",
+      "integrity": "sha512-j0AkMpr6BL8gldJZ6XQsQ8DnS9TxEQu1R+OGmDZiWjBAJtCcbt0tS3I/YffoqHXxH6MjgI7KdMbYKw3MEiU9eA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.0",
+        "@emotion/cache": "^11.10.0",
+        "@emotion/serialize": "^1.1.0",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.0.tgz",
+      "integrity": "sha512-F1ZZZW51T/fx+wKbVlwsfchr5q97iW8brAnXmsskz4d0hVB4O3M/SiA3SaeH06x02lSNzkkQv+n3AX3kCXKSFA==",
+      "dependencies": {
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/unitless": "^0.8.0",
+        "@emotion/utils": "^1.2.0",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.0.tgz",
+      "integrity": "sha512-OiTkRgpxescko+M51tZsMq7Puu/KP55wMT8BgpcXVG2hqXc0Vo0mfymJ/Uj24Hp0i083ji/o0aLddh08UEjq8w=="
+    },
+    "node_modules/@emotion/styled": {
+      "version": "11.10.4",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.4.tgz",
+      "integrity": "sha512-pRl4R8Ez3UXvOPfc2bzIoV8u9P97UedgHS4FPX594ntwEuAMA114wlaHvOK24HB48uqfXiGlYIZYCxVJ1R1ttQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.0",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@emotion/serialize": "^1.1.0",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "@emotion/react": "^11.0.0-rc.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz",
+      "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
+      "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
+    },
     "node_modules/@eslint/eslintrc": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz",
@@ -2988,6 +3158,262 @@
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A=="
     },
+    "node_modules/@mui/base": {
+      "version": "5.0.0-alpha.101",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.101.tgz",
+      "integrity": "sha512-a54BcXvArGOKUZ2zyS/7B9GNhAGgfomEQSkfEZ88Nc9jKvXA+Mppenfz5o4JCAnD8c4VlePmz9rKOYvvum1bZw==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.0",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@mui/types": "^7.2.0",
+        "@mui/utils": "^5.10.9",
+        "@popperjs/core": "^2.11.6",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/base/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/@mui/core-downloads-tracker": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.10.9.tgz",
+      "integrity": "sha512-rqoFu4qww6KJBbXYhyRd9YXjwBHa3ylnBPSWbGf1bdfG0AYMKmVzg8zxkWvxAWOp97kvx3M2kNPb0xMIDZiogQ==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      }
+    },
+    "node_modules/@mui/icons-material": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.10.9.tgz",
+      "integrity": "sha512-sqClXdEM39WKQJOQ0ZCPTptaZgqwibhj2EFV9N0v7BU1PO8y4OcX/a2wIQHn4fNuDjIZktJIBrmU23h7aqlGgg==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@mui/material": "^5.0.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.10.9.tgz",
+      "integrity": "sha512-sdOzlgpCmyw48je+E7o9UGGJpgBaF+60FlTRpVpcd/z+LUhnuzzuis891yPI5dPPXLBDL/bO4SsGg51lgNeLBw==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.0",
+        "@mui/base": "5.0.0-alpha.101",
+        "@mui/core-downloads-tracker": "^5.10.9",
+        "@mui/system": "^5.10.9",
+        "@mui/types": "^7.2.0",
+        "@mui/utils": "^5.10.9",
+        "@types/react-transition-group": "^4.4.5",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/@mui/private-theming": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.10.9.tgz",
+      "integrity": "sha512-BN7/CnsVPVyBaQpDTij4uV2xGYHHHhOgpdxeYLlIu+TqnsVM7wUeF+37kXvHovxM6xmL5qoaVUD98gDC0IZnHg==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.0",
+        "@mui/utils": "^5.10.9",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/styled-engine": {
+      "version": "5.10.8",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.10.8.tgz",
+      "integrity": "sha512-w+y8WI18EJV6zM/q41ug19cE70JTeO6sWFsQ7tgePQFpy6ToCVPh0YLrtqxUZXSoMStW5FMw0t9fHTFAqPbngw==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.0",
+        "@emotion/cache": "^11.10.3",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/system": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.10.9.tgz",
+      "integrity": "sha512-B6fFC0sK06hNmqY7fAUfwShQv594+u/DT1YEFHPtK4laouTu7V4vSGQWi1WJT9Bjs9Db5D1bRDJ+Yy+tc3QOYA==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.0",
+        "@mui/private-theming": "^5.10.9",
+        "@mui/styled-engine": "^5.10.8",
+        "@mui/types": "^7.2.0",
+        "@mui/utils": "^5.10.9",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/types": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.0.tgz",
+      "integrity": "sha512-lGXtFKe5lp3UxTBGqKI1l7G8sE2xBik8qCfrLHD5olwP/YU0/ReWoWT7Lp1//ri32dK39oPMrJN8TgbkCSbsNA==",
+      "peerDependencies": {
+        "@types/react": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/utils": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.10.9.tgz",
+      "integrity": "sha512-2tdHWrq3+WCy+G6TIIaFx3cg7PorXZ71P375ExuX61od1NOAJP1mK90VxQ8N4aqnj2vmO3AQDkV4oV2Ktvt4bA==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.0",
+        "@types/prop-types": "^15.7.5",
+        "@types/react-is": "^16.7.1 || ^17.0.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@mui/utils/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
     "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -3097,6 +3523,57 @@
         }
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@react-aria/ssr": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.3.0.tgz",
+      "integrity": "sha512-yNqUDuOVZIUGP81R87BJVi/ZUZp/nYOBXbPsRe7oltJOfErQZD+UezMpw4vM2KRz18cURffvmC8tJ6JTeyDtaQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@restart/hooks": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.7.tgz",
+      "integrity": "sha512-ZbjlEHcG+FQtpDPHd7i4FzNNvJf2enAwZfJbpM8CW7BhmOAbsHpZe3tsHwfQUrBuyrxWqPYp2x5UMnilWcY22A==",
+      "dependencies": {
+        "dequal": "^2.0.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@restart/ui": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.4.0.tgz",
+      "integrity": "sha512-5dDj5uDzUgK1iijWPRg6AnxjkHM04XhTQDJirM1h/8tIc7KyLtF9YyjcCpNEn259hPMXswpkfXKNgiag0skPFg==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@popperjs/core": "^2.11.5",
+        "@react-aria/ssr": "^3.2.0",
+        "@restart/hooks": "^0.4.7",
+        "@types/warning": "^3.0.0",
+        "dequal": "^2.0.2",
+        "dom-helpers": "^5.2.0",
+        "uncontrollable": "^7.2.1",
+        "warning": "^4.0.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.14.0",
+        "react-dom": ">=16.14.0"
+      }
+    },
     "node_modules/@rollup/plugin-babel": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -4104,6 +4581,22 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-is": {
+      "version": "17.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-17.0.3.tgz",
+      "integrity": "sha512-aBTIWg1emtu95bLTLx0cpkxwGW3ueZv71nE2YFBpL8k/z5czEW8yYpOo8Dp+UUAFAtKwNaOsh/ioSeQnWlZcfw==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/resolve": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
@@ -4165,6 +4658,11 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
       "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
     },
+    "node_modules/@types/warning": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
+      "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA=="
+    },
     "node_modules/@types/ws": {
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
@@ -5366,6 +5864,24 @@
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
     },
+    "node_modules/bootstrap": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.2.tgz",
+      "integrity": "sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.6"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -5613,6 +6129,11 @@
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz",
       "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA=="
     },
+    "node_modules/classnames": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
+      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+    },
     "node_modules/clean-css": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.1.tgz",
@@ -5642,6 +6163,14 @@
         "wrap-ansi": "^7.0.0"
       }
     },
+    "node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -6421,6 +6950,14 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -6557,6 +7094,15 @@
         "utila": "~0.4"
       }
     },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
     "node_modules/dom-serializer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -7921,6 +8467,11 @@
         "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
       }
     },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -8510,6 +9061,19 @@
         "he": "bin/he"
       }
     },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
     "node_modules/hoopy": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
@@ -8870,6 +9434,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -13688,6 +14260,23 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/prop-types-extra": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
+      "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
+      "dependencies": {
+        "react-is": "^16.3.2",
+        "warning": "^4.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=0.14.0"
+      }
+    },
+    "node_modules/prop-types-extra/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
     "node_modules/prop-types/node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -13868,6 +14457,35 @@
         "node": ">=14"
       }
     },
+    "node_modules/react-bootstrap": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.5.0.tgz",
+      "integrity": "sha512-j/aLR+okzbYk61TM3eDOU1NqOqnUdwyVrF+ojoCRUxPdzc2R0xXvqyRsjSoyRoCo7n82Fs/LWjPCin/QJNdwvA==",
+      "dependencies": {
+        "@babel/runtime": "^7.17.2",
+        "@restart/hooks": "^0.4.6",
+        "@restart/ui": "^1.3.1",
+        "@types/react-transition-group": "^4.4.4",
+        "classnames": "^2.3.1",
+        "dom-helpers": "^5.2.1",
+        "invariant": "^2.2.4",
+        "prop-types": "^15.8.1",
+        "prop-types-extra": "^1.1.0",
+        "react-transition-group": "^4.4.2",
+        "uncontrollable": "^7.2.1",
+        "warning": "^4.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16.14.8",
+        "react": ">=16.14.0",
+        "react-dom": ">=16.14.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-dev-utils": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
@@ -14007,6 +14625,11 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
     "node_modules/react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -14087,6 +14710,21 @@
         }
       }
     },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -15181,6 +15819,11 @@
         "postcss": "^8.2.15"
       }
     },
+    "node_modules/stylis": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.13.tgz",
+      "integrity": "sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag=="
+    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -15711,6 +16354,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/uncontrollable": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+      "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.3",
+        "@types/react": ">=16.9.11",
+        "invariant": "^2.2.4",
+        "react-lifecycles-compat": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react": ">=15.0.0"
+      }
+    },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
@@ -15918,6 +16575,14 @@
         "makeerror": "1.0.12"
       }
     },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
@@ -18182,6 +18847,133 @@
       "integrity": "sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==",
       "requires": {}
     },
+    "@emotion/babel-plugin": {
+      "version": "11.10.2",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.2.tgz",
+      "integrity": "sha512-xNQ57njWTFVfPAc3cjfuaPdsgLp5QOSuRsj9MA6ndEhH/AzuZM86qIQzt6rq+aGBwj3n5/TkLmU5lhAfdRmogA==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/plugin-syntax-jsx": "^7.17.12",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/serialize": "^1.1.0",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.0.13"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ=="
+        }
+      }
+    },
+    "@emotion/cache": {
+      "version": "11.10.3",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.3.tgz",
+      "integrity": "sha512-Psmp/7ovAa8appWh3g51goxu/z3iVms7JXOreq136D8Bbn6dYraPnmL6mdM8GThEx9vwSn92Fz+mGSjBzN8UPQ==",
+      "requires": {
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/sheet": "^1.2.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "stylis": "4.0.13"
+      }
+    },
+    "@emotion/hash": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+    },
+    "@emotion/is-prop-valid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
+      "requires": {
+        "@emotion/memoize": "^0.8.0"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+      "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
+    },
+    "@emotion/react": {
+      "version": "11.10.4",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.4.tgz",
+      "integrity": "sha512-j0AkMpr6BL8gldJZ6XQsQ8DnS9TxEQu1R+OGmDZiWjBAJtCcbt0tS3I/YffoqHXxH6MjgI7KdMbYKw3MEiU9eA==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.0",
+        "@emotion/cache": "^11.10.0",
+        "@emotion/serialize": "^1.1.0",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "hoist-non-react-statics": "^3.3.1"
+      }
+    },
+    "@emotion/serialize": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.0.tgz",
+      "integrity": "sha512-F1ZZZW51T/fx+wKbVlwsfchr5q97iW8brAnXmsskz4d0hVB4O3M/SiA3SaeH06x02lSNzkkQv+n3AX3kCXKSFA==",
+      "requires": {
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/unitless": "^0.8.0",
+        "@emotion/utils": "^1.2.0",
+        "csstype": "^3.0.2"
+      }
+    },
+    "@emotion/sheet": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.0.tgz",
+      "integrity": "sha512-OiTkRgpxescko+M51tZsMq7Puu/KP55wMT8BgpcXVG2hqXc0Vo0mfymJ/Uj24Hp0i083ji/o0aLddh08UEjq8w=="
+    },
+    "@emotion/styled": {
+      "version": "11.10.4",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.4.tgz",
+      "integrity": "sha512-pRl4R8Ez3UXvOPfc2bzIoV8u9P97UedgHS4FPX594ntwEuAMA114wlaHvOK24HB48uqfXiGlYIZYCxVJ1R1ttQ==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.0",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@emotion/serialize": "^1.1.0",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0"
+      }
+    },
+    "@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz",
+      "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==",
+      "requires": {}
+    },
+    "@emotion/utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+    },
+    "@emotion/weak-memoize": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
+      "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
+    },
     "@eslint/eslintrc": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.2.tgz",
@@ -18812,6 +19604,128 @@
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A=="
     },
+    "@mui/base": {
+      "version": "5.0.0-alpha.101",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.101.tgz",
+      "integrity": "sha512-a54BcXvArGOKUZ2zyS/7B9GNhAGgfomEQSkfEZ88Nc9jKvXA+Mppenfz5o4JCAnD8c4VlePmz9rKOYvvum1bZw==",
+      "requires": {
+        "@babel/runtime": "^7.19.0",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@mui/types": "^7.2.0",
+        "@mui/utils": "^5.10.9",
+        "@popperjs/core": "^2.11.6",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        }
+      }
+    },
+    "@mui/core-downloads-tracker": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.10.9.tgz",
+      "integrity": "sha512-rqoFu4qww6KJBbXYhyRd9YXjwBHa3ylnBPSWbGf1bdfG0AYMKmVzg8zxkWvxAWOp97kvx3M2kNPb0xMIDZiogQ=="
+    },
+    "@mui/icons-material": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.10.9.tgz",
+      "integrity": "sha512-sqClXdEM39WKQJOQ0ZCPTptaZgqwibhj2EFV9N0v7BU1PO8y4OcX/a2wIQHn4fNuDjIZktJIBrmU23h7aqlGgg==",
+      "requires": {
+        "@babel/runtime": "^7.19.0"
+      }
+    },
+    "@mui/material": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.10.9.tgz",
+      "integrity": "sha512-sdOzlgpCmyw48je+E7o9UGGJpgBaF+60FlTRpVpcd/z+LUhnuzzuis891yPI5dPPXLBDL/bO4SsGg51lgNeLBw==",
+      "requires": {
+        "@babel/runtime": "^7.19.0",
+        "@mui/base": "5.0.0-alpha.101",
+        "@mui/core-downloads-tracker": "^5.10.9",
+        "@mui/system": "^5.10.9",
+        "@mui/types": "^7.2.0",
+        "@mui/utils": "^5.10.9",
+        "@types/react-transition-group": "^4.4.5",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        }
+      }
+    },
+    "@mui/private-theming": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.10.9.tgz",
+      "integrity": "sha512-BN7/CnsVPVyBaQpDTij4uV2xGYHHHhOgpdxeYLlIu+TqnsVM7wUeF+37kXvHovxM6xmL5qoaVUD98gDC0IZnHg==",
+      "requires": {
+        "@babel/runtime": "^7.19.0",
+        "@mui/utils": "^5.10.9",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/styled-engine": {
+      "version": "5.10.8",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.10.8.tgz",
+      "integrity": "sha512-w+y8WI18EJV6zM/q41ug19cE70JTeO6sWFsQ7tgePQFpy6ToCVPh0YLrtqxUZXSoMStW5FMw0t9fHTFAqPbngw==",
+      "requires": {
+        "@babel/runtime": "^7.19.0",
+        "@emotion/cache": "^11.10.3",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/system": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.10.9.tgz",
+      "integrity": "sha512-B6fFC0sK06hNmqY7fAUfwShQv594+u/DT1YEFHPtK4laouTu7V4vSGQWi1WJT9Bjs9Db5D1bRDJ+Yy+tc3QOYA==",
+      "requires": {
+        "@babel/runtime": "^7.19.0",
+        "@mui/private-theming": "^5.10.9",
+        "@mui/styled-engine": "^5.10.8",
+        "@mui/types": "^7.2.0",
+        "@mui/utils": "^5.10.9",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/types": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.0.tgz",
+      "integrity": "sha512-lGXtFKe5lp3UxTBGqKI1l7G8sE2xBik8qCfrLHD5olwP/YU0/ReWoWT7Lp1//ri32dK39oPMrJN8TgbkCSbsNA==",
+      "requires": {}
+    },
+    "@mui/utils": {
+      "version": "5.10.9",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.10.9.tgz",
+      "integrity": "sha512-2tdHWrq3+WCy+G6TIIaFx3cg7PorXZ71P375ExuX61od1NOAJP1mK90VxQ8N4aqnj2vmO3AQDkV4oV2Ktvt4bA==",
+      "requires": {
+        "@babel/runtime": "^7.19.0",
+        "@types/prop-types": "^15.7.5",
+        "@types/react-is": "^16.7.1 || ^17.0.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        }
+      }
+    },
     "@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -18875,6 +19789,43 @@
         "source-map": "^0.7.3"
       }
     },
+    "@popperjs/core": {
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
+    },
+    "@react-aria/ssr": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.3.0.tgz",
+      "integrity": "sha512-yNqUDuOVZIUGP81R87BJVi/ZUZp/nYOBXbPsRe7oltJOfErQZD+UezMpw4vM2KRz18cURffvmC8tJ6JTeyDtaQ==",
+      "requires": {
+        "@babel/runtime": "^7.6.2"
+      }
+    },
+    "@restart/hooks": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.7.tgz",
+      "integrity": "sha512-ZbjlEHcG+FQtpDPHd7i4FzNNvJf2enAwZfJbpM8CW7BhmOAbsHpZe3tsHwfQUrBuyrxWqPYp2x5UMnilWcY22A==",
+      "requires": {
+        "dequal": "^2.0.2"
+      }
+    },
+    "@restart/ui": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.4.0.tgz",
+      "integrity": "sha512-5dDj5uDzUgK1iijWPRg6AnxjkHM04XhTQDJirM1h/8tIc7KyLtF9YyjcCpNEn259hPMXswpkfXKNgiag0skPFg==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@popperjs/core": "^2.11.5",
+        "@react-aria/ssr": "^3.2.0",
+        "@restart/hooks": "^0.4.7",
+        "@types/warning": "^3.0.0",
+        "dequal": "^2.0.2",
+        "dom-helpers": "^5.2.0",
+        "uncontrollable": "^7.2.1",
+        "warning": "^4.0.3"
+      }
+    },
     "@rollup/plugin-babel": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -19636,6 +20587,22 @@
         "@types/react": "*"
       }
     },
+    "@types/react-is": {
+      "version": "17.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-17.0.3.tgz",
+      "integrity": "sha512-aBTIWg1emtu95bLTLx0cpkxwGW3ueZv71nE2YFBpL8k/z5czEW8yYpOo8Dp+UUAFAtKwNaOsh/ioSeQnWlZcfw==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/resolve": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
@@ -19697,6 +20664,11 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
       "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
     },
+    "@types/warning": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
+      "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA=="
+    },
     "@types/ws": {
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
@@ -20585,6 +21557,12 @@
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
     },
+    "bootstrap": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.2.tgz",
+      "integrity": "sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ==",
+      "requires": {}
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -20755,6 +21733,11 @@
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz",
       "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA=="
     },
+    "classnames": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
+      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+    },
     "clean-css": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.1.tgz",
@@ -20780,6 +21763,11 @@
         "wrap-ansi": "^7.0.0"
       }
     },
+    "clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
+    },
     "co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -21328,6 +22316,11 @@
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
     },
+    "dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="
+    },
     "destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -21434,6 +22427,15 @@
         "utila": "~0.4"
       }
     },
+    "dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "requires": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
     "dom-serializer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -22442,6 +23444,11 @@
         "pkg-dir": "^4.1.0"
       }
     },
+    "find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+    },
     "find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -22838,6 +23845,21 @@
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="
     },
+    "hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "requires": {
+        "react-is": "^16.7.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
     "hoopy": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
@@ -23102,6 +24124,14 @@
         "side-channel": "^1.0.4"
       }
     },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -26405,6 +27435,22 @@
         }
       }
     },
+    "prop-types-extra": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
+      "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
+      "requires": {
+        "react-is": "^16.3.2",
+        "warning": "^4.0.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
     "proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -26527,6 +27573,25 @@
         "whatwg-fetch": "^3.6.2"
       }
     },
+    "react-bootstrap": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.5.0.tgz",
+      "integrity": "sha512-j/aLR+okzbYk61TM3eDOU1NqOqnUdwyVrF+ojoCRUxPdzc2R0xXvqyRsjSoyRoCo7n82Fs/LWjPCin/QJNdwvA==",
+      "requires": {
+        "@babel/runtime": "^7.17.2",
+        "@restart/hooks": "^0.4.6",
+        "@restart/ui": "^1.3.1",
+        "@types/react-transition-group": "^4.4.4",
+        "classnames": "^2.3.1",
+        "dom-helpers": "^5.2.1",
+        "invariant": "^2.2.4",
+        "prop-types": "^15.8.1",
+        "prop-types-extra": "^1.1.0",
+        "react-transition-group": "^4.4.2",
+        "uncontrollable": "^7.2.1",
+        "warning": "^4.0.3"
+      }
+    },
     "react-dev-utils": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
@@ -26632,6 +27697,11 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
     "react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -26692,6 +27762,17 @@
         "workbox-webpack-plugin": "^6.4.1"
       }
     },
+    "react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      }
+    },
     "read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -27498,6 +28579,11 @@
         "postcss-selector-parser": "^6.0.4"
       }
     },
+    "stylis": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.13.tgz",
+      "integrity": "sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag=="
+    },
     "supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -27896,6 +28982,17 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
+    "uncontrollable": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+      "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+      "requires": {
+        "@babel/runtime": "^7.6.3",
+        "@types/react": ">=16.9.11",
+        "invariant": "^2.2.4",
+        "react-lifecycles-compat": "^3.0.4"
+      }
+    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
@@ -28044,6 +29141,14 @@
         "makeerror": "1.0.12"
       }
     },
+    "warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
diff --git a/package.json b/package.json
index a4a73a4..ffb43f1 100644
--- a/package.json
+++ b/package.json
@@ -3,10 +3,16 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "@mui/icons-material": "^5.10.9",
+    "@mui/material": "^5.10.9",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "bootstrap": "^5.2.2",
     "react": "^18.2.0",
+    "react-bootstrap": "^2.5.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
diff --git a/public/images/infinityslap_logo.jpeg b/public/images/infinityslap_logo.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..c0a7b3ce2867dd410cdbf5075f34cc93e22c63cc
GIT binary patch
literal 8528
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
RQmJL@wz6XGlTzO<{1;KRWy}Bo

literal 0
HcmV?d00001

diff --git a/public/images/infinityslap_logolight.jpeg b/public/images/infinityslap_logolight.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..32eef6ac4faf5f64e4da4f0f4c2e6d225b28b612
GIT binary patch
literal 13105
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
Ub4-at`Nx0P{_myiNcYqK3srin{Qv*}

literal 0
HcmV?d00001

diff --git a/public/index.html b/public/index.html
index b45b71f..483607f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -28,7 +28,7 @@
 
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root" style="display: flex;"></div>
+  <div id="root"></div>
   <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/src/App.js b/src/App.js
index 82c196b..9d725a8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,5 @@
 import React from 'react';
-
+import Navbar from './navbar/NavBar';
 import PathFinder from './pathfinder/PathFinder';
 import './App.css';
 /*
@@ -25,10 +25,11 @@ const App = () => {
 
     return (
         <div className='bodyWrapper'>
-            <h4 className='heading'> Visualize the algorithms </h4>
+            <Navbar/>
+            {/* <h4 className='heading'> Visualize the algorithms </h4> */}
             <div className='util'>
                 <div> <input className='color' type="color" value={'#02030a'} disabled /> Wall</div>
-                <div> <button onClick={clickhandler} className="utilButton"> clear Board </button> </div>
+                {/* <div> <button onClick={clickhandler} className="utilButton"> clear Board </button> </div> */}
             </div>
             <div className='main'>
                 <PathFinder />
diff --git a/src/navbar/NavBar.js b/src/navbar/NavBar.js
index e69de29..386efc0 100644
--- a/src/navbar/NavBar.js
+++ b/src/navbar/NavBar.js
@@ -0,0 +1,38 @@
+import Container from 'react-bootstrap/Container';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import Nav from 'react-bootstrap/Nav';
+import Navbar from 'react-bootstrap/Navbar';
+import Button from 'react-bootstrap/Button';
+
+function BasicExample() {
+    const clickhandler = () => {
+        window.location.reload();
+    }
+  return (
+    <Navbar bg="light" expand="lg">
+      <Container>
+        <Navbar.Brand href="#home" className='flex-grow-1'><img
+              alt=""
+              src="/images/infinityslap_logolight.jpeg"
+              width="100"   
+              height="52"
+              className="d-inline-block align-top"
+            />{' '}</Navbar.Brand>
+            <Nav className="justify-content-center flex-grow-1 pe-0">
+            <Nav.Link href="#"className='fw-bold'> Visualize the algorithms </Nav.Link>
+          </Nav>
+        <Navbar.Toggle aria-controls="basic-navbar-nav" />
+        <Navbar.Collapse id="basic-navbar-nav">
+          <Nav className="justify-content-end flex-grow-1 pe-3">
+          <Button variant="outline-success"onClick={clickhandler}>Clear Board</Button>
+            {/* <Nav.Link onClick={clickhandler()}>Clear Board</Nav.Link> */}
+            {/* <Nav.Link href="#link">Link</Nav.Link> */}
+            
+          </Nav>
+        </Navbar.Collapse>
+      </Container>
+    </Navbar>
+  );
+}
+
+export default BasicExample;
\ No newline at end of file
diff --git a/src/pathfinder/PathFinder.css b/src/pathfinder/PathFinder.css
index 879106e..e3162ff 100644
--- a/src/pathfinder/PathFinder.css
+++ b/src/pathfinder/PathFinder.css
@@ -10,18 +10,18 @@
     flex-direction: column;
 }
 
-.temp {
+.desc_button{
     width: 18%;
     padding: 1rem;
     margin-bottom: 20px;
     margin-left: 10px;
-    background-color: blue;
-    color: white;
+    
     border: none;
 
 }
 
 .buttons {
     display: flex;
+    justify-content: center;
 
 }
\ No newline at end of file
diff --git a/src/pathfinder/PathFinder.js b/src/pathfinder/PathFinder.js
index 23c59dc..140edf0 100644
--- a/src/pathfinder/PathFinder.js
+++ b/src/pathfinder/PathFinder.js
@@ -3,6 +3,7 @@ import Node from './node/Node';
 import { BFS, getPathBFS } from '../algorithms/BFS';
 import { djikstra, getPathDjikstra } from '../algorithms/djikstra';
 import { BiBFS, getPathBiBFS } from '../algorithms/BiBFS';
+import Button from 'react-bootstrap/Button';
 
 import './PathFinder.css';
 
@@ -258,9 +259,9 @@ const PathFinder = () => {
     return (
         <div className='pathFindWrapper'>
             <div className='buttons'>
-                <button className="temp" onClick={handleOnClickBFS}> Visualize BFS </button>
-                <button className="temp" onClick={handleOnClickDijkstra}> Visualize Djikstra </button>
-                <button className="temp" onClick={handleOnClickBiBFS}> Visualize Bi-directional BFS </button>
+                <Button variant="success" className='desc_button' onClick={handleOnClickBFS} > Visualize BFS </Button>
+                <Button variant="success" className='desc_button'onClick={handleOnClickDijkstra}> Visualize Djikstra </Button>
+                <Button variant="success" className='desc_button'onClick={handleOnClickBiBFS}> Visualize Bi-directional BFS </Button>
             </div>
             <div className='grid'>
                 {renderNodes()}

From 862a910de22b5935cbe02d5a7b1e50fbf900e67d Mon Sep 17 00:00:00 2001
From: RangerCreaky <81346987+RangerCreaky@users.noreply.github.com>
Date: Wed, 19 Oct 2022 16:59:10 +0530
Subject: [PATCH 3/4] Update README.md

---
 README.md | 69 -------------------------------------------------------
 1 file changed, 69 deletions(-)

diff --git a/README.md b/README.md
index 58beeac..8b13789 100644
--- a/README.md
+++ b/README.md
@@ -1,70 +1 @@
-# Getting Started with Create React App
 
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
-
-The page will reload when you make changes.\
-You may also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can't go back!**
-
-If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
-
-You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
-
-### Analyzing the Bundle Size
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
-
-### Making a Progressive Web App
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
-
-### Advanced Configuration
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
-
-### Deployment
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
-
-### `npm run build` fails to minify
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)

From c79b004cc376cd22868d5aa6b279f9d4dea713ca Mon Sep 17 00:00:00 2001
From: Kushal <93094616+kushal2601@users.noreply.github.com>
Date: Sun, 11 Jun 2023 17:53:57 +0530
Subject: [PATCH 4/4] Description about README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 8b13789..b8ac3c4 100644
--- a/README.md
+++ b/README.md
@@ -1 +1 @@
-
+Readme file is really important for people to understand what is happening in the project 
