Upgrade react and react router

Author: “Gabriel

.nvmrc

@@ -0,0 +1 @@
+stable

package.json

@@ -11,9 +11,9 @@
     "express": "^4.17.1",
     "lodash": "^4.17.21",
     "qrious": "^4.0.2",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "react-router-dom": "^5.3.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.8.1",
     "react-scripts": "3.4.0",
     "short-unique-id": "^4.4.4",
     "short-uuid": "^4.2.2"

src/App.css

@@ -9,7 +9,7 @@
 }
 
 .App-header {
-  background-color: #282c34;
+  background: linear-gradient(#3A3D51,#000E2E);
   min-height: 3vh;
   color: white;
 }
@@ -22,6 +22,7 @@
   max-width: 1440px;
   margin: auto;
 }
+
 .App-controls {
   display: flex;
   flex-direction: column;
@@ -31,12 +32,18 @@
   padding: 8px;
 }
 
-.pure-form .App-headerInput {
-  background-color: #282c34;
-}
 .pure-menu-link {
+  display: flex;
+  height: 55px;
   color: #ffffff;
+  align-items: center;
 }
+
+.pure-menu-link.active, .pure-menu-link:active, .pure-menu-link:hover, .pure-menu-link:focus {
+  background: linear-gradient(#FF2631,#D90429);
+}
+
+
 .App-link {
   color: #61dafb;
 }