diff --git a/package-lock.json b/package-lock.json
index 49171e9..3ee3411 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,7 +5,6 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "drivent-front",
       "version": "0.1.0",
       "dependencies": {
         "@date-io/date-fns": "^1.3.13",
@@ -22,7 +21,7 @@
         "qs": "^6.10.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "react-icons": "^4.2.0",
+        "react-icons": "^4.4.0",
         "react-input-mask": "^2.0.4",
         "react-loader-spinner": "^4.0.0",
         "react-router-dom": "^6.3.0",
@@ -82,10 +81,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
       }
     },
     "node_modules/@babel/core/node_modules/semver": {
@@ -144,9 +139,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
     "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
@@ -171,9 +163,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
@@ -186,9 +175,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
@@ -204,9 +190,6 @@
         "lodash.debounce": "^4.0.8",
         "resolve": "^1.14.2",
         "semver": "^6.1.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0-0"
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider/node_modules/semver": {
@@ -460,9 +443,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.13.0"
       }
     },
     "node_modules/@babel/plugin-proposal-async-generator-functions": {
@@ -476,9 +456,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-class-properties": {
@@ -491,9 +468,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-class-static-block": {
@@ -507,9 +481,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0"
       }
     },
     "node_modules/@babel/plugin-proposal-decorators": {
@@ -520,9 +491,6 @@
         "@babel/helper-create-class-features-plugin": "^7.12.1",
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-decorators": "^7.12.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-dynamic-import": {
@@ -535,9 +503,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-export-namespace-from": {
@@ -550,9 +515,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-json-strings": {
@@ -565,9 +527,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-logical-assignment-operators": {
@@ -580,9 +539,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
@@ -595,9 +551,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-numeric-separator": {
@@ -610,9 +563,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-object-rest-spread": {
@@ -628,9 +578,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-optional-catch-binding": {
@@ -643,9 +590,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-optional-chaining": {
@@ -659,9 +603,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-private-methods": {
@@ -674,9 +615,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-private-property-in-object": {
@@ -691,9 +629,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-proposal-unicode-property-regex": {
@@ -706,9 +641,6 @@
       },
       "engines": {
         "node": ">=4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-async-generators": {
@@ -717,9 +649,6 @@
       "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-bigint": {
@@ -728,9 +657,6 @@
       "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-class-properties": {
@@ -739,9 +665,6 @@
       "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.12.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-class-static-block": {
@@ -753,9 +676,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-decorators": {
@@ -767,9 +687,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-dynamic-import": {
@@ -778,9 +695,6 @@
       "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-export-namespace-from": {
@@ -789,9 +703,6 @@
       "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-flow": {
@@ -803,9 +714,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-import-meta": {
@@ -814,9 +722,6 @@
       "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-json-strings": {
@@ -825,9 +730,6 @@
       "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-jsx": {
@@ -839,9 +741,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
@@ -850,9 +749,6 @@
       "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
@@ -861,9 +757,6 @@
       "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-numeric-separator": {
@@ -872,9 +765,6 @@
       "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-object-rest-spread": {
@@ -883,9 +773,6 @@
       "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-optional-catch-binding": {
@@ -894,9 +781,6 @@
       "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-optional-chaining": {
@@ -905,9 +789,6 @@
       "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-private-property-in-object": {
@@ -919,9 +800,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-top-level-await": {
@@ -933,9 +811,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-syntax-typescript": {
@@ -947,9 +822,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-arrow-functions": {
@@ -961,9 +833,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
@@ -977,9 +846,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-block-scoped-functions": {
@@ -991,9 +857,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
@@ -1005,9 +868,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-classes": {
@@ -1025,9 +885,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-computed-properties": {
@@ -1039,9 +896,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-destructuring": {
@@ -1053,9 +907,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-dotall-regex": {
@@ -1068,9 +919,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-duplicate-keys": {
@@ -1082,9 +930,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
@@ -1097,9 +942,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-flow-strip-types": {
@@ -1109,9 +951,6 @@
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-flow": "^7.12.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
@@ -1123,9 +962,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-function-name": {
@@ -1138,9 +974,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-literals": {
@@ -1152,9 +985,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-member-expression-literals": {
@@ -1166,9 +996,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-modules-amd": {
@@ -1182,9 +1009,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
@@ -1199,9 +1023,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
@@ -1217,9 +1038,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-modules-umd": {
@@ -1232,9 +1050,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
@@ -1246,9 +1061,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
     "node_modules/@babel/plugin-transform-new-target": {
@@ -1260,9 +1072,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-object-super": {
@@ -1275,9 +1084,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-parameters": {
@@ -1289,9 +1095,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-property-literals": {
@@ -1303,9 +1106,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-react-constant-elements": {
@@ -1317,9 +1117,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-react-display-name": {
@@ -1331,9 +1128,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx": {
@@ -1349,9 +1143,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-development": {
@@ -1363,9 +1154,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-self": {
@@ -1377,9 +1165,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-source": {
@@ -1391,9 +1176,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-react-pure-annotations": {
@@ -1406,9 +1188,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
@@ -1420,9 +1199,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-reserved-words": {
@@ -1434,9 +1210,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
@@ -1448,9 +1221,6 @@
         "@babel/helper-plugin-utils": "^7.10.4",
         "resolve": "^1.8.1",
         "semver": "^5.5.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
@@ -1470,9 +1240,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-spread": {
@@ -1485,9 +1252,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-sticky-regex": {
@@ -1499,9 +1263,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-template-literals": {
@@ -1513,9 +1274,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-typeof-symbol": {
@@ -1527,9 +1285,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
@@ -1543,9 +1298,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-unicode-escapes": {
@@ -1557,9 +1309,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/plugin-transform-unicode-regex": {
@@ -1572,9 +1321,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/preset-env": {
@@ -1658,9 +1404,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/preset-env/node_modules/semver": {
@@ -1681,9 +1424,6 @@
         "@babel/plugin-transform-dotall-regex": "^7.4.4",
         "@babel/types": "^7.4.4",
         "esutils": "^2.0.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/preset-react": {
@@ -1700,9 +1440,6 @@
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/preset-typescript": {
@@ -1712,9 +1449,6 @@
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-transform-typescript": "^7.12.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/@babel/runtime": {
@@ -1828,9 +1562,6 @@
       "integrity": "sha512-yXxGzcRUPcogiMj58wVgFjc9qUYrCnnU9eLcyNbsQCmae4jPuZCDoIBR21j8ZURsM7GRtU62VOw5yNd4dDHunA==",
       "dependencies": {
         "@date-io/core": "^1.3.13"
-      },
-      "peerDependencies": {
-        "date-fns": "^2.0.0"
       }
     },
     "node_modules/@emotion/hash": {
@@ -1889,9 +1620,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/ignore": {
@@ -1905,26 +1633,22 @@
     "node_modules/@hapi/address": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",
-      "integrity": "sha512-QD1PhQk+s31P1ixsX0H0Suoupp3VMXzIVMSwobR3F3MSUO2YCV0B7xqLcUw/Bh8yuvd3LhpyqLQWTNcRmp6IdQ==",
-      "deprecated": "Moved to 'npm install @sideway/address'"
+      "integrity": "sha512-QD1PhQk+s31P1ixsX0H0Suoupp3VMXzIVMSwobR3F3MSUO2YCV0B7xqLcUw/Bh8yuvd3LhpyqLQWTNcRmp6IdQ=="
     },
     "node_modules/@hapi/bourne": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@hapi/bourne/-/bourne-1.3.2.tgz",
-      "integrity": "sha512-1dVNHT76Uu5N3eJNTYcvxee+jzX4Z9lfciqRRHCU27ihbUcYi+iSc2iml5Ke1LXe1SyJCLA0+14Jh4tXJgOppA==",
-      "deprecated": "This version has been deprecated and is no longer supported or maintained"
+      "integrity": "sha512-1dVNHT76Uu5N3eJNTYcvxee+jzX4Z9lfciqRRHCU27ihbUcYi+iSc2iml5Ke1LXe1SyJCLA0+14Jh4tXJgOppA=="
     },
     "node_modules/@hapi/hoek": {
       "version": "8.5.1",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-8.5.1.tgz",
-      "integrity": "sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow==",
-      "deprecated": "This version has been deprecated and is no longer supported or maintained"
+      "integrity": "sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow=="
     },
     "node_modules/@hapi/joi": {
       "version": "15.1.1",
       "resolved": "https://registry.npmjs.org/@hapi/joi/-/joi-15.1.1.tgz",
       "integrity": "sha512-entf8ZMOK8sc+8YfeOlM8pCfg3b5+WZIKBfUaaJT8UsjAAPjartzxIYm3TIbjvA4u+u++KbcXD38k682nVHDAQ==",
-      "deprecated": "Switch to 'npm install joi'",
       "dependencies": {
         "@hapi/address": "2.x.x",
         "@hapi/bourne": "1.x.x",
@@ -1936,7 +1660,6 @@
       "version": "3.1.6",
       "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-3.1.6.tgz",
       "integrity": "sha512-tAag0jEcjwH+P2quUfipd7liWCNX2F8NvYjQp2wtInsZxnMlypdw0FtAOLxtvvkO+GSRRbmNi8m/5y42PQJYCQ==",
-      "deprecated": "This version has been deprecated and is no longer supported or maintained",
       "dependencies": {
         "@hapi/hoek": "^8.3.0"
       }
@@ -2023,9 +1746,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@jest/console/node_modules/chalk": {
@@ -2038,9 +1758,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@jest/console/node_modules/color-convert": {
@@ -2125,9 +1842,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@jest/core/node_modules/chalk": {
@@ -2140,9 +1854,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@jest/core/node_modules/color-convert": {
@@ -2212,9 +1923,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/@jest/core/node_modules/read-pkg/node_modules/type-fest": {
@@ -2333,9 +2041,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@jest/reporters/node_modules/chalk": {
@@ -2348,9 +2053,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@jest/reporters/node_modules/color-convert": {
@@ -2420,9 +2122,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/@jest/reporters/node_modules/read-pkg/node_modules/type-fest": {
@@ -2544,9 +2243,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@jest/transform/node_modules/chalk": {
@@ -2559,9 +2255,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@jest/transform/node_modules/color-convert": {
@@ -2631,9 +2324,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@jest/types/node_modules/chalk": {
@@ -2646,9 +2336,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@jest/types/node_modules/color-convert": {
@@ -2690,7 +2377,6 @@
       "version": "4.12.3",
       "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.12.3.tgz",
       "integrity": "sha512-sdpgI/PL56QVsEJldwEe4FFaFTLUqN+rd7sSZiRCdx2E/C7z5yK0y/khAWVBH24tXwto7I1hCzNWfJGZIYJKnw==",
-      "deprecated": "You can now upgrade to @mui/material. See the guide: https://mui.com/guides/migration-v4/",
       "dependencies": {
         "@babel/runtime": "^7.4.4",
         "@material-ui/styles": "^4.11.4",
@@ -2707,20 +2393,6 @@
       },
       "engines": {
         "node": ">=8.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/material-ui"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.6 || ^17.0.0",
-        "react": "^16.8.0 || ^17.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
       }
     },
     "node_modules/@material-ui/pickers": {
@@ -2734,20 +2406,12 @@
         "clsx": "^1.0.2",
         "react-transition-group": "^4.0.0",
         "rifm": "^0.7.0"
-      },
-      "peerDependencies": {
-        "@date-io/core": "^1.3.6",
-        "@material-ui/core": "^4.0.0",
-        "prop-types": "^15.6.0",
-        "react": "^16.8.0 || ^17.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0"
       }
     },
     "node_modules/@material-ui/styles": {
       "version": "4.11.4",
       "resolved": "https://registry.npmjs.org/@material-ui/styles/-/styles-4.11.4.tgz",
       "integrity": "sha512-KNTIZcnj/zprG5LW0Sao7zw+yG3O35pviHzejMdcSGCdWbiO8qzRgOYL8JAxAsWBKOKYwVZxXtHWaB5T2Kvxew==",
-      "deprecated": "You can now upgrade to @mui/styles. See the guide: https://mui.com/guides/migration-v4/",
       "dependencies": {
         "@babel/runtime": "^7.4.4",
         "@emotion/hash": "^0.8.0",
@@ -2768,27 +2432,12 @@
       },
       "engines": {
         "node": ">=8.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/material-ui"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.6 || ^17.0.0",
-        "react": "^16.8.0 || ^17.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
       }
     },
     "node_modules/@material-ui/system": {
       "version": "4.12.1",
       "resolved": "https://registry.npmjs.org/@material-ui/system/-/system-4.12.1.tgz",
       "integrity": "sha512-lUdzs4q9kEXZGhbN7BptyiS1rLNHe6kG9o8Y307HCvF4sQxbCgpL2qi+gUk+yI8a2DNk48gISEQxoxpgph0xIw==",
-      "deprecated": "You can now upgrade to @mui/system. See the guide: https://mui.com/guides/migration-v4/",
       "dependencies": {
         "@babel/runtime": "^7.4.4",
         "@material-ui/utils": "^4.11.2",
@@ -2797,34 +2446,12 @@
       },
       "engines": {
         "node": ">=8.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/material-ui"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.6 || ^17.0.0",
-        "react": "^16.8.0 || ^17.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
       }
     },
     "node_modules/@material-ui/types": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@material-ui/types/-/types-5.1.0.tgz",
-      "integrity": "sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==",
-      "peerDependencies": {
-        "@types/react": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
+      "integrity": "sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A=="
     },
     "node_modules/@material-ui/utils": {
       "version": "4.11.2",
@@ -2837,10 +2464,6 @@
       },
       "engines": {
         "node": ">=8.0.0"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0"
       }
     },
     "node_modules/@nodelib/fs.scandir": {
@@ -2912,36 +2535,6 @@
       },
       "engines": {
         "node": ">= 10.x"
-      },
-      "peerDependencies": {
-        "@types/webpack": "4.x",
-        "react-refresh": ">=0.8.3 <0.10.0",
-        "sockjs-client": "^1.4.0",
-        "type-fest": "^0.13.1",
-        "webpack": ">=4.43.0 <6.0.0",
-        "webpack-dev-server": "3.x",
-        "webpack-hot-middleware": "2.x",
-        "webpack-plugin-serve": "0.x || 1.x"
-      },
-      "peerDependenciesMeta": {
-        "@types/webpack": {
-          "optional": true
-        },
-        "sockjs-client": {
-          "optional": true
-        },
-        "type-fest": {
-          "optional": true
-        },
-        "webpack-dev-server": {
-          "optional": true
-        },
-        "webpack-hot-middleware": {
-          "optional": true
-        },
-        "webpack-plugin-serve": {
-          "optional": true
-        }
       }
     },
     "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/source-map": {
@@ -2965,9 +2558,6 @@
       },
       "engines": {
         "node": ">= 8.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0"
       }
     },
     "node_modules/@rollup/plugin-replace": {
@@ -2977,9 +2567,6 @@
       "dependencies": {
         "@rollup/pluginutils": "^3.1.0",
         "magic-string": "^0.25.7"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0 || ^2.0.0"
       }
     },
     "node_modules/@rollup/pluginutils": {
@@ -2993,9 +2580,6 @@
       },
       "engines": {
         "node": ">= 8.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0"
       }
     },
     "node_modules/@rollup/pluginutils/node_modules/@types/estree": {
@@ -3034,10 +2618,6 @@
       "integrity": "sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
@@ -3046,10 +2626,6 @@
       "integrity": "sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
@@ -3058,10 +2634,6 @@
       "integrity": "sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
@@ -3070,10 +2642,6 @@
       "integrity": "sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/babel-plugin-svg-dynamic-title": {
@@ -3082,10 +2650,6 @@
       "integrity": "sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/babel-plugin-svg-em-dimensions": {
@@ -3094,10 +2658,6 @@
       "integrity": "sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/babel-plugin-transform-react-native-svg": {
@@ -3106,10 +2666,6 @@
       "integrity": "sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/babel-plugin-transform-svg-component": {
@@ -3118,10 +2674,6 @@
       "integrity": "sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/babel-preset": {
@@ -3140,10 +2692,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/core": {
@@ -3157,10 +2705,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/hast-util-to-babel-ast": {
@@ -3172,10 +2716,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/plugin-jsx": {
@@ -3190,10 +2730,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/plugin-svgo": {
@@ -3207,10 +2743,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@svgr/webpack": {
@@ -3229,10 +2761,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
       }
     },
     "node_modules/@testing-library/dom": {
@@ -3262,9 +2790,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@testing-library/dom/node_modules/chalk": {
@@ -3277,9 +2802,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@testing-library/dom/node_modules/color-convert": {
@@ -3347,9 +2869,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@testing-library/jest-dom/node_modules/chalk": {
@@ -3410,7 +2929,6 @@
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.6.0.tgz",
       "integrity": "sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==",
-      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
       "dependencies": {
         "atob": "^2.1.2",
         "decode-uri-component": "^0.2.0"
@@ -3437,10 +2955,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
       }
     },
     "node_modules/@testing-library/user-event": {
@@ -3453,9 +2967,6 @@
       "engines": {
         "node": ">=10",
         "npm": ">=6"
-      },
-      "peerDependencies": {
-        "@testing-library/dom": ">=7.21.4"
       }
     },
     "node_modules/@tootallnate/once": {
@@ -3606,9 +3117,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@types/jest/node_modules/chalk": {
@@ -3621,9 +3129,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/@types/jest/node_modules/color-convert": {
@@ -3700,9 +3205,6 @@
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/@types/jest/node_modules/react-is": {
@@ -3911,19 +3413,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^4.0.0",
-        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
@@ -3954,13 +3443,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "*"
       }
     },
     "node_modules/@typescript-eslint/parser": {
@@ -3975,18 +3457,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
@@ -3999,10 +3469,6 @@
       },
       "engines": {
         "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
       }
     },
     "node_modules/@typescript-eslint/types": {
@@ -4011,10 +3477,6 @@
       "integrity": "sha512-Jj2yu78IRfw4nlaLtKjVaGaxh/6FhofmQ/j8v3NXmAiKafbIqtAPnKYrf0sbGjKdj0hS316J8WhnGnErbJ4RCA==",
       "engines": {
         "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
@@ -4032,15 +3494,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
@@ -4067,10 +3520,6 @@
       },
       "engines": {
         "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
       }
     },
     "node_modules/@webassemblyjs/ast": {
@@ -4280,10 +3729,7 @@
     "node_modules/acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
     },
     "node_modules/acorn-walk": {
       "version": "7.2.0",
@@ -4345,27 +3791,17 @@
         "fast-json-stable-stringify": "^2.0.0",
         "json-schema-traverse": "^0.4.1",
         "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
     "node_modules/ajv-errors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
-      "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
-      "peerDependencies": {
-        "ajv": ">=5.0.0"
-      }
+      "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ=="
     },
     "node_modules/ajv-keywords": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
     },
     "node_modules/alphanum-sort": {
       "version": "1.0.2",
@@ -4389,9 +3825,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/ansi-escapes/node_modules/type-fest": {
@@ -4400,9 +3833,6 @@
       "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/ansi-html": {
@@ -4519,9 +3949,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/array-union": {
@@ -4559,9 +3986,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/array.prototype.flatmap": {
@@ -4576,9 +4000,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/arrify": {
@@ -4710,10 +4131,6 @@
       },
       "bin": {
         "autoprefixer": "bin/autoprefixer"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/autoprefixer"
       }
     },
     "node_modules/axe-core": {
@@ -4741,7 +4158,6 @@
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
       "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==",
-      "deprecated": "babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.",
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "@babel/parser": "^7.7.0",
@@ -4752,9 +4168,6 @@
       },
       "engines": {
         "node": ">=6"
-      },
-      "peerDependencies": {
-        "eslint": ">= 4.12.1"
       }
     },
     "node_modules/babel-eslint/node_modules/eslint-visitor-keys": {
@@ -4792,9 +4205,6 @@
       },
       "engines": {
         "node": ">= 10.14.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
     "node_modules/babel-jest/node_modules/ansi-styles": {
@@ -4806,9 +4216,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/babel-jest/node_modules/chalk": {
@@ -4821,9 +4228,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/babel-jest/node_modules/color-convert": {
@@ -4874,10 +4278,6 @@
       },
       "engines": {
         "node": ">= 6.9"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0",
-        "webpack": ">=2"
       }
     },
     "node_modules/babel-loader/node_modules/json5": {
@@ -4969,10 +4369,7 @@
     "node_modules/babel-plugin-named-asset-import": {
       "version": "0.3.7",
       "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.7.tgz",
-      "integrity": "sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw==",
-      "peerDependencies": {
-        "@babel/core": "^7.1.0"
-      }
+      "integrity": "sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw=="
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
       "version": "0.2.2",
@@ -4982,9 +4379,6 @@
         "@babel/compat-data": "^7.13.11",
         "@babel/helper-define-polyfill-provider": "^0.2.2",
         "semver": "^6.1.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
@@ -5002,9 +4396,6 @@
       "dependencies": {
         "@babel/helper-define-polyfill-provider": "^0.2.2",
         "core-js-compat": "^3.14.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
@@ -5013,9 +4404,6 @@
       "integrity": "sha512-Goy5ghsc21HgPDFtzRkSirpZVW35meGoTmTOb2bxqdl60ghub4xOidgNTHaZfQ2FaxQsKmwvXtOAkcIS4SMBWg==",
       "dependencies": {
         "@babel/helper-define-polyfill-provider": "^0.2.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-plugin-styled-components": {
@@ -5027,9 +4415,6 @@
         "@babel/helper-module-imports": "^7.0.0",
         "babel-plugin-syntax-jsx": "^6.18.0",
         "lodash": "^4.17.11"
-      },
-      "peerDependencies": {
-        "styled-components": ">= 2"
       }
     },
     "node_modules/babel-plugin-syntax-jsx": {
@@ -5073,9 +4458,6 @@
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
         "@babel/plugin-syntax-optional-chaining": "^7.8.3",
         "@babel/plugin-syntax-top-level-await": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
     "node_modules/babel-preset-jest": {
@@ -5088,9 +4470,6 @@
       },
       "engines": {
         "node": ">= 10.14.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
     "node_modules/babel-preset-react-app": {
@@ -5122,9 +4501,6 @@
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.12.1",
         "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-preset-react-app/node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
@@ -5134,9 +4510,6 @@
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-preset-react-app/node_modules/@babel/plugin-proposal-numeric-separator": {
@@ -5146,9 +4519,6 @@
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/plugin-syntax-numeric-separator": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-preset-react-app/node_modules/@babel/plugin-proposal-optional-chaining": {
@@ -5159,9 +4529,6 @@
         "@babel/helper-plugin-utils": "^7.10.4",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.12.1",
         "@babel/plugin-syntax-optional-chaining": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-preset-react-app/node_modules/@babel/plugin-transform-react-display-name": {
@@ -5170,9 +4537,6 @@
       "integrity": "sha512-cAzB+UzBIrekfYxyLlFqf/OagTvHLcVBb5vpouzkYkBclRPraiygVnafvAoipErZLI8ANv8Ecn6E/m5qPXD26w==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-preset-react-app/node_modules/@babel/preset-env": {
@@ -5246,9 +4610,6 @@
         "@babel/types": "^7.12.1",
         "core-js-compat": "^3.6.2",
         "semver": "^5.5.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-preset-react-app/node_modules/@babel/preset-react": {
@@ -5263,9 +4624,6 @@
         "@babel/plugin-transform-react-jsx-self": "^7.12.1",
         "@babel/plugin-transform-react-jsx-source": "^7.12.1",
         "@babel/plugin-transform-react-pure-annotations": "^7.12.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-preset-react-app/node_modules/@babel/runtime": {
@@ -5296,9 +4654,7 @@
     "node_modules/babel-runtime/node_modules/core-js": {
       "version": "2.6.12",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
-      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
-      "deprecated": "core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.",
-      "hasInstallScript": true
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
     },
     "node_modules/babel-runtime/node_modules/regenerator-runtime": {
       "version": "0.11.1",
@@ -5392,21 +4748,7 @@
     "node_modules/base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
     },
     "node_modules/batch": {
       "version": "0.6.1",
@@ -5444,6 +4786,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "optional": true,
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "node_modules/bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -5631,21 +4982,7 @@
     "node_modules/browserify-sign/node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
     },
     "node_modules/browserify-zlib": {
       "version": "0.2.0",
@@ -5671,10 +5008,6 @@
       },
       "engines": {
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/browserslist"
       }
     },
     "node_modules/bser": {
@@ -5716,9 +5049,6 @@
       "integrity": "sha512-lGzLKcioL90C7wMczpkY0n/oART3MbBa8R9OFGE1rJxoVI86u4WAGfEk8Wjv10eKSyTHVGkSo3bvBylCEtk7LA==",
       "engines": {
         "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/builtin-status-codes": {
@@ -5798,9 +5128,6 @@
       "dependencies": {
         "function-bind": "^1.1.1",
         "get-intrinsic": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/caller-callsite": {
@@ -5861,9 +5188,6 @@
       "integrity": "sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/camelize": {
@@ -5885,11 +5209,7 @@
     "node_modules/caniuse-lite": {
       "version": "1.0.30001251",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001251.tgz",
-      "integrity": "sha512-HOe1r+9VkU4TFmnU70z+r7OLmtR+/chB1rdcJUeQlAinjEeb0cKL20tlAtOagNZhbrtLnCvV19B4FmF1rgzl6A==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/browserslist"
-      }
+      "integrity": "sha512-HOe1r+9VkU4TFmnU70z+r7OLmtR+/chB1rdcJUeQlAinjEeb0cKL20tlAtOagNZhbrtLnCvV19B4FmF1rgzl6A=="
     },
     "node_modules/capture-exit": {
       "version": "2.0.0",
@@ -5944,6 +5264,7 @@
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
+        "fsevents": "~2.3.2",
         "glob-parent": "~5.1.2",
         "is-binary-path": "~2.1.0",
         "is-glob": "~4.0.1",
@@ -5952,9 +5273,6 @@
       },
       "engines": {
         "node": ">= 8.10.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
       }
     },
     "node_modules/chownr": {
@@ -6072,9 +5390,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/cli-truncate/node_modules/ansi-styles": {
@@ -6087,9 +5402,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/cli-truncate/node_modules/color-convert": {
@@ -6420,12 +5732,7 @@
     "node_modules/core-js": {
       "version": "3.16.1",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.16.1.tgz",
-      "integrity": "sha512-AAkP8i35EbefU+JddyWi12AWE9f2N/qr/pwnDtWz4nyUIBGMJPX99ANFFRSw6FefM374lDujdtLDyhN2A/btHw==",
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
+      "integrity": "sha512-AAkP8i35EbefU+JddyWi12AWE9f2N/qr/pwnDtWz4nyUIBGMJPX99ANFFRSw6FefM374lDujdtLDyhN2A/btHw=="
     },
     "node_modules/core-js-compat": {
       "version": "3.16.1",
@@ -6434,10 +5741,6 @@
       "dependencies": {
         "browserslist": "^4.16.7",
         "semver": "7.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
       }
     },
     "node_modules/core-js-compat/node_modules/semver": {
@@ -6451,12 +5754,7 @@
     "node_modules/core-js-pure": {
       "version": "3.16.1",
       "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.16.1.tgz",
-      "integrity": "sha512-TyofCdMzx0KMhi84mVRS8rL1XsRk2SPUNz2azmth53iRN0/08Uim9fdhQTaZTG1LqaXHYVci4RDHka6WrXfnvg==",
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
+      "integrity": "sha512-TyofCdMzx0KMhi84mVRS8rL1XsRk2SPUNz2azmth53iRN0/08Uim9fdhQTaZTG1LqaXHYVci4RDHka6WrXfnvg=="
     },
     "node_modules/core-util-is": {
       "version": "1.0.2",
@@ -6689,13 +5987,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.27.0 || ^5.0.0"
       }
     },
     "node_modules/css-prefers-color-scheme": {
@@ -6773,9 +6064,6 @@
       "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
       "engines": {
         "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
       }
     },
     "node_modules/css.escape": {
@@ -7042,10 +6330,6 @@
       "integrity": "sha512-5ycpauovVyAk0kXNZz6ZoB9AYMZB4DObse7P3BPWmyEjXNORTI8EJ6X0uaSAq4sCHzM1uajzrkr6HnsLQpxGXA==",
       "engines": {
         "node": ">=0.11"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
       }
     },
     "node_modules/dayjs": {
@@ -7062,11 +6346,6 @@
       },
       "engines": {
         "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
       }
     },
     "node_modules/decamelize": {
@@ -7106,9 +6385,6 @@
         "object-is": "^1.0.1",
         "object-keys": "^1.1.1",
         "regexp.prototype.flags": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/deep-is": {
@@ -7452,13 +6728,7 @@
     "node_modules/dom-serializer/node_modules/domelementtype": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
+      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
     },
     "node_modules/domain-browser": {
       "version": "1.2.0",
@@ -7502,21 +6772,12 @@
       },
       "engines": {
         "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
       }
     },
     "node_modules/domhandler/node_modules/domelementtype": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
+      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
     },
     "node_modules/domutils": {
       "version": "1.7.0",
@@ -7590,7 +6851,6 @@
       "version": "2.7.4",
       "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.7.4.tgz",
       "integrity": "sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA==",
-      "hasInstallScript": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7625,9 +6885,6 @@
       "integrity": "sha512-A8OG5SR/ij3SsJdWDJdkkSYUjQdCUx6APQXem0SaEePBSRg4eymGYwBkKo1Y6DU+af/Jn2dBQqDBvjnr9Vi8nQ==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
       }
     },
     "node_modules/emoji-regex": {
@@ -7698,10 +6955,7 @@
     "node_modules/entities": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="
     },
     "node_modules/errno": {
       "version": "0.1.8",
@@ -7755,9 +7009,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/es-to-primitive": {
@@ -7771,9 +7022,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/es5-ext": {
@@ -7962,9 +7210,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/eslint-config-react-app": {
@@ -7976,27 +7221,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": "^4.0.0",
-        "@typescript-eslint/parser": "^4.0.0",
-        "babel-eslint": "^10.0.0",
-        "eslint": "^7.5.0",
-        "eslint-plugin-flowtype": "^5.2.0",
-        "eslint-plugin-import": "^2.22.0",
-        "eslint-plugin-jest": "^24.0.0",
-        "eslint-plugin-jsx-a11y": "^6.3.1",
-        "eslint-plugin-react": "^7.20.3",
-        "eslint-plugin-react-hooks": "^4.0.8",
-        "eslint-plugin-testing-library": "^3.9.0"
-      },
-      "peerDependenciesMeta": {
-        "eslint-plugin-jest": {
-          "optional": true
-        },
-        "eslint-plugin-testing-library": {
-          "optional": true
-        }
       }
     },
     "node_modules/eslint-import-resolver-node": {
@@ -8023,9 +7247,6 @@
       "dependencies": {
         "is-core-module": "^2.2.0",
         "path-parse": "^1.0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/eslint-module-utils": {
@@ -8130,9 +7351,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^7.1.0"
       }
     },
     "node_modules/eslint-plugin-import": {
@@ -8158,9 +7376,6 @@
       },
       "engines": {
         "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0"
       }
     },
     "node_modules/eslint-plugin-import/node_modules/debug": {
@@ -8255,9 +7470,6 @@
       "dependencies": {
         "is-core-module": "^2.2.0",
         "path-parse": "^1.0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/eslint-plugin-jest": {
@@ -8269,15 +7481,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": ">= 4",
-        "eslint": ">=5"
-      },
-      "peerDependenciesMeta": {
-        "@typescript-eslint/eslint-plugin": {
-          "optional": true
-        }
       }
     },
     "node_modules/eslint-plugin-jsx-a11y": {
@@ -8299,9 +7502,6 @@
       },
       "engines": {
         "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7"
       }
     },
     "node_modules/eslint-plugin-jsx-a11y/node_modules/emoji-regex": {
@@ -8329,9 +7529,6 @@
       },
       "engines": {
         "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7"
       }
     },
     "node_modules/eslint-plugin-react-hooks": {
@@ -8340,9 +7537,6 @@
       "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==",
       "engines": {
         "node": ">=10"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
       }
     },
     "node_modules/eslint-plugin-react/node_modules/doctrine": {
@@ -8363,9 +7557,6 @@
       "dependencies": {
         "is-core-module": "^2.2.0",
         "path-parse": "^1.0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/eslint-plugin-testing-library": {
@@ -8378,9 +7569,6 @@
       "engines": {
         "node": "^10.12.0 || >=12.0.0",
         "npm": ">=6"
-      },
-      "peerDependencies": {
-        "eslint": "^5 || ^6 || ^7"
       }
     },
     "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/experimental-utils": {
@@ -8396,13 +7584,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "*"
       }
     },
     "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/types": {
@@ -8411,10 +7592,6 @@
       "integrity": "sha512-+3+FCUJIahE9q0lDi1WleYzjCwJs5hIsbugIgnbB+dSCYUxl8L6PwmsyOPFZde2hc1DlTo/xnkOgiTLSyAbHiQ==",
       "engines": {
         "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
       }
     },
     "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/typescript-estree": {
@@ -8433,15 +7610,6 @@
       },
       "engines": {
         "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
     "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/visitor-keys": {
@@ -8453,10 +7621,6 @@
       },
       "engines": {
         "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
       }
     },
     "node_modules/eslint-plugin-testing-library/node_modules/eslint-utils": {
@@ -8468,9 +7632,6 @@
       },
       "engines": {
         "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
       }
     },
     "node_modules/eslint-plugin-testing-library/node_modules/eslint-visitor-keys": {
@@ -8502,12 +7663,6 @@
       },
       "engines": {
         "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=5"
       }
     },
     "node_modules/eslint-visitor-keys": {
@@ -8532,14 +7687,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0",
-        "webpack": "^4.0.0 || ^5.0.0"
       }
     },
     "node_modules/eslint-webpack-plugin/node_modules/schema-utils": {
@@ -8553,10 +7700,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/eslint/node_modules/@babel/code-frame": {
@@ -8576,9 +7719,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/eslint/node_modules/chalk": {
@@ -8591,9 +7731,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/eslint/node_modules/color-convert": {
@@ -8631,9 +7768,6 @@
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/eslint/node_modules/eslint-utils": {
@@ -8645,9 +7779,6 @@
       },
       "engines": {
         "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
       }
     },
     "node_modules/eslint/node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
@@ -8667,9 +7798,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/eslint/node_modules/has-flag": {
@@ -8980,9 +8108,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/expect/node_modules/color-convert": {
@@ -9261,13 +8386,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
       }
     },
     "node_modules/file-loader/node_modules/schema-utils": {
@@ -9281,10 +8399,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/file-saver": {
@@ -9292,6 +8406,12 @@
       "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
       "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
     },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "optional": true
+    },
     "node_modules/filesize": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz",
@@ -9386,8 +8506,7 @@
     "node_modules/flatten": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz",
-      "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==",
-      "deprecated": "flatten is deprecated in favor of utility frameworks such as lodash."
+      "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg=="
     },
     "node_modules/flush-write-stream": {
       "version": "1.1.1",
@@ -9402,19 +8521,8 @@
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz",
       "integrity": "sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
       "engines": {
         "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
       }
     },
     "node_modules/for-in": {
@@ -9658,7 +8766,6 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "hasInstallScript": true,
       "optional": true,
       "os": [
         "darwin"
@@ -9701,9 +8808,6 @@
         "function-bind": "^1.1.1",
         "has": "^1.0.3",
         "has-symbols": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/get-own-enumerable-property-symbols": {
@@ -9743,7 +8847,6 @@
       "resolved": "https://registry.npmjs.org/git-commit-msg-linter/-/git-commit-msg-linter-3.2.8.tgz",
       "integrity": "sha512-W0fsSHXe+LjPcoueM9Nhg6S2kVKR+5cPslqyW0gl+bazu0v9GUxetE9x5HZOLOf0UQuoTbpoQk9eDjo49R3AMA==",
       "dev": true,
-      "hasInstallScript": true,
       "dependencies": {
         "chalk": "^2.4.2",
         "did-you-mean": "^0.0.1",
@@ -9772,9 +8875,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
     "node_modules/glob": {
@@ -9791,9 +8891,6 @@
       },
       "engines": {
         "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/glob-parent": {
@@ -9853,9 +8950,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/graceful-fs": {
@@ -9905,10 +8999,7 @@
     "node_modules/has-bigints": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
-      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "integrity": "sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA=="
     },
     "node_modules/has-flag": {
       "version": "3.0.0",
@@ -9924,9 +9015,6 @@
       "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/has-tostringtag": {
@@ -9938,9 +9026,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/has-value": {
@@ -10030,21 +9115,7 @@
     "node_modules/hash-base/node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
     },
     "node_modules/hash.js": {
       "version": "1.1.7",
@@ -10186,9 +9257,6 @@
       },
       "engines": {
         "node": ">=6.9"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
       }
     },
     "node_modules/html-webpack-plugin/node_modules/json5": {
@@ -10240,13 +9308,6 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
       "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
       "dependencies": {
         "domelementtype": "^2.0.1",
         "domhandler": "^4.0.0",
@@ -10262,21 +9323,12 @@
         "domelementtype": "^2.0.1",
         "domhandler": "^4.2.0",
         "entities": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
       }
     },
     "node_modules/htmlparser2/node_modules/domelementtype": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
+      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
     },
     "node_modules/htmlparser2/node_modules/domutils": {
       "version": "2.7.0",
@@ -10286,9 +9338,6 @@
         "dom-serializer": "^1.0.1",
         "domelementtype": "^2.2.0",
         "domhandler": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
       }
     },
     "node_modules/http-deceiver": {
@@ -10509,9 +9558,6 @@
       },
       "engines": {
         "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/typicode"
       }
     },
     "node_modules/hyphenate-style-name": {
@@ -10555,21 +9601,7 @@
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
     },
     "node_modules/iferr": {
       "version": "0.1.5",
@@ -10587,11 +9619,7 @@
     "node_modules/immer": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/immer/-/immer-8.0.1.tgz",
-      "integrity": "sha512-aqXhGP7//Gui2+UrEtvxZxSquQVXTpZ7KDxfCcKAF3Vysvw0CViVaW9RZ1j1xlIYqaaaipBoqdqeibkc18PNvA==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/immer"
-      }
+      "integrity": "sha512-aqXhGP7//Gui2+UrEtvxZxSquQVXTpZ7KDxfCcKAF3Vysvw0CViVaW9RZ1j1xlIYqaaaipBoqdqeibkc18PNvA=="
     },
     "node_modules/import-cwd": {
       "version": "2.1.0",
@@ -10614,9 +9642,6 @@
       },
       "engines": {
         "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/import-from": {
@@ -10803,9 +9828,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-arrayish": {
@@ -10819,9 +9841,6 @@
       "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
       "dependencies": {
         "has-bigints": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-binary-path": {
@@ -10846,9 +9865,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-buffer": {
@@ -10862,9 +9878,6 @@
       "integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-ci": {
@@ -10897,9 +9910,6 @@
       "integrity": "sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg==",
       "dependencies": {
         "has": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-data-descriptor": {
@@ -10933,9 +9943,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-descriptor": {
@@ -10976,9 +9983,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/is-extendable": {
@@ -11045,9 +10049,6 @@
       "integrity": "sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==",
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-number": {
@@ -11067,9 +10068,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-obj": {
@@ -11144,9 +10142,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-regexp": {
@@ -11187,9 +10182,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-symbol": {
@@ -11201,9 +10193,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-typedarray": {
@@ -11218,9 +10207,6 @@
       "dev": true,
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/is-windows": {
@@ -11320,9 +10306,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/istanbul-lib-report/node_modules/semver": {
@@ -11436,9 +10419,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
     "node_modules/jest-changed-files/node_modules/get-stream": {
@@ -11450,9 +10430,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/jest-changed-files/node_modules/is-stream": {
@@ -11461,9 +10438,6 @@
       "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/jest-changed-files/node_modules/npm-run-path": {
@@ -11558,9 +10532,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-circus/node_modules/chalk": {
@@ -11573,9 +10544,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-circus/node_modules/color-convert": {
@@ -11639,14 +10607,6 @@
       },
       "engines": {
         "node": ">= 10.14.2"
-      },
-      "peerDependencies": {
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ts-node": {
-          "optional": true
-        }
       }
     },
     "node_modules/jest-config/node_modules/ansi-styles": {
@@ -11658,9 +10618,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-config/node_modules/chalk": {
@@ -11673,9 +10630,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-config/node_modules/color-convert": {
@@ -11745,9 +10699,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/jest-config/node_modules/read-pkg/node_modules/type-fest": {
@@ -11800,9 +10751,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-diff/node_modules/chalk": {
@@ -11815,9 +10763,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-diff/node_modules/color-convert": {
@@ -11890,9 +10835,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-each/node_modules/chalk": {
@@ -11905,9 +10847,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-each/node_modules/color-convert": {
@@ -12049,9 +10988,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-jasmine2/node_modules/chalk": {
@@ -12064,9 +11000,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-jasmine2/node_modules/color-convert": {
@@ -12139,9 +11072,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-matcher-utils/node_modules/chalk": {
@@ -12154,9 +11084,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-matcher-utils/node_modules/color-convert": {
@@ -12222,9 +11149,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-message-util/node_modules/chalk": {
@@ -12237,9 +11161,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-message-util/node_modules/color-convert": {
@@ -12295,14 +11216,6 @@
       "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
       "engines": {
         "node": ">=6"
-      },
-      "peerDependencies": {
-        "jest-resolve": "*"
-      },
-      "peerDependenciesMeta": {
-        "jest-resolve": {
-          "optional": true
-        }
       }
     },
     "node_modules/jest-regex-util": {
@@ -12353,9 +11266,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-resolve/node_modules/chalk": {
@@ -12368,9 +11278,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-resolve/node_modules/color-convert": {
@@ -12422,9 +11329,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/jest-resolve/node_modules/read-pkg/node_modules/type-fest": {
@@ -12493,9 +11397,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-runner/node_modules/chalk": {
@@ -12508,9 +11409,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-runner/node_modules/color-convert": {
@@ -12580,9 +11478,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/jest-runner/node_modules/read-pkg/node_modules/type-fest": {
@@ -12661,9 +11556,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-runtime/node_modules/chalk": {
@@ -12676,9 +11568,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-runtime/node_modules/color-convert": {
@@ -12748,9 +11637,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/jest-runtime/node_modules/read-pkg/node_modules/type-fest": {
@@ -12835,9 +11721,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-snapshot/node_modules/chalk": {
@@ -12850,9 +11733,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-snapshot/node_modules/color-convert": {
@@ -12922,9 +11802,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/jest-snapshot/node_modules/read-pkg/node_modules/type-fest": {
@@ -12979,9 +11856,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-util/node_modules/chalk": {
@@ -12994,9 +11868,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-util/node_modules/color-convert": {
@@ -13059,9 +11930,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-validate/node_modules/chalk": {
@@ -13074,9 +11942,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-validate/node_modules/color-convert": {
@@ -13129,9 +11994,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "peerDependencies": {
-        "jest": "^26.0.0"
       }
     },
     "node_modules/jest-watch-typeahead/node_modules/ansi-styles": {
@@ -13143,9 +12005,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-watch-typeahead/node_modules/chalk": {
@@ -13158,9 +12017,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-watch-typeahead/node_modules/color-convert": {
@@ -13224,9 +12080,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest-watcher/node_modules/chalk": {
@@ -13239,9 +12092,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest-watcher/node_modules/color-convert": {
@@ -13320,9 +12170,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/jest/node_modules/chalk": {
@@ -13335,9 +12182,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/jest/node_modules/color-convert": {
@@ -13453,14 +12297,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "peerDependencies": {
-        "canvas": "^2.5.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
       }
     },
     "node_modules/jsdom/node_modules/acorn": {
@@ -13529,10 +12365,8 @@
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
       "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
       "dependencies": {
+        "graceful-fs": "^4.1.6",
         "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
       }
     },
     "node_modules/jss": {
@@ -13544,10 +12378,6 @@
         "csstype": "^3.0.2",
         "is-in-browser": "^1.1.3",
         "tiny-warning": "^1.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/jss"
       }
     },
     "node_modules/jss-camel-case": {
@@ -13556,9 +12386,6 @@
       "integrity": "sha512-HPF2Q7wmNW1t79mCqSeU2vdd/vFFGpkazwvfHMOhPlMgXrJDzdj9viA2SaHk9ZbD5pfL63a8ylp4++irYbbzMQ==",
       "dependencies": {
         "hyphenate-style-name": "^1.0.2"
-      },
-      "peerDependencies": {
-        "jss": "^9.7.0"
       }
     },
     "node_modules/jss-compose": {
@@ -13567,9 +12394,6 @@
       "integrity": "sha512-YofRYuiA0+VbeOw0VjgkyO380sA4+TWDrW52nSluD9n+1FWOlDzNbgpZ/Sb3Y46+DcAbOS21W5jo6SAqUEiuwA==",
       "dependencies": {
         "warning": "^3.0.0"
-      },
-      "peerDependencies": {
-        "jss": "^9.0.0"
       }
     },
     "node_modules/jss-compose/node_modules/warning": {
@@ -13583,18 +12407,12 @@
     "node_modules/jss-default-unit": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/jss-default-unit/-/jss-default-unit-8.0.2.tgz",
-      "integrity": "sha512-WxNHrF/18CdoAGw2H0FqOEvJdREXVXLazn7PQYU7V6/BWkCV0GkmWsppNiExdw8dP4TU1ma1dT9zBNJ95feLmg==",
-      "peerDependencies": {
-        "jss": "^9.4.0"
-      }
+      "integrity": "sha512-WxNHrF/18CdoAGw2H0FqOEvJdREXVXLazn7PQYU7V6/BWkCV0GkmWsppNiExdw8dP4TU1ma1dT9zBNJ95feLmg=="
     },
     "node_modules/jss-expand": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/jss-expand/-/jss-expand-5.3.0.tgz",
-      "integrity": "sha512-NiM4TbDVE0ykXSAw6dfFmB1LIqXP/jdd0ZMnlvlGgEMkMt+weJIl8Ynq1DsuBY9WwkNyzWktdqcEW2VN0RAtQg==",
-      "peerDependencies": {
-        "jss": "^9.4.0"
-      }
+      "integrity": "sha512-NiM4TbDVE0ykXSAw6dfFmB1LIqXP/jdd0ZMnlvlGgEMkMt+weJIl8Ynq1DsuBY9WwkNyzWktdqcEW2VN0RAtQg=="
     },
     "node_modules/jss-extend": {
       "version": "6.2.0",
@@ -13602,9 +12420,6 @@
       "integrity": "sha512-YszrmcB6o9HOsKPszK7NeDBNNjVyiW864jfoiHoMlgMIg2qlxKw70axZHqgczXHDcoyi/0/ikP1XaHDPRvYtEA==",
       "dependencies": {
         "warning": "^3.0.0"
-      },
-      "peerDependencies": {
-        "jss": "^9.7.0"
       }
     },
     "node_modules/jss-extend/node_modules/warning": {
@@ -13618,10 +12433,7 @@
     "node_modules/jss-global": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/jss-global/-/jss-global-3.0.0.tgz",
-      "integrity": "sha512-wxYn7vL+TImyQYGAfdplg7yaxnPQ9RaXY/cIA8hawaVnmmWxDHzBK32u1y+RAvWboa3lW83ya3nVZ/C+jyjZ5Q==",
-      "peerDependencies": {
-        "jss": "^9.0.0"
-      }
+      "integrity": "sha512-wxYn7vL+TImyQYGAfdplg7yaxnPQ9RaXY/cIA8hawaVnmmWxDHzBK32u1y+RAvWboa3lW83ya3nVZ/C+jyjZ5Q=="
     },
     "node_modules/jss-nested": {
       "version": "6.0.1",
@@ -13629,9 +12441,6 @@
       "integrity": "sha512-rn964TralHOZxoyEgeq3hXY8hyuCElnvQoVrQwKHVmu55VRDd6IqExAx9be5HgK0yN/+hQdgAXQl/GUrBbbSTA==",
       "dependencies": {
         "warning": "^3.0.0"
-      },
-      "peerDependencies": {
-        "jss": "^9.0.0"
       }
     },
     "node_modules/jss-nested/node_modules/warning": {
@@ -13724,18 +12533,12 @@
         "jss-props-sort": "^6.0.0",
         "jss-template": "^1.0.1",
         "jss-vendor-prefixer": "^7.0.0"
-      },
-      "peerDependencies": {
-        "jss": "^9.7.0"
       }
     },
     "node_modules/jss-props-sort": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/jss-props-sort/-/jss-props-sort-6.0.0.tgz",
-      "integrity": "sha512-E89UDcrphmI0LzmvYk25Hp4aE5ZBsXqMWlkFXS0EtPkunJkRr+WXdCNYbXbksIPnKlBenGB9OxzQY+mVc70S+g==",
-      "peerDependencies": {
-        "jss": "^9.0.0"
-      }
+      "integrity": "sha512-E89UDcrphmI0LzmvYk25Hp4aE5ZBsXqMWlkFXS0EtPkunJkRr+WXdCNYbXbksIPnKlBenGB9OxzQY+mVc70S+g=="
     },
     "node_modules/jss-template": {
       "version": "1.0.1",
@@ -13743,9 +12546,6 @@
       "integrity": "sha512-m5BqEWha17fmIVXm1z8xbJhY6GFJxNB9H68GVnCWPyGYfxiAgY9WTQyvDAVj+pYRgrXSOfN5V1T4+SzN1sJTeg==",
       "dependencies": {
         "warning": "^3.0.0"
-      },
-      "peerDependencies": {
-        "jss": "^9.0.0"
       }
     },
     "node_modules/jss-template/node_modules/warning": {
@@ -13762,9 +12562,6 @@
       "integrity": "sha512-Agd+FKmvsI0HLcYXkvy8GYOw3AAASBUpsmIRvVQheps+JWaN892uFOInTr0DRydwaD91vSSUCU4NssschvF7MA==",
       "dependencies": {
         "css-vendor": "^0.3.8"
-      },
-      "peerDependencies": {
-        "jss": "^9.0.0"
       }
     },
     "node_modules/jss-vendor-prefixer/node_modules/css-vendor": {
@@ -13900,9 +12697,6 @@
       },
       "bin": {
         "lint-staged": "bin/lint-staged.js"
-      },
-      "funding": {
-        "url": "https://opencollective.com/lint-staged"
       }
     },
     "node_modules/lint-staged/node_modules/ansi-styles": {
@@ -13915,9 +12709,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/lint-staged/node_modules/chalk": {
@@ -13931,9 +12722,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/lint-staged/node_modules/color-convert": {
@@ -13995,9 +12783,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
     "node_modules/lint-staged/node_modules/get-stream": {
@@ -14007,9 +12792,6 @@
       "dev": true,
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/lint-staged/node_modules/has-flag": {
@@ -14037,9 +12819,6 @@
       "dev": true,
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/lint-staged/node_modules/npm-run-path": {
@@ -14127,9 +12906,6 @@
       },
       "engines": {
         "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "enquirer": ">= 2.3.0 < 3"
       }
     },
     "node_modules/listr2/node_modules/ansi-styles": {
@@ -14142,9 +12918,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/listr2/node_modules/color-convert": {
@@ -14177,9 +12950,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
     "node_modules/load-json-file": {
@@ -14316,9 +13086,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/log-symbols/node_modules/ansi-styles": {
@@ -14331,9 +13098,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/log-symbols/node_modules/chalk": {
@@ -14347,9 +13111,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/log-symbols/node_modules/color-convert": {
@@ -14404,9 +13165,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/loglevel": {
@@ -14415,10 +13173,6 @@
       "integrity": "sha512-Hesni4s5UkWkwCGJMQGAh71PaLUmKFM60dHvq0zi/vDhhrzuk+4GgNbTXJ12YYQJn6ZKBDNIjYcuQGKudvqrIw==",
       "engines": {
         "node": ">= 0.6.0"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/loglevel"
       }
     },
     "node_modules/loose-envify": {
@@ -14669,13 +13423,6 @@
       },
       "engines": {
         "node": ">= 6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.4.0 || ^5.0.0"
       }
     },
     "node_modules/mini-css-extract-plugin/node_modules/json5": {
@@ -14897,6 +13644,12 @@
       "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
       "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE="
     },
+    "node_modules/nan": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz",
+      "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==",
+      "optional": true
+    },
     "node_modules/nanoid": {
       "version": "3.1.25",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.25.tgz",
@@ -15193,10 +13946,7 @@
     "node_modules/object-inspect": {
       "version": "1.11.0",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.11.0.tgz",
-      "integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg=="
     },
     "node_modules/object-is": {
       "version": "1.1.5",
@@ -15208,9 +13958,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/object-keys": {
@@ -15244,9 +13991,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/object.entries": {
@@ -15274,9 +14018,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/object.getownpropertydescriptors": {
@@ -15290,9 +14031,6 @@
       },
       "engines": {
         "node": ">= 0.8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/object.pick": {
@@ -15317,9 +14055,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/obuf": {
@@ -15363,9 +14098,6 @@
       },
       "engines": {
         "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/open": {
@@ -15378,9 +14110,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/opn": {
@@ -15409,9 +14138,6 @@
       "dependencies": {
         "cssnano": "^4.1.10",
         "last-call-webpack-plugin": "^3.0.0"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0"
       }
     },
     "node_modules/optionator": {
@@ -15449,9 +14175,6 @@
       "integrity": "sha512-ycIL2+1V32th+8scbpTvyHNaHe02z0sjgh91XXjAk+ZeXoPN4Z46DVUnzdso0aX4KckKw0FNNFHdjZ2UsZvxiA==",
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/p-finally": {
@@ -15471,9 +14194,6 @@
       },
       "engines": {
         "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/p-locate": {
@@ -15496,9 +14216,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/p-retry": {
@@ -15584,9 +14301,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/parse5": {
@@ -15707,9 +14421,6 @@
       "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
       "engines": {
         "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
     "node_modules/pify": {
@@ -15940,10 +14651,6 @@
       },
       "engines": {
         "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
       }
     },
     "node_modules/postcss-attribute-case-insensitive": {
@@ -15964,9 +14671,6 @@
       },
       "engines": {
         "node": ">=8.0.0"
-      },
-      "peerDependencies": {
-        "browserslist": "^4"
       }
     },
     "node_modules/postcss-calc": {
@@ -16333,10 +15037,6 @@
       },
       "engines": {
         "node": ">= 4"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
       }
     },
     "node_modules/postcss-load-config/node_modules/cosmiconfig": {
@@ -17009,10 +15709,6 @@
       },
       "engines": {
         "node": ">=10.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
       }
     },
     "node_modules/postcss-safe-parser/node_modules/postcss": {
@@ -17026,10 +15722,6 @@
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
       }
     },
     "node_modules/postcss-selector-matches": {
@@ -17152,9 +15844,6 @@
       "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
       "engines": {
         "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/pretty-error": {
@@ -17189,9 +15878,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/pretty-format/node_modules/color-convert": {
@@ -17365,9 +16051,6 @@
       },
       "engines": {
         "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/query-string": {
@@ -17386,7 +16069,6 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.1.tgz",
       "integrity": "sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==",
-      "deprecated": "The querystring API is considered Legacy. new code should use the URLSearchParams API instead.",
       "engines": {
         "node": ">=0.4.x"
       }
@@ -17407,21 +16089,7 @@
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
     },
     "node_modules/raf": {
       "version": "3.4.1",
@@ -17563,10 +16231,6 @@
       },
       "engines": {
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/browserslist"
       }
     },
     "node_modules/react-dev-utils/node_modules/cross-spawn": {
@@ -17604,9 +16268,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/react-dev-utils/node_modules/locate-path": {
@@ -17711,9 +16372,6 @@
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
         "scheduler": "^0.20.2"
-      },
-      "peerDependencies": {
-        "react": "17.0.2"
       }
     },
     "node_modules/react-error-overlay": {
@@ -17722,9 +16380,9 @@
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
     "node_modules/react-icons": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.2.0.tgz",
-      "integrity": "sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.4.0.tgz",
+      "integrity": "sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==",
       "peerDependencies": {
         "react": "*"
       }
@@ -17736,10 +16394,6 @@
       "dependencies": {
         "invariant": "^2.2.4",
         "warning": "^4.0.2"
-      },
-      "peerDependencies": {
-        "react": ">=0.14.0",
-        "react-dom": ">=0.14.0"
       }
     },
     "node_modules/react-is": {
@@ -17760,9 +16414,6 @@
       },
       "engines": {
         "node": ">=4"
-      },
-      "peerDependencies": {
-        "react": ">=0.13"
       }
     },
     "node_modules/react-jss/node_modules/hoist-non-react-statics": {
@@ -17774,7 +16425,6 @@
       "version": "9.8.7",
       "resolved": "https://registry.npmjs.org/jss/-/jss-9.8.7.tgz",
       "integrity": "sha512-awj3XRZYxbrmmrx9LUSj5pXSUfm12m8xzi/VKeqI1ZwWBtQ0kVPTs3vYs32t4rFw83CgFDukA8wKzOE9sMQnoQ==",
-      "hasInstallScript": true,
       "dependencies": {
         "is-in-browser": "^1.1.3",
         "symbol-observable": "^1.1.0",
@@ -17798,10 +16448,6 @@
       "integrity": "sha512-RU2vpEej6G4ECei0h3q6bgLU10of9Lw5O+4AwF/mtkrX5oY20Sh/AxoPJ7etbrs/7Q3u4jN5qwCwGLRKCHpk6g==",
       "dependencies": {
         "prop-types": "^15.7.2"
-      },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
       }
     },
     "node_modules/react-refresh": {
@@ -17818,9 +16464,6 @@
       "integrity": "sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==",
       "dependencies": {
         "history": "^5.2.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8"
       }
     },
     "node_modules/react-router-dom": {
@@ -17830,10 +16473,6 @@
       "dependencies": {
         "history": "^5.2.0",
         "react-router": "6.3.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8",
-        "react-dom": ">=16.8"
       }
     },
     "node_modules/react-scripts": {
@@ -17908,15 +16547,6 @@
       },
       "optionalDependencies": {
         "fsevents": "^2.1.3"
-      },
-      "peerDependencies": {
-        "react": ">= 16",
-        "typescript": "^3.2.1 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
     "node_modules/react-shimmer-effect": {
@@ -17926,10 +16556,6 @@
       "dependencies": {
         "classnames": "^2.2.6",
         "react-jss": "^8.6.1"
-      },
-      "peerDependencies": {
-        "react": "^16.8.1",
-        "react-dom": "^16.8.1"
       }
     },
     "node_modules/react-toastify": {
@@ -17938,10 +16564,6 @@
       "integrity": "sha512-Rol7+Cn39hZp5hQ/k6CbMNE2CKYV9E5OQdC/hBLtIQU2xz7DdAm7xil4NITQTHR6zEbE5RVFbpgSwTD7xRGLeQ==",
       "dependencies": {
         "clsx": "^1.1.1"
-      },
-      "peerDependencies": {
-        "react": ">=16",
-        "react-dom": ">=16"
       }
     },
     "node_modules/react-transition-group": {
@@ -17953,19 +16575,12 @@
         "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/react-useinterval": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/react-useinterval/-/react-useinterval-1.0.2.tgz",
-      "integrity": "sha512-aC0ATWbm1HaQjp7ILQzn6qge0K70cAgVzIhdUtDXPo9ho7W84MJ7/KOJIKMoi1hFwMp8lQDMYuVUDDk/3mn6sw==",
-      "peerDependencies": {
-        "react": ">= 16.8.0"
-      }
+      "integrity": "sha512-aC0ATWbm1HaQjp7ILQzn6qge0K70cAgVzIhdUtDXPo9ho7W84MJ7/KOJIKMoi1hFwMp8lQDMYuVUDDk/3mn6sw=="
     },
     "node_modules/read-pkg": {
       "version": "3.0.0",
@@ -18177,9 +16792,6 @@
       },
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/regexpp": {
@@ -18188,9 +16800,6 @@
       "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
       }
     },
     "node_modules/regexpu-core": {
@@ -18276,9 +16885,6 @@
         "domhandler": "^4.2.0",
         "domutils": "^2.6.0",
         "nth-check": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
       }
     },
     "node_modules/renderkid/node_modules/css-what": {
@@ -18287,9 +16893,6 @@
       "integrity": "sha512-FYDTSHb/7KXsWICVsxdmiExPjCfRC4qRFBdVwv7Ax9hMnvMmEjP9RfxTEZ3qPZGmADDn2vAKSo9UcN1jKVYscg==",
       "engines": {
         "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
       }
     },
     "node_modules/renderkid/node_modules/dom-serializer": {
@@ -18300,21 +16903,12 @@
         "domelementtype": "^2.0.1",
         "domhandler": "^4.2.0",
         "entities": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
       }
     },
     "node_modules/renderkid/node_modules/domelementtype": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
+      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
     },
     "node_modules/renderkid/node_modules/domutils": {
       "version": "2.7.0",
@@ -18324,9 +16918,6 @@
         "dom-serializer": "^1.0.1",
         "domelementtype": "^2.2.0",
         "domhandler": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
       }
     },
     "node_modules/renderkid/node_modules/nth-check": {
@@ -18335,9 +16926,6 @@
       "integrity": "sha512-i4sc/Kj8htBrAiH1viZ0TgU8Y5XqCaV/FziYK6TBczxmeKm3AEFWqqF3195yKudrarqy7Zu80Ra5dobFjn9X/Q==",
       "dependencies": {
         "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
       }
     },
     "node_modules/renderkid/node_modules/strip-ansi": {
@@ -18400,9 +16988,6 @@
       "dependencies": {
         "is-core-module": "^2.0.0",
         "path-parse": "^1.0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/resolve-cwd": {
@@ -18435,8 +17020,7 @@
     "node_modules/resolve-url": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
-      "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
-      "deprecated": "https://github.com/lydell/resolve-url#deprecated"
+      "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo="
     },
     "node_modules/resolve-url-loader": {
       "version": "3.1.4",
@@ -18587,9 +17171,6 @@
       "integrity": "sha512-DSOJTWHD67860I5ojetXdEQRIBvF6YcpNe53j0vn1vp9EUb9N80EiZTxgP+FkDKorWC8PZw052kTF4C1GOivCQ==",
       "dependencies": {
         "@babel/runtime": "^7.3.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.8"
       }
     },
     "node_modules/rimraf": {
@@ -18601,9 +17182,6 @@
       },
       "bin": {
         "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/ripemd160": {
@@ -18632,14 +17210,9 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/rollup-plugin-babel/-/rollup-plugin-babel-4.4.0.tgz",
       "integrity": "sha512-Lek/TYp1+7g7I+uMfJnnSJ7YWoD58ajo6Oarhlex7lvUce+RCKRuGRSgztDO3/MF/PuGKmUL5iTHKf208UNszw==",
-      "deprecated": "This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.",
       "dependencies": {
         "@babel/helper-module-imports": "^7.0.0",
         "rollup-pluginutils": "^2.8.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "7 || ^7.0.0-rc.2",
-        "rollup": ">=0.60.0 <3"
       }
     },
     "node_modules/rollup-plugin-terser": {
@@ -18652,9 +17225,6 @@
         "rollup-pluginutils": "^2.8.2",
         "serialize-javascript": "^4.0.0",
         "terser": "^4.6.2"
-      },
-      "peerDependencies": {
-        "rollup": ">=0.66.0 <3"
       }
     },
     "node_modules/rollup-plugin-terser/node_modules/jest-worker": {
@@ -18713,20 +17283,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
@@ -18773,7 +17329,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/sane/-/sane-4.1.0.tgz",
       "integrity": "sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==",
-      "deprecated": "some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added",
       "dependencies": {
         "@cnakazawa/watch": "^1.0.3",
         "anymatch": "^2.0.0",
@@ -18943,27 +17498,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0",
-        "sass": "^1.3.0",
-        "webpack": "^4.36.0 || ^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "fibers": {
-          "optional": true
-        },
-        "node-sass": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
       }
     },
     "node_modules/sass-loader/node_modules/schema-utils": {
@@ -18977,10 +17511,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/sax": {
@@ -19019,10 +17549,6 @@
       },
       "engines": {
         "node": ">= 8.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/select-hose": {
@@ -19267,9 +17793,6 @@
         "call-bind": "^1.0.0",
         "get-intrinsic": "^1.0.2",
         "object-inspect": "^1.9.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/signal-exit": {
@@ -19314,9 +17837,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
       }
     },
     "node_modules/slice-ansi/node_modules/ansi-styles": {
@@ -19328,9 +17848,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/slice-ansi/node_modules/color-convert": {
@@ -19518,7 +18035,6 @@
       "version": "3.4.0",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
       "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
-      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
       "bin": {
         "uuid": "bin/uuid"
       }
@@ -19559,7 +18075,6 @@
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
       "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
-      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
       "dependencies": {
         "atob": "^2.1.2",
         "decode-uri-component": "^0.2.0",
@@ -19588,8 +18103,7 @@
     "node_modules/source-map-url": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
-      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
-      "deprecated": "See https://github.com/lydell/source-map-url#deprecated"
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw=="
     },
     "node_modules/sourcemap-codec": {
       "version": "1.4.8",
@@ -19855,9 +18369,6 @@
         "internal-slot": "^1.0.3",
         "regexp.prototype.flags": "^1.3.1",
         "side-channel": "^1.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/string.prototype.trimend": {
@@ -19867,9 +18378,6 @@
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/string.prototype.trimstart": {
@@ -19879,9 +18387,6 @@
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/stringify-object": {
@@ -19969,9 +18474,6 @@
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/style-loader": {
@@ -19984,13 +18486,6 @@
       },
       "engines": {
         "node": ">= 8.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
       }
     },
     "node_modules/styled-components": {
@@ -20011,15 +18506,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/styled-components"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0",
-        "react-dom": ">= 16.8.0",
-        "react-is": ">= 16.8.0"
       }
     },
     "node_modules/stylehacks": {
@@ -20099,7 +18585,6 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
       "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
-      "deprecated": "This SVGO version is no longer supported. Upgrade to v2.x.x.",
       "dependencies": {
         "chalk": "^2.4.1",
         "coa": "^2.0.2",
@@ -20160,10 +18645,6 @@
         "json-schema-traverse": "^1.0.0",
         "require-from-string": "^2.0.2",
         "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
     "node_modules/table/node_modules/json-schema-traverse": {
@@ -20245,9 +18726,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/terser": {
@@ -20283,13 +18761,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/commander": {
@@ -20308,9 +18779,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/make-dir": {
@@ -20322,9 +18790,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/p-limit": {
@@ -20336,9 +18801,6 @@
       },
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/pkg-dir": {
@@ -20363,10 +18825,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/semver": {
@@ -20457,9 +18915,6 @@
         "is-function": "^1.0.1",
         "is-plain-object": "^2.0.1",
         "prop-types": "^15.5.8"
-      },
-      "peerDependencies": {
-        "react": ">=0.15"
       }
     },
     "node_modules/throat": {
@@ -20624,11 +19079,6 @@
       "integrity": "sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==",
       "engines": {
         "node": ">=6"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
     "node_modules/tsconfig-paths": {
@@ -20655,9 +19105,6 @@
       },
       "engines": {
         "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
       }
     },
     "node_modules/tty-browserify": {
@@ -20695,9 +19142,6 @@
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/type-is": {
@@ -20734,9 +19178,6 @@
         "has-bigints": "^1.0.1",
         "has-symbols": "^1.0.2",
         "which-boxed-primitive": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/underscore": {
@@ -20917,8 +19358,7 @@
     "node_modules/urix": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
-      "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=",
-      "deprecated": "Please see https://github.com/lydell/urix#deprecated"
+      "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI="
     },
     "node_modules/url": {
       "version": "0.11.0",
@@ -20940,19 +19380,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "file-loader": "*",
-        "webpack": "^4.0.0 || ^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "file-loader": {
-          "optional": true
-        }
       }
     },
     "node_modules/url-loader/node_modules/schema-utils": {
@@ -20966,10 +19393,6 @@
       },
       "engines": {
         "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/url-parse": {
@@ -20990,7 +19413,6 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
       "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
-      "deprecated": "The querystring API is considered Legacy. new code should use the URLSearchParams API instead.",
       "engines": {
         "node": ">=0.4.x"
       }
@@ -21025,9 +19447,6 @@
         "es-abstract": "^1.17.2",
         "has-symbols": "^1.0.1",
         "object.getownpropertydescriptors": "^2.1.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/util/node_modules/inherits": {
@@ -21119,11 +19538,7 @@
     "node_modules/vendors": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
-      "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
+      "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w=="
     },
     "node_modules/vm-browserify": {
       "version": "1.1.2",
@@ -21255,12 +19670,12 @@
       "version": "2.1.8",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
       "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
-      "deprecated": "Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies",
       "optional": true,
       "dependencies": {
         "anymatch": "^2.0.0",
         "async-each": "^1.0.1",
         "braces": "^2.3.2",
+        "fsevents": "^1.2.7",
         "glob-parent": "^3.1.0",
         "inherits": "^2.0.3",
         "is-binary-path": "^1.0.0",
@@ -21269,9 +19684,6 @@
         "path-is-absolute": "^1.0.0",
         "readdirp": "^2.2.1",
         "upath": "^1.1.1"
-      },
-      "optionalDependencies": {
-        "fsevents": "^1.2.7"
       }
     },
     "node_modules/watchpack-chokidar2/node_modules/fill-range": {
@@ -21305,7 +19717,6 @@
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
       "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
-      "deprecated": "fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.",
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -21483,18 +19894,6 @@
       },
       "engines": {
         "node": ">=6.11.5"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        },
-        "webpack-command": {
-          "optional": true
-        }
       }
     },
     "node_modules/webpack-dev-middleware": {
@@ -21510,9 +19909,6 @@
       },
       "engines": {
         "node": ">= 6"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
       }
     },
     "node_modules/webpack-dev-middleware/node_modules/mime": {
@@ -21570,14 +19966,6 @@
       },
       "engines": {
         "node": ">= 6.11.5"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        }
       }
     },
     "node_modules/webpack-dev-server/node_modules/ansi-regex": {
@@ -21659,7 +20047,6 @@
       "version": "2.1.8",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
       "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
-      "deprecated": "Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies",
       "dependencies": {
         "anymatch": "^2.0.0",
         "async-each": "^1.0.1",
@@ -21751,7 +20138,6 @@
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
       "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
-      "deprecated": "fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.",
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -22112,7 +20498,6 @@
       "version": "3.4.0",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
       "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
-      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
       "bin": {
         "uuid": "bin/uuid"
       }
@@ -22129,9 +20514,6 @@
       },
       "engines": {
         "node": ">=6.11.5"
-      },
-      "peerDependencies": {
-        "webpack": "2 || 3 || 4"
       }
     },
     "node_modules/webpack-manifest-plugin/node_modules/fs-extra": {
@@ -22151,7 +20533,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
-      "optionalDependencies": {
+      "dependencies": {
         "graceful-fs": "^4.1.6"
       }
     },
@@ -22436,9 +20818,6 @@
       },
       "engines": {
         "node": ">= 6.9.0"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0"
       }
     },
     "node_modules/webpack/node_modules/to-regex-range": {
@@ -22531,9 +20910,6 @@
         "is-number-object": "^1.0.4",
         "is-string": "^1.0.5",
         "is-symbol": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/which-module": {
@@ -22628,7 +21004,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
-      "optionalDependencies": {
+      "dependencies": {
         "graceful-fs": "^4.1.6"
       }
     },
@@ -22749,9 +21125,6 @@
       },
       "engines": {
         "node": ">=8.0.0"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0"
       }
     },
     "node_modules/workbox-window": {
@@ -22800,9 +21173,6 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/wrap-ansi/node_modules/color-convert": {
@@ -22843,18 +21213,6 @@
       "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
       "engines": {
         "node": ">=8.3.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
       }
     },
     "node_modules/xml-name-validator": {
@@ -22940,9 +21298,6 @@
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "engines": {
         "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     }
   },
@@ -24884,8 +23239,7 @@
     "@material-ui/types": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@material-ui/types/-/types-5.1.0.tgz",
-      "integrity": "sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==",
-      "requires": {}
+      "integrity": "sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A=="
     },
     "@material-ui/utils": {
       "version": "4.11.2",
@@ -25979,8 +24333,7 @@
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "requires": {}
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -26032,14 +24385,12 @@
     "ajv-errors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
-      "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
-      "requires": {}
+      "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ=="
     },
     "ajv-keywords": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "requires": {}
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
     },
     "alphanum-sort": {
       "version": "1.0.2",
@@ -26498,8 +24849,7 @@
     "babel-plugin-named-asset-import": {
       "version": "0.3.7",
       "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.7.tgz",
-      "integrity": "sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw==",
-      "requires": {}
+      "integrity": "sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw=="
     },
     "babel-plugin-polyfill-corejs2": {
       "version": "0.2.2",
@@ -26885,6 +25235,15 @@
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
       "optional": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -29336,8 +27695,7 @@
     "eslint-plugin-react-hooks": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz",
-      "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==",
-      "requires": {}
+      "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ=="
     },
     "eslint-plugin-testing-library": {
       "version": "3.10.2",
@@ -29898,6 +28256,12 @@
       "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
       "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "optional": true
+    },
     "filesize": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz",
@@ -32191,8 +30555,7 @@
     "jest-pnp-resolver": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
-      "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "requires": {}
+      "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w=="
     },
     "jest-regex-util": {
       "version": "26.0.0",
@@ -33087,14 +31450,12 @@
     "jss-default-unit": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/jss-default-unit/-/jss-default-unit-8.0.2.tgz",
-      "integrity": "sha512-WxNHrF/18CdoAGw2H0FqOEvJdREXVXLazn7PQYU7V6/BWkCV0GkmWsppNiExdw8dP4TU1ma1dT9zBNJ95feLmg==",
-      "requires": {}
+      "integrity": "sha512-WxNHrF/18CdoAGw2H0FqOEvJdREXVXLazn7PQYU7V6/BWkCV0GkmWsppNiExdw8dP4TU1ma1dT9zBNJ95feLmg=="
     },
     "jss-expand": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/jss-expand/-/jss-expand-5.3.0.tgz",
-      "integrity": "sha512-NiM4TbDVE0ykXSAw6dfFmB1LIqXP/jdd0ZMnlvlGgEMkMt+weJIl8Ynq1DsuBY9WwkNyzWktdqcEW2VN0RAtQg==",
-      "requires": {}
+      "integrity": "sha512-NiM4TbDVE0ykXSAw6dfFmB1LIqXP/jdd0ZMnlvlGgEMkMt+weJIl8Ynq1DsuBY9WwkNyzWktdqcEW2VN0RAtQg=="
     },
     "jss-extend": {
       "version": "6.2.0",
@@ -33117,8 +31478,7 @@
     "jss-global": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/jss-global/-/jss-global-3.0.0.tgz",
-      "integrity": "sha512-wxYn7vL+TImyQYGAfdplg7yaxnPQ9RaXY/cIA8hawaVnmmWxDHzBK32u1y+RAvWboa3lW83ya3nVZ/C+jyjZ5Q==",
-      "requires": {}
+      "integrity": "sha512-wxYn7vL+TImyQYGAfdplg7yaxnPQ9RaXY/cIA8hawaVnmmWxDHzBK32u1y+RAvWboa3lW83ya3nVZ/C+jyjZ5Q=="
     },
     "jss-nested": {
       "version": "6.0.1",
@@ -33225,8 +31585,7 @@
     "jss-props-sort": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/jss-props-sort/-/jss-props-sort-6.0.0.tgz",
-      "integrity": "sha512-E89UDcrphmI0LzmvYk25Hp4aE5ZBsXqMWlkFXS0EtPkunJkRr+WXdCNYbXbksIPnKlBenGB9OxzQY+mVc70S+g==",
-      "requires": {}
+      "integrity": "sha512-E89UDcrphmI0LzmvYk25Hp4aE5ZBsXqMWlkFXS0EtPkunJkRr+WXdCNYbXbksIPnKlBenGB9OxzQY+mVc70S+g=="
     },
     "jss-template": {
       "version": "1.0.1",
@@ -34120,6 +32479,12 @@
       "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
       "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE="
     },
+    "nan": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz",
+      "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==",
+      "optional": true
+    },
     "nanoid": {
       "version": "3.1.25",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.25.tgz",
@@ -36371,9 +34736,9 @@
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
     "react-icons": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.2.0.tgz",
-      "integrity": "sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.4.0.tgz",
+      "integrity": "sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==",
       "requires": {}
     },
     "react-input-mask": {
@@ -36554,8 +34919,7 @@
     "react-useinterval": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/react-useinterval/-/react-useinterval-1.0.2.tgz",
-      "integrity": "sha512-aC0ATWbm1HaQjp7ILQzn6qge0K70cAgVzIhdUtDXPo9ho7W84MJ7/KOJIKMoi1hFwMp8lQDMYuVUDDk/3mn6sw==",
-      "requires": {}
+      "integrity": "sha512-aC0ATWbm1HaQjp7ILQzn6qge0K70cAgVzIhdUtDXPo9ho7W84MJ7/KOJIKMoi1hFwMp8lQDMYuVUDDk/3mn6sw=="
     },
     "read-pkg": {
       "version": "3.0.0",
@@ -40454,8 +38818,7 @@
     "ws": {
       "version": "7.5.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.3.tgz",
-      "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
-      "requires": {}
+      "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg=="
     },
     "xml-name-validator": {
       "version": "3.0.0",
diff --git a/package.json b/package.json
index 5853792..485022b 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "qs": "^6.10.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-icons": "^4.2.0",
+    "react-icons": "^4.4.0",
     "react-input-mask": "^2.0.4",
     "react-loader-spinner": "^4.0.0",
     "react-router-dom": "^6.3.0",
diff --git a/public/index.html b/public/index.html
index 5f090e4..a582741 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
     <title>Driven.t</title>
   </head>
   <body>
diff --git a/src/assets/images/CreditCardMockUp.png b/src/assets/images/CreditCardMockUp.png
new file mode 100644
index 0000000..43a511a
Binary files /dev/null and b/src/assets/images/CreditCardMockUp.png differ
diff --git a/src/assets/images/checkVector.png b/src/assets/images/checkVector.png
new file mode 100644
index 0000000..40eb343
Binary files /dev/null and b/src/assets/images/checkVector.png differ
diff --git a/src/components/Activities/ActivitiesTracks.js b/src/components/Activities/ActivitiesTracks.js
new file mode 100644
index 0000000..390b05b
--- /dev/null
+++ b/src/components/Activities/ActivitiesTracks.js
@@ -0,0 +1,217 @@
+import styled from 'styled-components';
+import dayjs from 'dayjs';
+import 'dayjs/locale/pt';
+import { toast } from 'react-toastify';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import localizedFormat from 'dayjs/plugin/localizedFormat';
+import { useState } from 'react';
+import { getSeats } from '../../services/activityApi';
+import { TiDeleteOutline } from 'react-icons/ti'; 
+import { CgEnter } from 'react-icons/cg'; 
+
+export default function ActivitiesTracks({ showLabel, selectedDayActivities }) {  
+  dayjs.extend(advancedFormat);
+  dayjs.extend(localizedFormat);
+  dayjs.locale('pt');
+
+  const handleNewUserActivity = (activity) => {
+    console.log('adicionar essa atividade: ', activity);
+  };
+
+  return (
+    <Container showLabel={showLabel}>
+      <Track>
+        <StyleLabel>Auditório Principal</StyleLabel>
+        <Timeline>
+          {selectedDayActivities?.map((el) =>
+            el.locationId === 1 ? (
+              <ActivityBox duration={dayjs(el.endTime).format('HH') - dayjs(el.startTime).format('HH')}>
+                <div style={{ width: '180px' }}>
+                  <ActivityTitle>{el.name}</ActivityTitle>
+                  <ActivityTimeSlot>
+                    {dayjs(el.startTime).format('HH:00')} - {dayjs(el.endTime).format('HH:00')}
+                  </ActivityTimeSlot>
+                </div>
+                <Divider />
+                <StatusWrapper>
+                  <HandleSeats>{el}</HandleSeats>
+                </StatusWrapper>
+              </ActivityBox>
+            ) : null
+          )}
+        </Timeline>
+      </Track>
+      <Track>
+        <StyleLabel>Auditório Lateral</StyleLabel>
+        <Timeline>
+          {selectedDayActivities?.map((el) =>
+            el.locationId === 2 ? (
+              <ActivityBox duration={dayjs(el.endTime).format('HH') - dayjs(el.startTime).format('HH')}>
+                <div style={{ width: '180px' }}>
+                  <ActivityTitle>{el.name}</ActivityTitle>
+                  <ActivityTimeSlot>
+                    {dayjs(el.startTime).format('HH:00')} - {dayjs(el.endTime).format('HH:00')}
+                  </ActivityTimeSlot>
+                </div>
+                <Divider />
+                <StatusWrapper>
+                  <HandleSeats>{el}</HandleSeats>
+                </StatusWrapper>
+              </ActivityBox>
+            ) : null
+          )}
+        </Timeline>
+      </Track>
+      <Track>
+        <StyleLabel>Sala de Workshop</StyleLabel>
+        <Timeline>
+          {selectedDayActivities?.map((el) =>
+            el.locationId === 3 ? (
+              <ActivityBox duration={dayjs(el.endTime).format('HH') - dayjs(el.startTime).format('HH')}>
+                <div style={{ width: '180px' }}>
+                  <ActivityTitle>{el.name}</ActivityTitle>
+                  <ActivityTimeSlot>
+                    {dayjs(el.startTime).format('HH:00')} - {dayjs(el.endTime).format('HH:00')}
+                  </ActivityTimeSlot>
+                </div>
+                <Divider />
+                <StatusWrapper>
+                  <HandleSeats>{el}</HandleSeats>
+                </StatusWrapper>
+              </ActivityBox>
+            ) : null
+          )}
+        </Timeline>
+      </Track>
+    </Container>
+  );
+
+  function HandleSeats({ children }) {
+    let body = {
+      activityId: children.id,
+      locationId: children.locationId
+    };
+    const [available, setAvailable] = useState(null);
+
+    const resposta = getSeats(body);
+    resposta.then((response) => {
+      setAvailable(response.data.length);
+    });
+    resposta.catch(error => toast('Falha ao carregar vagas disponiveis!'));
+
+    if (available === null) {
+      return <div>...</div>;
+    }
+    if (available === 0) {
+      return (
+        <span style={{ color: 'red' }}>
+          <div><TiDeleteOutline/></div>
+          <div><p>esgotado</p></div>
+        </span>
+      );
+    };
+    if (available === 1) {
+      return (
+        <span style={{ color: 'green' }} onClick={() => handleNewUserActivity(body)}>
+          <div><CgEnter/></div>
+          <div>{available} vaga</div>
+        </span>
+      );
+    };
+    if (available > 1) {
+      return (
+        <span style={{ color: 'green' }} onClick={() => handleNewUserActivity(body)}>
+          <div> <CgEnter /> </div>
+          <div><p>{available} vagas </p></div>
+        </span>
+      );
+    };
+  };
+}
+
+const Container = styled.div`
+  display: ${({ showLabel }) => (showLabel ? 'none' : 'flex')};
+  flex-direction: row;
+`;
+
+const Track = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 288px;
+`;
+
+const Timeline = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 288px;
+  height: 389.96px;
+  padding: 9.96px;
+  border: 1px solid #d7d7d7;
+  gap: 10px;
+`;
+
+const StyleLabel = styled.p`
+  font-family: 'Roboto', normal;
+  font-size: 17px;
+  font-weight: 400;
+  color: #8e8e8e;
+  text-align: center;
+  margin-bottom: 13px;
+`;
+
+const ActivityBox = styled.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: 265px;
+  height: ${({ duration }) => `${duration * 80 + (duration - 1) * 0.5}px`};
+  background: #f1f1f1;
+  border-radius: 5px;
+  padding: 12px 10px 12px 10px;
+`;
+
+const ActivityTitle = styled.p`
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 14px;
+  color: #343434;
+  text-align: left;
+`;
+
+const ActivityTimeSlot = styled.p`
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 14px;
+  color: #343434;
+  text-align: left;
+`;
+
+const Divider = styled.div`
+  width: 0px;
+  height: 100%;
+  border: 1px solid #cfcfcf;
+  margin-left: 10px;
+  margin-right: 10px;
+`;
+const StatusWrapper = styled.div`
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  div{
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    p{
+      font-size:8px 
+    }
+    svg{
+      font-size:24px ;
+    }
+  }
+`;
diff --git a/src/components/Activities/FormActivity.js b/src/components/Activities/FormActivity.js
new file mode 100644
index 0000000..abbc269
--- /dev/null
+++ b/src/components/Activities/FormActivity.js
@@ -0,0 +1,86 @@
+import styled from 'styled-components';
+import useActivity from '../../hooks/api/useActivity';
+import dayjs from 'dayjs';
+import 'dayjs/locale/pt';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import localizedFormat from 'dayjs/plugin/localizedFormat';
+import { useState } from 'react';
+import ActivitiesTracks from './ActivitiesTracks';
+
+export default function FormActivity() {
+  dayjs.extend(advancedFormat);
+  dayjs.extend(localizedFormat);
+  const { activities } = useActivity();
+  dayjs.locale('pt');
+  const activitiesDaysArray = activities?.map((el) => dayjs(el.date).format('dddd, DD/MM'));
+  const activitiesDays = [...new Set(activitiesDaysArray)];
+
+  const [dayOption, setDayOption] = useState('');
+  const [selectedDayActivities, setSelectedDayActivities] = useState([]);
+  const [showLabel, setShowLabel] = useState(true);
+
+  function handleDayOption(id, el) {
+    setDayOption(id);
+    setShowLabel(false);
+    setSelectedDayActivities(activities?.filter((element) => dayjs(element.date).format('dddd, DD/MM') === el));
+  }
+
+  return (
+    <Container>
+      <StyleLabel showLabel={showLabel}>Primeiro, filtre pelo dia do evento</StyleLabel>
+      <List>
+        {activitiesDays.map((el, id) => (
+          <DayButton onClick={() => handleDayOption(`button_${id}`, el)} id={`button_${id}`} state={dayOption}>
+            {el}
+          </DayButton>
+        ))}
+      </List>
+      <ActivitiesTracks showLabel={showLabel} selectedDayActivities={selectedDayActivities} />
+    </Container>
+  );
+}
+const Container = styled.div`
+  padding: 0 0 30px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 37px;
+`;
+
+const List = styled.div`
+  width: 100%;
+
+  margin-bottom: 15px;
+
+  display: flex;
+  flex-direction: row;
+  align-items: start;
+  gap: 37px;
+`;
+
+const DayButton = styled.button`
+  all: unset;
+  width: 131px;
+  height: 37px;
+
+  background: ${({ id, state }) => (id === state ? '#FFD37D' : '#E0E0E0')};
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: center;
+
+  color: #000000;
+`;
+
+const StyleLabel = styled.p`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 400;
+  color: #8e8e8e;
+  display: ${({ showLabel }) => (showLabel ? 'block' : 'none')};
+`;
diff --git a/src/components/Activities/index.js b/src/components/Activities/index.js
new file mode 100644
index 0000000..d704f22
--- /dev/null
+++ b/src/components/Activities/index.js
@@ -0,0 +1,40 @@
+import Message from '../Message';
+import styled from 'styled-components';
+import Typography from '@material-ui/core/Typography';
+import useEnrollment from '../../hooks/api/useEnrollment';
+import FormActivity from './FormActivity';
+
+export default function ActivitiesPage() {
+  const { enrollment } = useEnrollment();
+
+  return (
+    <Container>
+      <StyledTypography variant="h4">Escolha de atividades</StyledTypography>
+      {enrollment?.payment ? (
+        enrollment.payment.ticketModality !== 'PRESENTIAL' ? (
+          <Message text="Sua modalidade de ingresso não necessita escolher atividade. Você terá acesso a todas as atividades." />
+        ) : (
+          <FormActivity />
+        )
+      ) : (
+        <Message text="Você precisa ter confirmado pagamento antes de fazer a escolha de atividades" />
+      )}
+    </Container>
+  );
+}
+
+const Container = styled.div`
+  width: 100%;
+  height: 100%;
+
+  padding: 0 0 50px 0;
+
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 37px;
+`;
+
+const StyledTypography = styled(Typography)`
+  margin-bottom: -10px !important;
+`;
diff --git a/src/components/Dashboard/NavigationBar/index.js b/src/components/Dashboard/NavigationBar/index.js
index 86a6da9..a7e75f7 100644
--- a/src/components/Dashboard/NavigationBar/index.js
+++ b/src/components/Dashboard/NavigationBar/index.js
@@ -29,28 +29,28 @@ export default function NavigationBar() {
       </Link>
 
       <Link to="/dashboard/payment">
-        <NavigationButton active={isActive('/dashboard/paymen')}>
+        <NavigationButton active={isActive('/dashboard/payment')}>
           <FaMoneyBill />
           <span>Pagamento</span>
         </NavigationButton>
       </Link>
 
       <Link to="/dashboard/hotel">
-        <NavigationButton active={isActive('/dashboard/hote')}>
+        <NavigationButton active={isActive('/dashboard/hotel')}>
           <FaBed />
           <span>Hotel</span>
         </NavigationButton>
       </Link>
 
       <Link to="/dashboard/activities">
-        <NavigationButton active={isActive('/dashboard/activitie')}>
+        <NavigationButton active={isActive('/dashboard/activities')}>
           <FaCalendarWeek />
           <span>Atividades</span>
         </NavigationButton>
       </Link>
 
       <Link to="/dashboard/certificate">
-        <NavigationButton active={isActive('/dashboard/certificat')}>
+        <NavigationButton active={isActive('/dashboard/certificate')}>
           <FaCertificate />
           <span>Certificado</span>
         </NavigationButton>
diff --git a/src/components/Hotels/FormHotel.js b/src/components/Hotels/FormHotel.js
new file mode 100644
index 0000000..59f4495
--- /dev/null
+++ b/src/components/Hotels/FormHotel.js
@@ -0,0 +1,134 @@
+import styled from 'styled-components';
+import useHotel from '../../hooks/api/useHotel';
+import HotelInfo from './HotelInfo';
+import { toast } from 'react-toastify';
+import { useState } from 'react';
+import RoomInfo from './RoomInfo';
+import Button from '../Form/Button';
+import useBookHotelRoom from '../../hooks/api/useBookHotelRoom';
+import useEnrollment from '../../hooks/api/useEnrollment';
+import useToken from '../../hooks/useToken';
+import useDeleteBedRental from '../../hooks/api/useDeleteBedRental';
+
+export default function FormHotel({ setRoomSelected, changeHotelButton, setChangeHotelButton }) {
+  const token = useToken();
+  const { hotels } = useHotel();
+  const { selectRoom } = useBookHotelRoom();
+  const { deleteRental } = useDeleteBedRental();
+  const { enrollment } = useEnrollment();
+  const [hotel, setHotel] = useState({
+    id: null,
+    name: null
+  });
+  const [rooms, setRooms] = useState([]);
+  const [selectedRoom, setSelectedRoom] = useState({
+    id: null
+  });
+
+  async function submit() {
+    if (changeHotelButton.selected === false) {
+      try {
+        await selectRoom({
+          id: selectedRoom.id,
+          enrollmentId: enrollment.id
+        }, token);
+        setRoomSelected(true);
+        toast('Hotel reservado com sucesso!');
+      } catch {
+        toast('Falha ao reservar o hotel!');
+      }
+    }
+    else {
+      const lastHotel = {
+        roomId: changeHotelButton.lastHotel.roomId,
+        enrollmentId: changeHotelButton.lastHotel.enrollmentId
+      };
+      let changeHotel = {
+        selected: false,
+        lastHotel: {
+          id: null,
+          enrollmentId: null,
+          roomId: null,
+        }
+      };
+
+      try {
+        await deleteRental(lastHotel, token);
+        await selectRoom({
+          id: selectedRoom.id,
+          enrollmentId: enrollment.id
+        }, token);
+        setRoomSelected(true);
+        setChangeHotelButton(changeHotel);
+        toast('Troca realizada com sucesso!');
+      } catch {
+        toast('Falha ao trocar seu quarto!');
+      }
+    }
+  }
+
+  return (
+    <Container>
+      <StyleLabel>Primeiro, escolha seu hotel</StyleLabel>
+      <List>
+        {hotels?.map((el) => (
+          <HotelInfo key={el.id} data={el} hotel={hotel} setHotel={setHotel} setRooms={setRooms} />
+        ))}
+      </List>
+      {(hotel.id) ?
+        <>
+          <StyleLabel>Ótima pedida! Agora escolha seu quarto</StyleLabel>
+          <RoomList>
+            {rooms.map((el) => (
+              <RoomInfo key={el.id} data={el} selectedRoom={selectedRoom} setSelectedRoom={setSelectedRoom} />
+            ))}
+          </RoomList>
+        </>
+        : ''}
+      {(selectedRoom.id) ?
+        <Button onClick={submit}>
+         
+          {(changeHotelButton.selected) ? 'CONFIRMAR TROCA DE QUARTO'
+            :'RESERVAR QUARTO'}
+        </Button>
+        : ''
+      }
+    </Container>
+  );
+}
+const Container = styled.div`
+  padding: 0 0 30px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 37px;
+`;
+
+const List = styled.div`
+  width: 100%;
+
+  margin-bottom: 15px;
+
+  display: flex;
+  flex-direction: row;
+  align-items: start;
+  gap: 37px;
+`;
+
+const RoomList = styled.div`
+  width: 100%;
+
+  margin-bottom: 15px;
+
+  display: flex;
+  flex-wrap: wrap;
+  align-items: start;
+  gap: 17px;
+`;
+
+const StyleLabel = styled.p`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 400;
+  color: #8e8e8e;
+`;
diff --git a/src/components/Hotels/HotelInfo.js b/src/components/Hotels/HotelInfo.js
new file mode 100644
index 0000000..751cf7d
--- /dev/null
+++ b/src/components/Hotels/HotelInfo.js
@@ -0,0 +1,104 @@
+import styled from 'styled-components';
+
+export default function HotelInfo({ data, hotel, setHotel, setRooms }) {
+  const { id, name, imageUrl, room, accomodationsHotel } = data;
+
+  const accomodations = accomodationsHotel.map((el) => capitalizeFirstLetter(el.accomodationsType.type)).join(', ');
+
+  function capitalizeFirstLetter(string) {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+  }
+
+  const beds = room.map((el) => el.bed);
+
+  const vacancyBeds = beds.map((el) =>
+    el.reduce((prev, curr) => {
+      if (!curr.enrollmentId) {
+        return prev + 1;
+      } else {
+        return prev + 0;
+      }
+    }, 0)
+  );
+  const vacancyNumber = vacancyBeds.reduce((prev, curr) => curr + prev, 0);
+
+  return (
+    <Hotel hotelSelected={hotel.id} id={id} onClick={() => {
+      hotel.id = id;
+      hotel.name = name;
+
+      setHotel( { ...hotel } );
+      setRooms(room);
+    } }>
+      <HotelPicture src={imageUrl} />
+      <HotelName>{name}</HotelName>
+      <div>
+        <InfoTitle>Tipos de acomodação</InfoTitle>
+        <InfoText>{accomodations}</InfoText>
+      </div>
+      <div>
+        <InfoTitle>Vagas disponíveis:</InfoTitle>
+        <InfoText>{vacancyNumber}</InfoText>
+      </div>
+    </Hotel>
+  );
+}
+
+const Hotel = styled.div`
+  width: 196px;
+  height: 264px;
+
+  padding: 16px 14px;
+  border-radius: 10px;
+  background: ${( { id, hotelSelected } ) => (id === hotelSelected)? '#FFEED2': '#f1f1f1'};
+  border: #cecece;
+  display: flex;
+  justify-content: space-between;
+  align-items: left;
+  flex-direction: column;
+  gap: 3px;
+
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  color: #8e8e8e;
+  &:hover{
+    cursor:pointer;
+  }
+`;
+
+const HotelName = styled.h1`
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 23px;
+
+  color: #343434;
+`;
+
+const InfoTitle = styled.h2`
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 14px;
+  color: #3c3c3c;
+`;
+
+const InfoText = styled.p`
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 14px;
+
+  color: #3c3c3c;
+`;
+
+const HotelPicture = styled.img`
+  width: 168px;
+  height: 109px;
+  object-fit: cover;
+  border-radius: 10px;
+`;
diff --git a/src/components/Hotels/ResumeHotelSelected.js b/src/components/Hotels/ResumeHotelSelected.js
new file mode 100644
index 0000000..4829391
--- /dev/null
+++ b/src/components/Hotels/ResumeHotelSelected.js
@@ -0,0 +1,123 @@
+import styled from 'styled-components';
+import { useEffect, useState } from 'react';
+import Button from '../Form/Button';
+import useRoom from '../../hooks/api/useRoom';
+
+export default function ResumeHotelSelected({ setChangeHotelClick }) {
+  const { bed } = useRoom();
+  const [room, setRoom] = useState({});
+  const [hotel, setHotel] = useState({});
+  const [count, setCount] = useState(0);
+
+  useEffect(() => {
+    if (bed) {
+      setRoom(bed.room);
+      setHotel(bed.room.hotel);
+      let countPeople = 0;
+      bed.room.bed.forEach((data) => {
+        if (data.enrollmentId) countPeople += 1;
+      });
+      setCount(countPeople - 1);
+    }
+  }, [bed]);
+
+  const handleChangeHotelClick = () => {
+    let changeHotel = {
+      selected: true,
+      lastHotel: {
+        id: hotel.id,
+        enrollmentId: bed.enrollmentId,
+        roomId: bed.roomId,
+      }
+    };
+    setChangeHotelClick(changeHotel);
+  };
+  return (
+    <>
+      <StyleLabel>Você já escolheu seu quarto:</StyleLabel>
+      <Box>
+        <HotelPicture src={hotel.imageUrl} />
+        <HotelName>{hotel.name}</HotelName>
+        <div>
+          <InfoTitle>Quarto reservado</InfoTitle>
+          <InfoText>
+            {room.id} ({room.accomodationsType?.type})
+          </InfoText>
+        </div>
+        <div>
+          <InfoTitle>Pessoas no seu quarto</InfoTitle>
+          <InfoText>{
+            (count === 0) ? 'Somente você'
+              : (count === 1) ? `Você e mais ${count} pessoa`
+                : `Você e mais ${count} pessoas`}
+          </InfoText>
+        </div>
+      </Box>
+      <Button onClick={() => handleChangeHotelClick()}>TROCAR DE QUARTO</Button>
+    </>
+  );
+}
+const HotelName = styled.h1`
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 23px;
+
+  color: #343434;
+`;
+
+const Box = styled.div`
+  width: 196px;
+  height: 264px;
+
+  padding: 16px 14px;
+  border-radius: 10px;
+  background: #ffeed2;
+  border: #cecece;
+  display: flex;
+  justify-content: space-between;
+  align-items: left;
+  flex-direction: column;
+  gap: 3px;
+
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  color: #8e8e8e;
+  &:hover {
+    cursor: pointer;
+  }
+`;
+const InfoTitle = styled.h2`
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 14px;
+  color: #3c3c3c;
+`;
+
+const InfoText = styled.p`
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 14px;
+
+  color: #3c3c3c;
+`;
+
+const HotelPicture = styled.img`
+  width: 168px;
+  height: 109px;
+  object-fit: cover;
+  border-radius: 10px;
+`;
+
+const StyleLabel = styled.p`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 400;
+  color: #8e8e8e;
+`;
diff --git a/src/components/Hotels/RoomInfo.js b/src/components/Hotels/RoomInfo.js
new file mode 100644
index 0000000..0cdc5ae
--- /dev/null
+++ b/src/components/Hotels/RoomInfo.js
@@ -0,0 +1,68 @@
+import { useState } from 'react';
+import { useEffect } from 'react';
+import styled from 'styled-components';
+import PeopleIcon from '../PeopleIcon';
+
+export default function RoomInfo({ data, selectedRoom, setSelectedRoom }) {
+  const { id, bed } = data;
+  const [fullRoom, setFullRoom] = useState(false);
+  useEffect(() => {
+    const reservedBed = [];
+    bed.forEach((el) => {
+      if (el.enrollmentId) reservedBed.push(el.id);
+    });
+    if(reservedBed.length === bed.length) {
+      setFullRoom(true);
+    }
+  });
+  
+  return (
+    <Room 
+      fullRoom={fullRoom}
+      id={id}
+      selectedRoom={selectedRoom.id} 
+      onClick={() => setSelectedRoom( { id } )}
+    >
+      <p>{id}</p>
+      <div>
+        {bed.map((el) => (
+          <PeopleIcon 
+            key={el.id} 
+            reserved={el.enrollmentId} 
+            color={(fullRoom)? '#8C8C8C':(selectedRoom.id === id)? '#FF4791': null}/>
+        ))}
+      </div>
+    </Room>
+  );
+}
+
+const Room = styled.div`
+    width: 190px;
+    height: 45px;
+
+    padding: 11px 16px 11px 16px;
+
+    border: 1px solid #CECECE;
+    border-radius: 10px;
+    ${( { fullRoom } ) => (fullRoom)? 
+    `background: #E9E9E9; 
+    pointer-events: none;`
+    : ''}
+    ${( { id, selectedRoom } ) => (id === selectedRoom)? 'background: #FFEED2;': ''}
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    font-family: 'Roboto', sans-serif;
+    font-size: 20px;
+    font-weight: 700;
+    color: ${( { fullRoom } ) => (fullRoom)? '#9D9D9D': '#454545'};
+
+    div{
+      display: flex;
+      gap: 6px;
+    }
+    &:hover{
+      cursor:pointer;
+    }
+`;
diff --git a/src/components/Hotels/index.js b/src/components/Hotels/index.js
new file mode 100644
index 0000000..fd437f3
--- /dev/null
+++ b/src/components/Hotels/index.js
@@ -0,0 +1,74 @@
+import styled from 'styled-components';
+import Typography from '@material-ui/core/Typography';
+import FormHotel from './FormHotel';
+import Message from '../Message';
+import ResumeHotelSelected from './ResumeHotelSelected';
+import { useState } from 'react';
+import useRoom from '../../hooks/api/useRoom';
+import useEnrollment from '../../hooks/api/useEnrollment';
+import { useEffect } from 'react';
+
+export default function Hotels() {
+  let changeHotel = {
+    selected: false,
+    lastHotel: {
+      id: null,
+      enrollmentId: null,
+      roomId: null,
+    },
+  };
+  const { bed } = useRoom();
+  const [roomSelected, setRoomSelected] = useState(false);
+  const { enrollment } = useEnrollment();
+  const [changeHotelButton, setChangeHotelButton] = useState(changeHotel);
+
+  useEffect(() => {
+    if (bed) setRoomSelected(true);
+  });
+
+  return (
+    <Container>
+      <StyledTypography variant="h4">Escolha de hotel e quarto</StyledTypography>
+      {enrollment?.payment ? (
+        enrollment?.payment?.ticketAccomodation ? (
+          <>
+            {roomSelected && changeHotelButton.selected === false ? (
+              <ResumeHotelSelected setChangeHotelClick={setChangeHotelButton} />
+            ) : (
+              <FormHotel
+                setRoomSelected={setRoomSelected}
+                changeHotelButton={changeHotelButton}
+                setChangeHotelButton={setChangeHotelButton}
+              />
+            )}{' '}
+          </>
+        ) : (
+          <Message
+            text="Sua modalidade de ingresso não inclui hospedagem
+        Prossiga para a escolha de atividades"
+          />
+        )
+      ) : (
+        <Message
+          text="Você precisa ter confirmado pagamento antes
+        de fazer a escolha de hospedagem"
+        />
+      )}
+    </Container>
+  );
+}
+
+const Container = styled.div`
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 37px;
+
+`;
+
+const StyledTypography = styled(Typography)`
+  margin-bottom: 20px !important;
+`;
diff --git a/src/components/Message.js b/src/components/Message.js
new file mode 100644
index 0000000..1fbd390
--- /dev/null
+++ b/src/components/Message.js
@@ -0,0 +1,27 @@
+import styled from 'styled-components';
+
+export default function Message({ text }) {
+  return (
+    <ContainerMessage>
+      <Text>{text}</Text>
+    </ContainerMessage>
+  );
+}
+
+const ContainerMessage = styled.div`
+  height: 85%;
+  width: 100%;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+
+const Text = styled.p`
+  font-family: 'Roboto', sans-serif;
+  max-width: 388px;
+  text-align: center;
+  font-size: 20px;
+  font-weight: 400;
+  color: #8E8E8E;
+`;
diff --git a/src/components/PeopleIcon.js b/src/components/PeopleIcon.js
new file mode 100644
index 0000000..644aeed
--- /dev/null
+++ b/src/components/PeopleIcon.js
@@ -0,0 +1,15 @@
+export default function PeopleIcon({ reserved, color }) {
+  if(reserved) {
+    return(
+      <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M2.0625 20.625C2.0625 20.625 0.375 20.625 0.375 18.9375C0.375 17.25 2.0625 12.1875 10.5 12.1875C18.9375 12.1875 20.625 17.25 20.625 18.9375C20.625 20.625 18.9375 20.625 18.9375 20.625H2.0625ZM10.5 10.5C11.8427 10.5 13.1303 9.96663 14.0797 9.01723C15.0291 8.06782 15.5625 6.78016 15.5625 5.4375C15.5625 4.09484 15.0291 2.80717 14.0797 1.85777C13.1303 0.908369 11.8427 0.375 10.5 0.375C9.15734 0.375 7.86968 0.908369 6.92027 1.85777C5.97087 2.80717 5.4375 4.09484 5.4375 5.4375C5.4375 6.78016 5.97087 8.06782 6.92027 9.01723C7.86968 9.96663 9.15734 10.5 10.5 10.5Z" fill={(color)? color : 'black'}/>
+      </svg>
+    );
+  } else {
+    return(
+      <svg width="21" height="21" viewBox="0 0 21 21" fill="black" xmlns="http://www.w3.org/2000/svg">
+        <path d="M10.5 10.5C11.8427 10.5 13.1303 9.96663 14.0797 9.01723C15.0291 8.06782 15.5625 6.78016 15.5625 5.4375C15.5625 4.09484 15.0291 2.80717 14.0797 1.85777C13.1303 0.908369 11.8427 0.375 10.5 0.375C9.15734 0.375 7.86968 0.908369 6.92027 1.85777C5.97087 2.80717 5.4375 4.09484 5.4375 5.4375C5.4375 6.78016 5.97087 8.06782 6.92027 9.01723C7.86968 9.96663 9.15734 10.5 10.5 10.5ZM13.875 5.4375C13.875 6.33261 13.5194 7.19105 12.8865 7.82399C12.2535 8.45692 11.3951 8.8125 10.5 8.8125C9.60489 8.8125 8.74645 8.45692 8.11351 7.82399C7.48058 7.19105 7.125 6.33261 7.125 5.4375C7.125 4.54239 7.48058 3.68395 8.11351 3.05101C8.74645 2.41808 9.60489 2.0625 10.5 2.0625C11.3951 2.0625 12.2535 2.41808 12.8865 3.05101C13.5194 3.68395 13.875 4.54239 13.875 5.4375ZM20.625 18.9375C20.625 20.625 18.9375 20.625 18.9375 20.625H2.0625C2.0625 20.625 0.375 20.625 0.375 18.9375C0.375 17.25 2.0625 12.1875 10.5 12.1875C18.9375 12.1875 20.625 17.25 20.625 18.9375ZM18.9375 18.9307C18.9358 18.5156 18.6776 17.2669 17.5335 16.1227C16.4333 15.0225 14.3627 13.875 10.5 13.875C6.63562 13.875 4.56675 15.0225 3.4665 16.1227C2.32238 17.2669 2.06588 18.5156 2.0625 18.9307H18.9375Z" fill={(color)? color : 'black'}/>
+      </svg>
+    );
+  }
+}
diff --git a/src/components/PersonalInformationForm/index.js b/src/components/PersonalInformationForm/index.js
index 97eb837..f3e6aad 100644
--- a/src/components/PersonalInformationForm/index.js
+++ b/src/components/PersonalInformationForm/index.js
@@ -22,6 +22,7 @@ import { InputWrapper } from './InputWrapper';
 import { ErrorMsg } from './ErrorMsg';
 import { ufList } from './ufList';
 import FormValidations from './FormValidations';
+import { useNavigate } from 'react-router';
 
 dayjs.extend(CustomParseFormat);
 
@@ -30,22 +31,17 @@ export default function PersonalInformationForm() {
   const { getCep } = useCep();
   const { enrollment } = useEnrollment();
   const { saveEnrollmentLoading, saveEnrollment } = useSaveEnrollment();
+  const navigate = useNavigate();
 
-  const {
-    handleSubmit,
-    handleChange,
-    data,
-    errors,
-    setData,
-    customHandleChange,
-  } = useForm({
+  const { handleSubmit, handleChange, data, errors, setData, customHandleChange } = useForm({
     validations: FormValidations,
 
-    onSubmit: async(data) => {
+    // eslint-disable-next-line space-before-function-paren
+    onSubmit: async (data) => {
       const newData = {
         name: data.name,
         cpf: data.cpf.replaceAll('.', '').replaceAll('-', ''),
-        birthday: dayjs(data.birthday).toISOString(),
+        birthday: await dayjs(data.birthday).toISOString(),
         address: {
           cep: data.cep,
           street: data.street,
@@ -60,6 +56,7 @@ export default function PersonalInformationForm() {
 
       try {
         await saveEnrollment(newData);
+        navigate('/dashboard/payment');
         toast('Informações salvas com sucesso!');
       } catch (err) {
         toast('Não foi possível salvar suas informações!');
@@ -94,7 +91,7 @@ export default function PersonalInformationForm() {
         number: enrollment.address.number,
         state: enrollment.address.state,
         neighborhood: enrollment.address.neighborhood,
-        addressDetail: enrollment.address.addressDetail
+        addressDetail: enrollment.address.addressDetail,
       });
     }
   }, [enrollment]);
@@ -111,7 +108,7 @@ export default function PersonalInformationForm() {
     if (isValidCep(valueWithoutMask)) {
       const newDataValues = {
         ...data,
-        [name]: value
+        [name]: value,
       };
 
       setDynamicInputIsLoading(true);
@@ -126,7 +123,7 @@ export default function PersonalInformationForm() {
         state: cepData.uf,
       });
     }
-  };
+  }
 
   return (
     <>
@@ -195,13 +192,7 @@ export default function PersonalInformationForm() {
             {errors.cep && <ErrorMsg>{errors.cep}</ErrorMsg>}
           </InputWrapper>
           <InputWrapper>
-            <Select
-              label="Estado"
-              name="state"
-              id="state"
-              value={data?.state || ''}
-              onChange={handleChange('state')}
-            >
+            <Select label="Estado" name="state" id="state" value={data?.state || ''} onChange={handleChange('state')}>
               <MenuItem value="">
                 <em>None</em>
               </MenuItem>
@@ -236,12 +227,7 @@ export default function PersonalInformationForm() {
           </InputWrapper>
 
           <InputWrapper>
-            <Input
-              label="Número"
-              name="number"
-              value={data?.number || ''}
-              onChange={handleChange('number')}
-            />
+            <Input label="Número" name="number" value={data?.number || ''} onChange={handleChange('number')} />
             {errors.number && <ErrorMsg>{errors.number}</ErrorMsg>}
           </InputWrapper>
           <InputWrapper>
@@ -262,7 +248,7 @@ export default function PersonalInformationForm() {
               onChange={handleChange('addressDetail')}
             />
           </InputWrapper>
-          
+
           <SubmitContainer>
             <Button type="submit" disabled={dynamicInputIsLoading || saveEnrollmentLoading}>
               Salvar
@@ -275,12 +261,12 @@ export default function PersonalInformationForm() {
 }
 
 const StyledTypography = styled(Typography)`
-  margin-bottom: 20px!important;
+  margin-bottom: 20px !important;
 `;
 
-const SubmitContainer = styled.div`
-  margin-top: 40px!important;
-  width: 100%!important;
+export const SubmitContainer = styled.div`
+  margin-top: 40px !important;
+  width: 100% !important;
 
   > button {
     margin-top: 0 !important;
diff --git a/src/components/TicketAndPaymentForm/ButtonOption.js b/src/components/TicketAndPaymentForm/ButtonOption.js
new file mode 100644
index 0000000..a6d43f6
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/ButtonOption.js
@@ -0,0 +1,59 @@
+import styled from 'styled-components';
+
+export default function ButtonOption({
+  size,
+  height,
+  text,
+  value,
+  selected,
+  setSelected,
+  type,
+  subtitle,
+  handleClickOption,
+}) {
+  return (
+    <ClickButton
+      size={size}
+      height={height}
+      text={text}
+      selected={selected}
+      type={type}
+      onClick={() => {
+        selected[type] = text;
+        setSelected({ ...selected });
+        handleClickOption(subtitle);
+      }}
+    >
+      <span>{text}</span>
+      <p>{value}</p>
+    </ClickButton>
+  );
+}
+
+const ClickButton = styled.div`
+  width: ${({ size }) => size}px;
+  height: ${({ size, height }) => (height ? height : size)}px;
+
+  border-radius: 20px;
+  background-color: ${({ text, selected, type }) => (selected[type] === text ? '#FFEED2' : 'none')};
+  border: ${({ text, selected, type }) => (!(selected[type] === text) ? '1px solid #CECECE' : 'none')};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 3px;
+
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  color: #8e8e8e;
+
+  span {
+    font-size: 16px;
+    color: #454545;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+`;
diff --git a/src/components/TicketAndPaymentForm/CreditCardForm.js b/src/components/TicketAndPaymentForm/CreditCardForm.js
new file mode 100644
index 0000000..6f352af
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/CreditCardForm.js
@@ -0,0 +1,145 @@
+import React from 'react';
+import Input from '../Form/Input';
+import { InputWrapper } from './InputWrapper';
+import FormValidations from './FormValidations';
+import { toast } from 'react-toastify';
+import { useForm } from '../../hooks/useForm';
+import { FormWrapper } from './FormWrapper';
+import { ErrorMsg } from './ErrorMsg';
+import styled from 'styled-components';
+import CreditCardMockUp from './CreditCardMockUp';
+import Button from '../Form/Button';
+import useSavePayment from '../../hooks/api/useSavePayment';
+
+export default function CreditCardForm({ order, enrollment }) {
+  const { savePaymentLoading, savePayment } = useSavePayment();
+  const { handleSubmit, handleChange, data, errors } = useForm({
+    validations: FormValidations,
+    // eslint-disable-next-line space-before-function-paren
+    onSubmit: async (data) => {
+      const newData = {
+        enrollmentId: enrollment.id,
+        ticketModality: order.modality === 'Presencial' ? 'PRESENTIAL' : order.modality === 'Online' ? 'ONLINE' : null,
+        ticketAccomodation: order.hotelOption === 'withHotel' ? true : false,
+        ticketValue: order.totalValue ? `R$ ${order.totalValue}` : `R$ ${order.value}`,
+      };
+      try {
+        await savePayment(newData);
+        window.location.reload(false);
+        toast('Informações salvas com sucesso!');
+      } catch (err) {
+        toast('Não foi possível salvar suas informações!');
+      }
+    },
+
+    initialValues: {
+      cardNumber: '',
+      name: '',
+      expireDate: '',
+      cvc: '',
+    },
+  });
+
+  return (
+    <>
+      <StyleLabel>Pagamento</StyleLabel>
+      <ImageFormWrapper>
+        <CreditCardMockUp
+          size={420}
+          height={180}
+          cardNumber={data?.cardNumber || '•••• •••• •••• ••••'}
+          name={data?.name || 'YOUR NAME HERE'}
+          expireDate={data?.expireDate || '••/••'}
+        />
+        <FormWrapper onSubmit={handleSubmit}>
+          <InputWrapper>
+            <Input
+              name="cardNumber"
+              label="Card Number"
+              type="text"
+              maxLength="16"
+              mask="9999 9999 9999 9999"
+              value={data?.cardNumber || ''}
+              onChange={handleChange('cardNumber')}
+            />
+            {errors.cardNumber && <ErrorMsg>{errors.cardNumber}</ErrorMsg>}
+          </InputWrapper>
+          <EgStyled>E.g.:49...,51...,36...,37...</EgStyled>
+          <InputWrapper>
+            <Input name="name" label="Name" type="text" value={data?.name || ''} onChange={handleChange('name')} />
+            {errors.name && <ErrorMsg>{errors.name}</ErrorMsg>}
+          </InputWrapper>
+          <Wrapper>
+            <InputWrapper>
+              <Input
+                name="expireDate"
+                label="Valid Thru"
+                type="text"
+                maxLength="14"
+                mask="99/9999"
+                value={data?.expireDate || ''}
+                onChange={handleChange('expireDate')}
+              />
+              {errors.expireDate && <ErrorMsg>{errors.expireDate}</ErrorMsg>}
+            </InputWrapper>
+            <InputWrapper>
+              <Input
+                name="cvc"
+                label="CVC"
+                type="text"
+                maxLength="3"
+                mask="999"
+                value={data?.cvc || ''}
+                onChange={handleChange('cvc')}
+              />
+              {errors.cvc && <ErrorMsg>{errors.cvc}</ErrorMsg>}
+            </InputWrapper>
+          </Wrapper>
+          <Button
+            type="submit"
+            disabled={savePaymentLoading}
+            style={{ position: 'absolute', top: '220px', left: '2px' }}
+          >
+            FINALIZAR PAGAMENTO
+          </Button>
+        </FormWrapper>
+      </ImageFormWrapper>
+    </>
+  );
+}
+
+const StyleLabel = styled.p`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 400;
+  color: #8e8e8e;
+`;
+
+const ImageFormWrapper = styled.div`
+  width: 100%;
+  display: flex;
+  position: relative;
+`;
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: 10px;
+
+  > div {
+    width: 50%;
+    margin: 0 !important;
+    > div {
+      width: 100%;
+    }
+  }
+`;
+
+const EgStyled = styled.p`
+  font-family: 'Roboto', sans-serif;
+  font-size: 12px;
+  font-weight: 400;
+  color: #8e8e8e;
+`;
diff --git a/src/components/TicketAndPaymentForm/CreditCardMockUp.js b/src/components/TicketAndPaymentForm/CreditCardMockUp.js
new file mode 100644
index 0000000..e18a375
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/CreditCardMockUp.js
@@ -0,0 +1,68 @@
+import styled from 'styled-components';
+
+export default function CreditCardMockUp({ size, height, cardNumber, name, expireDate }) {
+  return (
+    <CardMockUp size={size} height={height}>
+      <ChipMockUp size={size} height={height}/>
+      <h1>{cardNumber}</h1>
+      <span>{name}</span>
+      <p>VALID THRU</p>
+      <span>{expireDate}</span>
+    </CardMockUp>
+  );
+}
+
+const CardMockUp = styled.div`
+  width: ${({ size }) => size}px;
+  height: ${({ size, height }) => (height ? height : size)}px;
+
+  border-radius: 20px;
+  background-color: #929292;
+  border: #cecece;
+  display: flex;
+  align-items: left;
+  padding: 20px;
+  margin: 10px;
+  justify-content: center;
+  flex-direction: column;
+  gap: 3px;
+
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  color: #8e8e8e;
+  position: relative;
+
+  h1{
+    font-weight: bold;
+  font-size: 24px;
+  color: white;
+  padding-top: 40px;
+  padding-bottom: 10px;
+  }
+
+  p{
+    font-weight: normal;
+  font-size: 12px;
+  color: white;
+  padding: 10px 0 5px 0;
+  }
+
+  span {
+    font-weight: bold;
+  font-size: 18px;
+  color: white;
+  }
+  
+`;
+
+const ChipMockUp = styled.div`
+
+  width: ${({ size }) => size/10}px;
+  height: ${({ size, height }) => (height ? height/6 : size/10)}px;
+  background-color: #F7CF70;
+  border-radius: 5px;
+  position: absolute;
+  top: 20px;
+  left: 32px;
+`;
diff --git a/src/components/TicketAndPaymentForm/CustomInputWrapper.js b/src/components/TicketAndPaymentForm/CustomInputWrapper.js
new file mode 100644
index 0000000..3adc8b1
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/CustomInputWrapper.js
@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+
+export const CustomInputWrapper = styled.div`
+> div {
+  width: 50%;
+}
+`;
diff --git a/src/components/TicketAndPaymentForm/ErrorMsg.js b/src/components/TicketAndPaymentForm/ErrorMsg.js
new file mode 100644
index 0000000..0b6f055
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/ErrorMsg.js
@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+
+export const ErrorMsg = styled.p`
+  color: red;
+`;
diff --git a/src/components/TicketAndPaymentForm/FormValidations.js b/src/components/TicketAndPaymentForm/FormValidations.js
new file mode 100644
index 0000000..e21be6c
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/FormValidations.js
@@ -0,0 +1,40 @@
+const today = new Date();
+
+const validations = {
+  name: {
+    custom: {
+      isValid: (value) => isValidString(value),
+      message: 'Digite um nome válido',
+    },
+  },
+
+  cardNumber: {
+    custom: {
+      isValid: (value) => value?.replaceAll(' ', '').length === 16,
+      message: 'Digite um número de cartão válido',
+    },
+  },
+
+  expireDate: {
+
+    custom: {
+      isValid: (value) => value.split('/')[0]<=12 && value.split('/')[1]>=today.getFullYear(),
+      message: 'Utilize um cartão com validade acima de um ano',
+    },
+  },
+
+  cvc: {
+
+    custom: {
+      isValid: (value) => value.length === 3,
+      message: 'Digite um número de segurança valido',
+    },
+  },
+
+};
+
+export default validations;
+
+function isValidString(value) {
+  return value || value?.trim();
+}
diff --git a/src/components/TicketAndPaymentForm/FormWrapper.js b/src/components/TicketAndPaymentForm/FormWrapper.js
new file mode 100644
index 0000000..e3a300f
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/FormWrapper.js
@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+
+export const FormWrapper = styled.form`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  flex-wrap: wrap;
+  > div {
+    width: calc(80% - 20px);
+    margin: 0 10px 0 0;
+  }
+
+  @media (max-width: 600px) {
+    > div {
+      width: 100%;
+      padding-left: 0px !important;
+    }
+  }
+`;
diff --git a/src/components/TicketAndPaymentForm/InfoBox.js b/src/components/TicketAndPaymentForm/InfoBox.js
new file mode 100644
index 0000000..fd12080
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/InfoBox.js
@@ -0,0 +1,34 @@
+import styled from 'styled-components';
+
+export default function InfoBox({ size, height, text, value }) {
+  return (
+    <ClickButton size={size} height={height} text={text}>
+      <span>{text}</span>
+      <p>{value}</p>
+    </ClickButton>
+  );
+}
+
+const ClickButton = styled.div`
+  width: ${({ size }) => size}px;
+  height: ${({ size, height }) => (height ? height : size)}px;
+
+  border-radius: 20px;
+  background-color: #ffeed2;
+  border: #cecece;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 3px;
+
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  color: #8e8e8e;
+
+  span {
+    font-size: 16px;
+    color: #454545;
+  }
+`;
diff --git a/src/components/TicketAndPaymentForm/InputWrapper.js b/src/components/TicketAndPaymentForm/InputWrapper.js
new file mode 100644
index 0000000..8384fcc
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/InputWrapper.js
@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+
+export const InputWrapper = styled.div`
+> div {
+  width: 100%;
+}
+`;
diff --git a/src/components/TicketAndPaymentForm/PaymentForm.js b/src/components/TicketAndPaymentForm/PaymentForm.js
new file mode 100644
index 0000000..fdb0ead
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/PaymentForm.js
@@ -0,0 +1,27 @@
+import styled from 'styled-components';
+import InfoBox from './InfoBox';
+import CreditCardForm from './CreditCardForm';
+
+export default function PaymentForm({ order, setOrder, enrollment }) {
+  const InfoBoxText = `${order.modality} ${
+    order.hotelOption === 'withHotel' ? ' + Com hospedagem' : ' Sem Hospedagem'
+  }`;
+
+  const InfoBoxValue = order.totalValue ? `R$ ${order.totalValue}` : `R$ ${order.value}`;
+
+  return (
+    <>
+      <StyleLabel>Ingresso Escolhido</StyleLabel>
+
+      <InfoBox size={290} height={108} text={InfoBoxText} value={InfoBoxValue} />
+      <CreditCardForm order={order} enrollment={enrollment} />
+    </>
+  );
+}
+
+const StyleLabel = styled.p`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 400;
+  color: #8e8e8e;
+`;
diff --git a/src/components/TicketAndPaymentForm/SubOptionsByClick.js b/src/components/TicketAndPaymentForm/SubOptionsByClick.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/TicketAndPaymentForm/TicketForm.js b/src/components/TicketAndPaymentForm/TicketForm.js
new file mode 100644
index 0000000..9e47c58
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/TicketForm.js
@@ -0,0 +1,113 @@
+/* eslint-disable indent */
+import styled from 'styled-components';
+import Message from '../Message';
+import InfoBox from './InfoBox';
+import ButtonOption from './ButtonOption';
+import { useState } from 'react';
+import CompleteOrderOptions from './completeOrderOptions';
+import CHECKVECTOR from '../../assets/images/checkVector.png';
+
+export default function TicketForm({ order, setOrder, enrollment }) {
+  const [selected, setSelected] = useState({
+    modality: '',
+    hotel: '',
+  });
+
+  const subtitle = {
+    hotelSelected: 'Ótimo! Agora escolha sua modalidade de hospedagem',
+    onlineSelected: 'Fechado! O total ficou em R$ 100. Agora é só confirmar:',
+  };
+  const [subtitleByCLick, setSubtitleByClick] = useState('');
+
+  const InfoBoxText = `${enrollment?.payment?.ticketModality === 'PRESENTIAL' ? 'Presencial' : 'Online'} ${
+    enrollment?.payment?.ticketAccomodation ? ' + Com hospedagem' : ' Sem Hospedagem'
+  }`;
+
+  const InfoBoxValue = `${enrollment?.payment?.ticketValue}`;
+
+  const handleHotelorOnlineClick = (title) => {
+    setSubtitleByClick(title);
+  };
+
+  return (
+    <>
+      {enrollment?.payment ? (
+        <>
+          <StyleLabel>Ingresso Escolhido</StyleLabel>
+          <InfoBox size={290} height={108} text={InfoBoxText} value={InfoBoxValue} />
+          <StyleLabel>Pagamento</StyleLabel>
+          <Container>
+            <img src={CHECKVECTOR} alt="" />
+            <div>
+              <p style={{ fontWeight: 'bold' }}>Pagamento confirmado!</p>
+              <p style={{ fontWeight: '400' }}>Prossiga para escolha de hospedagem e atividades</p>
+            </div>
+          </Container>
+        </>
+      ) : enrollment ? (
+        <TicketFormStyled>
+          <StyleLabel>Primeiro, escolha sua modalidade de ingresso</StyleLabel>
+          <Options>
+            <ButtonOption
+              size={145}
+              text="Presencial"
+              value="R$ 250"
+              selected={selected}
+              setSelected={setSelected}
+              type={'modality'}
+              subtitle={subtitle.hotelSelected}
+              handleClickOption={handleHotelorOnlineClick}
+            />
+            <ButtonOption
+              size={145}
+              text="Online"
+              value="R$ 100"
+              selected={selected}
+              setSelected={setSelected}
+              type={'modality'}
+              subtitle={subtitle.onlineSelected}
+              handleClickOption={handleHotelorOnlineClick}
+            />
+          </Options>
+          <StyleLabel>{subtitleByCLick}</StyleLabel>
+          <CompleteOrderOptions modalitySelected={selected} order={order} setOrder={setOrder} />
+        </TicketFormStyled>
+      ) : (
+        <Message text="Você precisa completar sua inscrição antes de prosseguir pra escolha de ingresso" />
+      )}
+    </>
+  );
+}
+
+const Container = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+`;
+
+const TicketFormStyled = styled.div`
+  width: 100%;
+
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 17px;
+`;
+
+const Options = styled.div`
+  width: 100%;
+
+  display: flex;
+  justify-content: flex-start;
+  gap: 24px;
+
+  margin-bottom: 45px;
+`;
+
+const StyleLabel = styled.p`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 400;
+  color: #8e8e8e;
+`;
diff --git a/src/components/TicketAndPaymentForm/completeOrderOptions.js b/src/components/TicketAndPaymentForm/completeOrderOptions.js
new file mode 100644
index 0000000..d9767d8
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/completeOrderOptions.js
@@ -0,0 +1,124 @@
+import { useState } from 'react';
+import styled from 'styled-components';
+import Button from '../Form/Button';
+
+export default function CompleteOrderOptions({ modalitySelected, order, setOrder }) {
+  const [hotelOptionClicked, setHotelOptionClicked] = useState({ option: '', totalValue: 0 });
+  const orderOptions = {
+    online: {
+      value: 100,
+    },
+    presencial: {
+      value: 250,
+      withHotel: {
+        value: 350,
+      },
+      withoutHotel: {
+        value: 0,
+      },
+    },
+  };
+
+  const newOrderOnline = () => {
+    const orderOnline = {
+      modality: modalitySelected.modality,
+      value: orderOptions.online.value,
+    };
+    setOrder(orderOnline);
+  };
+
+  const newOrderPresential = () => {
+    const orderPresential = {
+      modality: modalitySelected.modality,
+      presentialValue: orderOptions.presencial.value,
+      hotelOption: hotelOptionClicked.option,
+      totalValue: hotelOptionClicked.totalValue,
+    };
+    setOrder(orderPresential);
+  };
+
+  const handleHotelChoice = (orderType) => {
+    let totalValue = 0;
+    let presentialValue = orderOptions.presencial.value,
+      withoutHotelValue = orderOptions.presencial.withoutHotel.value,
+      withHotelValue = orderOptions.presencial.withHotel.value;
+
+    if (orderType === 'withoutHotel') totalValue = presentialValue + withoutHotelValue;
+    if (orderType === 'withHotel') totalValue = presentialValue + withHotelValue;
+    setHotelOptionClicked({ option: orderType, totalValue });
+  };
+
+  if (modalitySelected.modality === 'Online')
+    return <Button onClick={() => newOrderOnline()}>RESERVAR INGRESSO</Button>;
+
+  if (modalitySelected.modality === 'Presencial')
+    return (
+      <>
+        <HotelOptionsWrapper>
+          <HotelOptionsBox
+            text="withoutHotel"
+            orderSelectedType={hotelOptionClicked.option}
+            onClick={() => handleHotelChoice('withoutHotel')}
+          >
+            <span>Sem Hotel</span>
+            <p>+ R$ {orderOptions.presencial.withoutHotel.value}</p>
+          </HotelOptionsBox>
+          <HotelOptionsBox
+            text="withHotel"
+            orderSelectedType={hotelOptionClicked.option}
+            onClick={() => handleHotelChoice('withHotel')}
+          >
+            <span>Com Hotel</span>
+            <p>+ R$ {orderOptions.presencial.withHotel.value}</p>
+          </HotelOptionsBox>
+        </HotelOptionsWrapper>
+        {hotelOptionClicked.option === '' ? (
+          <></>
+        ) : (
+          <>
+            <StyleLabel>
+              Fechado! O total ficou em R$ {hotelOptionClicked.totalValue},00. Agora é só confirmar:
+            </StyleLabel>
+            <Button onClick={() => newOrderPresential()}>RESERVAR INGRESSO</Button>
+          </>
+        )}
+      </>
+    );
+  return <></>;
+}
+const HotelOptionsWrapper = styled.div`
+  display: flex;
+  gap: 24px;
+`;
+const HotelOptionsBox = styled.div`
+  width: 145px;
+  height: 145px;
+  border-radius: 20px;
+  background-color: ${({ text, orderSelectedType }) => (orderSelectedType === text ? '#FFEED2' : 'none')};
+  border: ${({ text, orderSelectedType }) => (orderSelectedType !== text ? '1px solid #cecece' : 'none')};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 3px;
+
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  color: #8e8e8e;
+
+  span {
+    font-size: 16px;
+    color: #454545;
+  }
+
+  :hover {
+    cursor: pointer;
+  }
+`;
+const StyleLabel = styled.p`
+  font-family: 'Roboto', sans-serif;
+  font-size: 20px;
+  font-weight: 400;
+  color: #8e8e8e;
+`;
diff --git a/src/components/TicketAndPaymentForm/index.js b/src/components/TicketAndPaymentForm/index.js
new file mode 100644
index 0000000..27273b7
--- /dev/null
+++ b/src/components/TicketAndPaymentForm/index.js
@@ -0,0 +1,36 @@
+import styled from 'styled-components';
+import Typography from '@material-ui/core/Typography';
+import TicketForm from './TicketForm';
+import PaymentForm from './PaymentForm';
+import useEnrollment from '../../hooks/api/useEnrollment';
+import { useState } from 'react';
+
+export default function TicketAndPaymentForm() {
+  const [order, setOrder] = useState(null);
+  const { enrollment } = useEnrollment();
+
+  return (
+    <Container>
+      <StyledTypography variant="h4">Ingresso e pagamento</StyledTypography>
+      {order === null ? (
+        <TicketForm order={order} setOrder={setOrder} enrollment={enrollment} />
+      ) : (
+        <PaymentForm order={order} setOrder={setOrder} enrollment={enrollment} />
+      )}
+    </Container>
+  );
+}
+
+const Container = styled.div`
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 37px;
+`;
+
+const StyledTypography = styled(Typography)`
+  margin-bottom: 20px !important;
+`;
diff --git a/src/hooks/api/useActivity.js b/src/hooks/api/useActivity.js
new file mode 100644
index 0000000..bc3a4ac
--- /dev/null
+++ b/src/hooks/api/useActivity.js
@@ -0,0 +1,19 @@
+import useAsync from '../useAsync';
+
+import * as activityApi from '../../services/activityApi';
+
+export default function useActivity() {
+  const {
+    data: activities,
+    loading: activityLoading,
+    error: activityError,
+    act: getActivities,
+  } = useAsync(activityApi.getActivities);
+
+  return {
+    activities,
+    activityLoading,
+    activityError,
+    getActivities,
+  };
+}
diff --git a/src/hooks/api/useBookHotelRoom.js b/src/hooks/api/useBookHotelRoom.js
new file mode 100644
index 0000000..c810ac2
--- /dev/null
+++ b/src/hooks/api/useBookHotelRoom.js
@@ -0,0 +1,12 @@
+import useAsync from '../useAsync';
+
+import * as roomApi from '../../services/roomApi';
+
+export default function useBookHotelRoom() {
+  const { act: selectRoom } = useAsync(roomApi.bookRoom, false);
+
+  return {
+    selectRoom
+  };
+}
+
diff --git a/src/hooks/api/useDeleteBedRental.js b/src/hooks/api/useDeleteBedRental.js
new file mode 100644
index 0000000..25167ab
--- /dev/null
+++ b/src/hooks/api/useDeleteBedRental.js
@@ -0,0 +1,9 @@
+import useAsync from '../useAsync';
+import * as roomApi from '../../services/roomApi';
+
+export default function useDeleteBedRental() {
+  const { act: deleteRental } = useAsync(roomApi.deleteBedRental, false);
+  return {
+    deleteRental
+  };
+}
diff --git a/src/hooks/api/useHotel.js b/src/hooks/api/useHotel.js
new file mode 100644
index 0000000..c144168
--- /dev/null
+++ b/src/hooks/api/useHotel.js
@@ -0,0 +1,14 @@
+import useAsync from '../useAsync';
+
+import * as hotelApi from '../../services/hotelApi';
+
+export default function useHotel() {
+  const { data: hotels, loading: hotelLoading, error: hotelError, act: getHotels } = useAsync(hotelApi.getHotels);
+
+  return {
+    hotels,
+    hotelLoading,
+    hotelError,
+    getHotels,
+  };
+}
diff --git a/src/hooks/api/useRoom.js b/src/hooks/api/useRoom.js
new file mode 100644
index 0000000..73c44c5
--- /dev/null
+++ b/src/hooks/api/useRoom.js
@@ -0,0 +1,22 @@
+import useAsync from '../useAsync';
+import useToken from '../useToken';
+
+import * as roomApi from '../../services/roomApi';
+
+export default function useRoom() {
+  const token = useToken();
+  
+  const {
+    data: bed,
+    loading: roomLoading,
+    error: roomError,
+    act: getRoom
+  } = useAsync(() => roomApi.getSelectedRoom(token));
+
+  return {
+    bed,
+    roomLoading,
+    roomError,
+    getRoom
+  };
+}
diff --git a/src/hooks/api/useSavePayment.js b/src/hooks/api/useSavePayment.js
new file mode 100644
index 0000000..eeb6579
--- /dev/null
+++ b/src/hooks/api/useSavePayment.js
@@ -0,0 +1,20 @@
+import useAsync from '../useAsync';
+import useToken from '../useToken';
+
+import * as paymentApi from '../../services/paymentApi';
+
+export default function useSavePayment() {
+  const token = useToken();
+
+  const {
+    loading: savePaymentLoading,
+    error: savePaymentError,
+    act: savePayment,
+  } = useAsync((data) => paymentApi.save(data, token), false);
+
+  return {
+    savePaymentLoading,
+    savePaymentError,
+    savePayment,
+  };
+}
diff --git a/src/hooks/useForm.js b/src/hooks/useForm.js
index da47dd2..e76029c 100644
--- a/src/hooks/useForm.js
+++ b/src/hooks/useForm.js
@@ -15,6 +15,7 @@ export const useForm = (options) => {
 
   const customHandleChange = (key, sanitizeFn) => (inputValue) => {
     const value = sanitizeFn ? sanitizeFn(inputValue) : inputValue;
+    
     setData({
       ...data,
       [key]: value,
diff --git a/src/pages/Dashboard/Activities/index.js b/src/pages/Dashboard/Activities/index.js
index b4c9221..668efa0 100644
--- a/src/pages/Dashboard/Activities/index.js
+++ b/src/pages/Dashboard/Activities/index.js
@@ -1,3 +1,8 @@
+import ActivitiesPage from '../../../components/Activities';
+import useEnrollment from '../../../hooks/api/useEnrollment';
+
 export default function Activities() {
-  return 'Atividades: Em breve!';
+  return (
+    <ActivitiesPage/>
+  );
 }
diff --git a/src/pages/Dashboard/Hotel/index.js b/src/pages/Dashboard/Hotel/index.js
index 617ff15..4e5d97b 100644
--- a/src/pages/Dashboard/Hotel/index.js
+++ b/src/pages/Dashboard/Hotel/index.js
@@ -1,3 +1,5 @@
+import Hotels from '../../../components/Hotels';
+
 export default function Hotel() {
-  return 'Hotel: Em breve!';
+  return <Hotels />;
 }
diff --git a/src/pages/Dashboard/Payment/index.js b/src/pages/Dashboard/Payment/index.js
index 1046e22..70aa332 100644
--- a/src/pages/Dashboard/Payment/index.js
+++ b/src/pages/Dashboard/Payment/index.js
@@ -1,3 +1,8 @@
+import TicketAndPaymentForm from '../../../components/TicketAndPaymentForm';
+
 export default function Payment() {
-  return 'Pagamento: Em breve!';
+  return (
+    <TicketAndPaymentForm/>
+  );
 }
+
diff --git a/src/pages/Dashboard/index.js b/src/pages/Dashboard/index.js
index 7e9dff6..9ff26b1 100644
--- a/src/pages/Dashboard/index.js
+++ b/src/pages/Dashboard/index.js
@@ -10,11 +10,10 @@ import DashboardLayout from '../../layouts/Dashboard';
 
 export default function Dashboard() {
   const { eventInfo } = useContext(EventInfoContext);
-
+  
   return (
     <DashboardLayout background={eventInfo.backgroundImageUrl}>
       <NavigationBar />
-
       <Container>
         <Outlet />
       </Container>
diff --git a/src/services/activityApi.js b/src/services/activityApi.js
new file mode 100644
index 0000000..2204371
--- /dev/null
+++ b/src/services/activityApi.js
@@ -0,0 +1,11 @@
+import axios from 'axios';
+import api from './api';
+
+export async function getActivities() {
+  const response = await api.get('/activities');
+  return response.data;
+}
+
+export async function getSeats(body) {
+  return await api.post('/activities/seatsByActivityAndLocationId', body);
+}
diff --git a/src/services/hotelApi.js b/src/services/hotelApi.js
new file mode 100644
index 0000000..4423be6
--- /dev/null
+++ b/src/services/hotelApi.js
@@ -0,0 +1,7 @@
+import api from './api';
+
+export async function getHotels() {
+  const response = await api.get('/hotels');
+  return response.data;
+}
+//
diff --git a/src/services/paymentApi.js b/src/services/paymentApi.js
new file mode 100644
index 0000000..b606939
--- /dev/null
+++ b/src/services/paymentApi.js
@@ -0,0 +1,10 @@
+import api from './api';
+
+export async function save(body, token) {
+  const response = await api.post('/payments', body, {
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+  });
+  return response.data;
+}
diff --git a/src/services/roomApi.js b/src/services/roomApi.js
new file mode 100644
index 0000000..61188c6
--- /dev/null
+++ b/src/services/roomApi.js
@@ -0,0 +1,31 @@
+import api from './api';
+
+export async function bookRoom(body, token) {
+  const response = await api.post('/room', body, {
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+  });
+
+  return response.data;
+}
+
+export async function getSelectedRoom(token) {
+  const response = await api.get('/room', {
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+  });
+
+  return response.data;
+}
+
+export async function deleteBedRental(body, token) {
+  const response = await api.delete('/room', {
+    headers: {
+      Authorization: `Bearer ${token}`,
+    },
+    data: body,
+  });
+  return response.data;
+}