diff --git a/packages/cashier/package-lock.json b/packages/cashier/package-lock.json
index b1802c8ebb1a..0a4ade4d78aa 100644
--- a/packages/cashier/package-lock.json
+++ b/packages/cashier/package-lock.json
@@ -9,7 +9,7 @@
             "version": "1.0.0",
             "dependencies": {
                 "@deriv/api": "^1.0.0",
-                "@deriv/api-types": "^1.0.11",
+                "@deriv/api-types": "^1.0.94",
                 "@deriv/components": "^1.0.0",
                 "@deriv/deriv-api": "^1.0.11",
                 "@deriv/hooks": "^1.0.0",
@@ -17,6 +17,7 @@
                 "@deriv/shared": "^1.0.0",
                 "@deriv/stores": "^1.0.0",
                 "@deriv/translations": "^1.0.0",
+                "@deriv/ui": "^0.6.0",
                 "classnames": "^2.2.6",
                 "formik": "^2.1.4",
                 "framer-motion": "^6.5.1",
@@ -58,7 +59,7 @@
                 "css-loader": "^5.0.1",
                 "css-minimizer-webpack-plugin": "^3.0.1",
                 "file-loader": "^6.2.0",
-                "history": "^5.3.0",
+                "history": "^5.0.0",
                 "mini-css-extract-plugin": "^1.3.4",
                 "node-sass": "^7.0.1",
                 "postcss-loader": "^6.2.1",
@@ -69,7 +70,7 @@
                 "sass-loader": "^12.6.0",
                 "sass-resources-loader": "^2.1.1",
                 "typescript": "^4.6.3",
-                "webpack": "^5.46.0",
+                "webpack": "^5.76.0",
                 "webpack-cli": "^4.7.2",
                 "webpack-manifest-plugin": "^4.0.2",
                 "webpack-node-externals": "^2.5.2"
@@ -83,10 +84,12 @@
             "version": "1.0.0",
             "dependencies": {
                 "@deriv/shared": "^1.0.0",
+                "@tanstack/react-query": "^4.28.0",
+                "@tanstack/react-query-devtools": "^4.28.0",
                 "react": "^17.0.2"
             },
             "devDependencies": {
-                "@deriv/api-types": "^1.0.11",
+                "@deriv/api-types": "^1.0.94",
                 "@testing-library/react": "^12.0.0",
                 "@testing-library/react-hooks": "^7.0.2",
                 "@testing-library/user-event": "^13.5.0",
@@ -105,12 +108,13 @@
                 "@contentpass/zxcvbn": "^4.4.3",
                 "@deriv/shared": "^1.0.0",
                 "@deriv/translations": "^1.0.0",
-                "@enykeev/react-virtualized": "^9.22.4-mirror.1",
+                "@types/react-virtualized": "^9.21.21",
                 "classnames": "^2.2.6",
                 "framer-motion": "^6.5.1",
                 "gh-pages": "^2.1.1",
                 "glob": "^7.1.5",
                 "lodash.throttle": "^4.1.1",
+                "moment": "^2.29.2",
                 "prop-types": "^15.7.2",
                 "react": "^17.0.2",
                 "react-content-loader": "^6.2.0",
@@ -120,7 +124,8 @@
                 "react-router-dom": "^5.2.0",
                 "react-swipeable": "^6.2.1",
                 "react-tiny-popover": "^7.0.1",
-                "react-transition-group": "4.4.2"
+                "react-transition-group": "4.4.2",
+                "react-virtualized": "npm:@enykeev/react-virtualized@^9.22.4-mirror.1"
             },
             "devDependencies": {
                 "@babel/core": "^7.12.10",
@@ -137,6 +142,7 @@
                 "@storybook/react": "^6.5.10",
                 "@storybook/testing-library": "^0.0.13",
                 "@testing-library/react": "^12.0.0",
+                "@types/classnames": "^2.2.11",
                 "@types/lodash.throttle": "^4.1.7",
                 "@types/react": "^18.0.7",
                 "@types/react-dom": "^18.0.0",
@@ -180,7 +186,6 @@
             "version": "1.0.0",
             "dependencies": {
                 "@deriv/api": "^1.0.0",
-                "@deriv/shared": "^1.0.0",
                 "@deriv/stores": "^1.0.0",
                 "react": "^17.0.2"
             },
@@ -195,10 +200,6 @@
             "resolved": "../api",
             "link": true
         },
-        "../hooks/node_modules/@deriv/shared": {
-            "resolved": "../shared",
-            "link": true
-        },
         "../hooks/node_modules/@deriv/stores": {
             "resolved": "../stores",
             "link": true
@@ -209,14 +210,17 @@
             "license": "ISC",
             "dependencies": {
                 "@deriv/components": "^1.0.0",
+                "@deriv/hooks": "^1.0.0",
                 "@deriv/shared": "^1.0.0",
+                "@deriv/stores": "^1.0.0",
+                "@deriv/translations": "^1.0.0",
                 "@testing-library/react": "^12.0.0",
                 "classnames": "^2.2.6",
                 "commander": "^3.0.2",
                 "crc-32": "^1.2.0",
                 "formik": "^2.1.4",
                 "glob": "^7.1.5",
-                "i18next": "^20.3.2",
+                "i18next": "^22.4.6",
                 "lodash.debounce": "^4.0.8",
                 "mobx": "^6.6.1",
                 "mobx-react-lite": "^3.4.0",
@@ -225,6 +229,7 @@
                 "react-content-loader": "^6.2.0",
                 "react-dom": "^17.0.2",
                 "react-i18next": "^11.11.0",
+                "react-router-dom": "^5.2.0",
                 "react-simple-star-rating": "4.0.4",
                 "react-svg-loader": "^3.0.3",
                 "react-transition-group": "4.4.2",
@@ -312,13 +317,14 @@
             "version": "1.0.0",
             "license": "Apache-2.0",
             "dependencies": {
-                "@deriv/api-types": "^1.0.11",
+                "@deriv/api-types": "^1.0.94",
+                "@deriv/stores": "^1.0.0",
                 "@deriv/translations": "^1.0.0",
                 "@types/js-cookie": "^3.0.1",
                 "@types/react-loadable": "^5.5.6",
                 "canvas-toBlob": "^1.0.0",
                 "extend": "^3.0.2",
-                "i18next": "^20.3.2",
+                "i18next": "^22.4.6",
                 "js-cookie": "^2.2.1",
                 "mobx": "^6.6.1",
                 "moment": "^2.29.2",
@@ -348,6 +354,7 @@
             "name": "@deriv/stores",
             "version": "1.0.0",
             "dependencies": {
+                "@deriv/api": "1.0.0",
                 "lodash.merge": "^4.6.2",
                 "mobx": "^6.6.1",
                 "mobx-persist-store": "1.1.2",
@@ -355,7 +362,7 @@
                 "react": "^17.0.2"
             },
             "devDependencies": {
-                "@deriv/api-types": "^1.0.11",
+                "@deriv/api-types": "^1.0.94",
                 "@testing-library/react": "^12.0.0",
                 "@testing-library/react-hooks": "^7.0.2",
                 "@types/lodash.merge": "^4.6.7",
@@ -371,7 +378,7 @@
                 "commander": "^3.0.2",
                 "crc-32": "^1.2.0",
                 "glob": "^7.1.5",
-                "i18next": "^20.3.2",
+                "i18next": "^22.4.6",
                 "prop-types": "^15.7.2",
                 "react": "^17.0.2",
                 "react-i18next": "^11.11.0"
@@ -2461,9 +2468,9 @@
             "link": true
         },
         "node_modules/@deriv/api-types": {
-            "version": "1.0.88",
-            "resolved": "https://registry.npmjs.org/@deriv/api-types/-/api-types-1.0.88.tgz",
-            "integrity": "sha512-XzPQEQnYNnO/HfT3iyqazvqAJ/EymxIYxGjyoOJbwlQrE2ht8f00IB8+NTZVvreDbMnMvz+NrwRIeYo+o1qOTA=="
+            "version": "1.0.102",
+            "resolved": "https://registry.npmjs.org/@deriv/api-types/-/api-types-1.0.102.tgz",
+            "integrity": "sha512-A8Dgx9yUwYVxN1tU2sEm5L7uHJBHL63fxluRqSB4TBurYy8JJ+MuHqsA00PO80RTD46XQAyfzs87WJv3WFXLGQ=="
         },
         "node_modules/@deriv/components": {
             "resolved": "../components",
@@ -2499,6 +2506,25 @@
             "resolved": "../translations",
             "link": true
         },
+        "node_modules/@deriv/ui": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/@deriv/ui/-/ui-0.6.0.tgz",
+            "integrity": "sha512-1w/XMuY9BT+xPYJeStdDFat7KlEGfmUT5/5QbIwrDvXDiJVU8G0vvTurhLEBl9YPcQtFPCA27Ma1Nrw3/KQp6g==",
+            "dependencies": {
+                "@radix-ui/react-checkbox": "^1.0.0",
+                "@radix-ui/react-dialog": "^1.0.0",
+                "@radix-ui/react-radio-group": "^1.0.0",
+                "@radix-ui/react-switch": "^1.0.0",
+                "@radix-ui/react-tabs": "^1.0.0",
+                "@radix-ui/react-tooltip": "^1.0.0",
+                "@stitches/react": "^1.2.8",
+                "classnames": "^2.3.1"
+            },
+            "peerDependencies": {
+                "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+                "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+            }
+        },
         "node_modules/@discoveryjs/json-ext": {
             "version": "0.5.7",
             "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
@@ -2586,6 +2612,32 @@
                 "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
             }
         },
+        "node_modules/@floating-ui/core": {
+            "version": "0.7.3",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.3.tgz",
+            "integrity": "sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg=="
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.4.tgz",
+            "integrity": "sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==",
+            "dependencies": {
+                "@floating-ui/core": "^0.7.3"
+            }
+        },
+        "node_modules/@floating-ui/react-dom": {
+            "version": "0.7.2",
+            "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-0.7.2.tgz",
+            "integrity": "sha512-1T0sJcpHgX/u4I1OzIEhlcrvkUN8ln39nz7fMoE/2HDHrPiMFoOGR7++GYyfUmIQHkkrTinaeQsO3XWubjSvGg==",
+            "dependencies": {
+                "@floating-ui/dom": "^0.5.3",
+                "use-isomorphic-layout-effect": "^1.1.1"
+            },
+            "peerDependencies": {
+                "react": ">=16.8.0",
+                "react-dom": ">=16.8.0"
+            }
+        },
         "node_modules/@gar/promisify": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -2898,6 +2950,467 @@
                 "url": "https://github.com/sponsors/isaacs"
             }
         },
+        "node_modules/@radix-ui/primitive": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
+            "integrity": "sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "node_modules/@radix-ui/react-arrow": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.2.tgz",
+            "integrity": "sha512-fqYwhhI9IarZ0ll2cUSfKuXHlJK0qE4AfnRrPBbRwEH/4mGQn04/QFGomLi8TXWIdv9WJk//KgGm+aDxVIr1wA==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.2"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-checkbox": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.0.3.tgz",
+            "integrity": "sha512-55B8/vKzTuzxllH5sGJO4zaBf9gYpJuJRRzaOKm+0oAefRnMvbf+Kgww7IOANVN0w3z7agFJgtnXaZl8Uj95AA==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-use-previous": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-collection": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.2.tgz",
+            "integrity": "sha512-s8WdQQ6wNXpaxdZ308KSr8fEWGrg4un8i4r/w7fhiS4ElRNjk5rRcl0/C6TANG2LvLOGIxtzo/jAg6Qf73TEBw==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-slot": "1.0.1"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-compose-refs": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz",
+            "integrity": "sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-context": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.0.tgz",
+            "integrity": "sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-dialog": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.3.tgz",
+            "integrity": "sha512-owNhq36kNPqC2/a+zJRioPg6HHnTn5B/sh/NjTY8r4W9g1L5VJlrzZIVcBr7R9Mg8iLjVmh6MGgMlfoVf/WO/A==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-dismissable-layer": "1.0.3",
+                "@radix-ui/react-focus-guards": "1.0.0",
+                "@radix-ui/react-focus-scope": "1.0.2",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-portal": "1.0.2",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-slot": "1.0.1",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "aria-hidden": "^1.1.1",
+                "react-remove-scroll": "2.5.5"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-direction": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.0.tgz",
+            "integrity": "sha512-2HV05lGUgYcA6xgLQ4BKPDmtL+QbIZYH5fCOTAOOcJ5O0QbWS3i9lKaurLzliYUDhORI2Qr3pyjhJh44lKA3rQ==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-dismissable-layer": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.3.tgz",
+            "integrity": "sha512-nXZOvFjOuHS1ovumntGV7NNoLaEp9JEvTht3MBjP44NSW5hUKj/8OnfN3+8WmB+CEhN44XaGhpHoSsUIEl5P7Q==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-callback-ref": "1.0.0",
+                "@radix-ui/react-use-escape-keydown": "1.0.2"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-focus-guards": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.0.tgz",
+            "integrity": "sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-focus-scope": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.2.tgz",
+            "integrity": "sha512-spwXlNTfeIprt+kaEWE/qYuYT3ZAqJiAGjN/JgdvgVDTu8yc+HuX+WOWXrKliKnLnwck0F6JDkqIERncnih+4A==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-callback-ref": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-id": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.0.tgz",
+            "integrity": "sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-layout-effect": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-popper": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.1.tgz",
+            "integrity": "sha512-keYDcdMPNMjSC8zTsZ8wezUMiWM9Yj14wtF3s0PTIs9srnEPC9Kt2Gny1T3T81mmSeyDjZxsD9N5WCwNNb712w==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@floating-ui/react-dom": "0.7.2",
+                "@radix-ui/react-arrow": "1.0.2",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-callback-ref": "1.0.0",
+                "@radix-ui/react-use-layout-effect": "1.0.0",
+                "@radix-ui/react-use-rect": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0",
+                "@radix-ui/rect": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-portal": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.2.tgz",
+            "integrity": "sha512-swu32idoCW7KA2VEiUZGBSu9nB6qwGdV6k6HYhUoOo3M1FFpD+VgLzUqtt3mwL1ssz7r2x8MggpLSQach2Xy/Q==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.2"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-presence": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.0.tgz",
+            "integrity": "sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-use-layout-effect": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.2.tgz",
+            "integrity": "sha512-zY6G5Qq4R8diFPNwtyoLRZBxzu1Z+SXMlfYpChN7Dv8gvmx9X3qhDqiLWvKseKVJMuedFeU/Sa0Sy/Ia+t06Dw==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-slot": "1.0.1"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-radio-group": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.1.2.tgz",
+            "integrity": "sha512-S7K8upMjOkx1fTUzEugbfCYPwI9Yw4m2h2ZfJP+ZWP/Mzc/LE2T6QgiAMaSaC3vZSxU5Kk5Eb377zMklWeaaCQ==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-direction": "1.0.0",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-roving-focus": "1.0.3",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-use-previous": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-roving-focus": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.0.3.tgz",
+            "integrity": "sha512-stjCkIoMe6h+1fWtXlA6cRfikdBzCLp3SnVk7c48cv/uy3DTGoXhN76YaOYUJuy3aEDvDIKwKR5KSmvrtPvQPQ==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-collection": "1.0.2",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-direction": "1.0.0",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-callback-ref": "1.0.0",
+                "@radix-ui/react-use-controllable-state": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-slot": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.1.tgz",
+            "integrity": "sha512-avutXAFL1ehGvAXtPquu0YK5oz6ctS474iM3vNGQIkswrVhdrS52e3uoMQBzZhNRAIE0jBnUyXWNmSjGHhCFcw==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-compose-refs": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-switch": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.0.2.tgz",
+            "integrity": "sha512-BcG/LKehxt36NXG0wPnoCitIfSMtU9Xo7BmythYA1PAMLtsMvW7kALfBzmduQoHTWcKr0AVcFyh0gChBUp9TiQ==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-use-previous": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-tabs": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.0.3.tgz",
+            "integrity": "sha512-4CkF/Rx1GcrusI/JZ1Rvyx4okGUs6wEenWA0RG/N+CwkRhTy7t54y7BLsWUXrAz/GRbBfHQg/Odfs/RoW0CiRA==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-direction": "1.0.0",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-roving-focus": "1.0.3",
+                "@radix-ui/react-use-controllable-state": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-tooltip": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.0.5.tgz",
+            "integrity": "sha512-cDKVcfzyO6PpckZekODJZDe5ZxZ2fCZlzKzTmPhe4mX9qTHRfLcKgqb0OKf22xLwDequ2tVleim+ZYx3rabD5w==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-dismissable-layer": "1.0.3",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-popper": "1.1.1",
+                "@radix-ui/react-portal": "1.0.2",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-slot": "1.0.1",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-visually-hidden": "1.0.2"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-use-callback-ref": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
+            "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-use-controllable-state": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz",
+            "integrity": "sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-callback-ref": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-use-escape-keydown": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.2.tgz",
+            "integrity": "sha512-DXGim3x74WgUv+iMNCF+cAo8xUHHeqvjx8zs7trKf+FkQKPQXLk2sX7Gx1ysH7Q76xCpZuxIJE7HLPxRE+Q+GA==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-callback-ref": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-use-layout-effect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
+            "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-use-previous": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.0.0.tgz",
+            "integrity": "sha512-RG2K8z/K7InnOKpq6YLDmT49HGjNmrK+fr82UCVKT2sW0GYfVnYp4wZWBooT/EYfQ5faA9uIjvsuMMhH61rheg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-use-rect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.0.tgz",
+            "integrity": "sha512-TB7pID8NRMEHxb/qQJpvSt3hQU4sqNPM1VCTjTRjEOa7cEop/QMuq8S6fb/5Tsz64kqSvB9WnwsDHtjnrM9qew==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/rect": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-use-size": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.0.tgz",
+            "integrity": "sha512-imZ3aYcoYCKhhgNpkNDh/aTiU05qw9hX+HHI1QDBTyIlcFjgeFlKKySNGMwTp7nYFLQg/j0VA2FmCY4WPDDHMg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-layout-effect": "1.0.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/react-visually-hidden": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.2.tgz",
+            "integrity": "sha512-qirnJxtYn73HEk1rXL12/mXnu2rwsNHDID10th2JGtdK25T9wX+mxRmGt7iPSahw512GbZOc0syZX1nLQGoEOg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.2"
+            },
+            "peerDependencies": {
+                "react": "^16.8 || ^17.0 || ^18.0",
+                "react-dom": "^16.8 || ^17.0 || ^18.0"
+            }
+        },
+        "node_modules/@radix-ui/rect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.0.tgz",
+            "integrity": "sha512-d0O68AYy/9oeEy1DdC07bz1/ZXX+DqCskRd3i4JzLSTXwefzaepQrKjXC7aNM8lTHjFLDO0pDgaEiQ7jEk+HVg==",
+            "dependencies": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "node_modules/@stitches/react": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@stitches/react/-/react-1.2.8.tgz",
+            "integrity": "sha512-9g9dWI4gsSVe8bNLlb+lMkBYsnIKCZTmvqvDG+Avnn69XfmHZKiaMrx7cgTaddq7aTPPmXiTsbFcUy0xgI4+wA==",
+            "peerDependencies": {
+                "react": ">= 16.3.0"
+            }
+        },
         "node_modules/@testing-library/dom": {
             "version": "9.0.0",
             "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.0.0.tgz",
@@ -3243,7 +3756,7 @@
             "version": "15.7.5",
             "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
             "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==",
-            "dev": true
+            "devOptional": true
         },
         "node_modules/@types/q": {
             "version": "1.5.5",
@@ -3264,7 +3777,7 @@
             "version": "18.0.28",
             "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.28.tgz",
             "integrity": "sha512-RD0ivG1kEztNBdoAK7lekI9M+azSnitIn85h4iOiaLjaTrMjzslhaqCGaI4IyCJ1RljWiLCEu4jyrLLgqxBTew==",
-            "dev": true,
+            "devOptional": true,
             "dependencies": {
                 "@types/prop-types": "*",
                 "@types/scheduler": "*",
@@ -3284,7 +3797,7 @@
             "version": "0.16.2",
             "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
             "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==",
-            "dev": true
+            "devOptional": true
         },
         "node_modules/@types/source-list-map": {
             "version": "0.1.2",
@@ -3748,6 +4261,22 @@
             "dev": true,
             "peer": true
         },
+        "node_modules/aria-hidden": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+            "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+            "dependencies": {
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/aria-hidden/node_modules/tslib": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+            "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+        },
         "node_modules/aria-query": {
             "version": "5.1.3",
             "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
@@ -4926,7 +5455,7 @@
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
             "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==",
-            "dev": true
+            "devOptional": true
         },
         "node_modules/d": {
             "version": "1.0.1",
@@ -5153,6 +5682,11 @@
                 "node": ">= 0.8"
             }
         },
+        "node_modules/detect-node-es": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+            "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+        },
         "node_modules/dir-glob": {
             "version": "3.0.1",
             "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -6315,6 +6849,14 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/get-nonce": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+            "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/get-stdin": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
@@ -6862,6 +7404,14 @@
                 "node": ">= 0.10"
             }
         },
+        "node_modules/invariant": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+            "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+            "dependencies": {
+                "loose-envify": "^1.0.0"
+            }
+        },
         "node_modules/ip": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz",
@@ -10110,28 +10660,83 @@
                 "react": "*"
             }
         },
-        "node_modules/react-router": {
-            "version": "5.3.4",
-            "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.3.4.tgz",
-            "integrity": "sha512-Ys9K+ppnJah3QuaRiLxk+jDWOR1MekYQrlytiXxC1RyfbdsZkS5pvKAzCCr031xHixZwpnsYNT5xysdFHQaYsA==",
+        "node_modules/react-remove-scroll": {
+            "version": "2.5.5",
+            "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz",
+            "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==",
             "dependencies": {
-                "@babel/runtime": "^7.12.13",
-                "history": "^4.9.0",
-                "hoist-non-react-statics": "^3.1.0",
-                "loose-envify": "^1.3.1",
-                "path-to-regexp": "^1.7.0",
-                "prop-types": "^15.6.2",
-                "react-is": "^16.6.0",
-                "tiny-invariant": "^1.0.2",
-                "tiny-warning": "^1.0.0"
+                "react-remove-scroll-bar": "^2.3.3",
+                "react-style-singleton": "^2.2.1",
+                "tslib": "^2.1.0",
+                "use-callback-ref": "^1.3.0",
+                "use-sidecar": "^1.1.2"
+            },
+            "engines": {
+                "node": ">=10"
             },
             "peerDependencies": {
-                "react": ">=15"
+                "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
             }
         },
-        "node_modules/react-router-dom": {
-            "version": "5.3.4",
-            "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.3.4.tgz",
+        "node_modules/react-remove-scroll-bar": {
+            "version": "2.3.4",
+            "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+            "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+            "dependencies": {
+                "react-style-singleton": "^2.2.1",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/react-remove-scroll-bar/node_modules/tslib": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+            "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+        },
+        "node_modules/react-remove-scroll/node_modules/tslib": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+            "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+        },
+        "node_modules/react-router": {
+            "version": "5.3.4",
+            "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.3.4.tgz",
+            "integrity": "sha512-Ys9K+ppnJah3QuaRiLxk+jDWOR1MekYQrlytiXxC1RyfbdsZkS5pvKAzCCr031xHixZwpnsYNT5xysdFHQaYsA==",
+            "dependencies": {
+                "@babel/runtime": "^7.12.13",
+                "history": "^4.9.0",
+                "hoist-non-react-statics": "^3.1.0",
+                "loose-envify": "^1.3.1",
+                "path-to-regexp": "^1.7.0",
+                "prop-types": "^15.6.2",
+                "react-is": "^16.6.0",
+                "tiny-invariant": "^1.0.2",
+                "tiny-warning": "^1.0.0"
+            },
+            "peerDependencies": {
+                "react": ">=15"
+            }
+        },
+        "node_modules/react-router-dom": {
+            "version": "5.3.4",
+            "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.3.4.tgz",
             "integrity": "sha512-m4EqFMHv/Ih4kpcBCONHbkT68KoAeHN4p3lAGoNryfHi0dMy0kCzEZakiKRsvg5wHZ/JLrLW8o8KomWiz/qbYQ==",
             "dependencies": {
                 "@babel/runtime": "^7.12.13",
@@ -10172,6 +10777,33 @@
                 "value-equal": "^1.0.1"
             }
         },
+        "node_modules/react-style-singleton": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+            "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+            "dependencies": {
+                "get-nonce": "^1.0.0",
+                "invariant": "^2.2.4",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/react-style-singleton/node_modules/tslib": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+            "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+        },
         "node_modules/react-svg-core": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/react-svg-core/-/react-svg-core-3.0.3.tgz",
@@ -12030,6 +12662,70 @@
             "deprecated": "Please see https://github.com/lydell/urix#deprecated",
             "dev": true
         },
+        "node_modules/use-callback-ref": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
+            "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+            "dependencies": {
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/use-callback-ref/node_modules/tslib": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+            "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+        },
+        "node_modules/use-isomorphic-layout-effect": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
+            "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
+            "peerDependencies": {
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/use-sidecar": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+            "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+            "dependencies": {
+                "detect-node-es": "^1.1.0",
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+                "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/react": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/use-sidecar/node_modules/tslib": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+            "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+        },
         "node_modules/util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -12104,9 +12800,9 @@
             }
         },
         "node_modules/webpack": {
-            "version": "5.75.0",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz",
-            "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==",
+            "version": "5.76.0",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz",
+            "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==",
             "dev": true,
             "dependencies": {
                 "@types/eslint-scope": "^3.7.3",
@@ -13877,8 +14573,10 @@
         "@deriv/api": {
             "version": "file:../api",
             "requires": {
-                "@deriv/api-types": "^1.0.11",
+                "@deriv/api-types": "^1.0.94",
                 "@deriv/shared": "^1.0.0",
+                "@tanstack/react-query": "^4.28.0",
+                "@tanstack/react-query-devtools": "^4.28.0",
                 "@testing-library/react": "^12.0.0",
                 "@testing-library/react-hooks": "^7.0.2",
                 "@testing-library/user-event": "^13.5.0",
@@ -13891,7 +14589,8 @@
                     "requires": {
                         "@babel/eslint-parser": "^7.17.0",
                         "@babel/preset-react": "^7.16.7",
-                        "@deriv/api-types": "^1.0.11",
+                        "@deriv/api-types": "^1.0.94",
+                        "@deriv/stores": "^1.0.0",
                         "@deriv/translations": "^1.0.0",
                         "@types/js-cookie": "^3.0.1",
                         "@types/jsdom": "^20.0.0",
@@ -13900,7 +14599,7 @@
                         "@types/react-loadable": "^5.5.6",
                         "canvas-toBlob": "^1.0.0",
                         "extend": "^3.0.2",
-                        "i18next": "^20.3.2",
+                        "i18next": "^22.4.6",
                         "js-cookie": "^2.2.1",
                         "jsdom": "^16.2.1",
                         "mobx": "^6.6.1",
@@ -13921,7 +14620,7 @@
                                 "crc-32": "^1.2.0",
                                 "cross-env": "^5.2.0",
                                 "glob": "^7.1.5",
-                                "i18next": "^20.3.2",
+                                "i18next": "^22.4.6",
                                 "prop-types": "^15.7.2",
                                 "react": "^17.0.2",
                                 "react-i18next": "^11.11.0"
@@ -13932,9 +14631,9 @@
             }
         },
         "@deriv/api-types": {
-            "version": "1.0.88",
-            "resolved": "https://registry.npmjs.org/@deriv/api-types/-/api-types-1.0.88.tgz",
-            "integrity": "sha512-XzPQEQnYNnO/HfT3iyqazvqAJ/EymxIYxGjyoOJbwlQrE2ht8f00IB8+NTZVvreDbMnMvz+NrwRIeYo+o1qOTA=="
+            "version": "1.0.102",
+            "resolved": "https://registry.npmjs.org/@deriv/api-types/-/api-types-1.0.102.tgz",
+            "integrity": "sha512-A8Dgx9yUwYVxN1tU2sEm5L7uHJBHL63fxluRqSB4TBurYy8JJ+MuHqsA00PO80RTD46XQAyfzs87WJv3WFXLGQ=="
         },
         "@deriv/components": {
             "version": "file:../components",
@@ -13945,7 +14644,6 @@
                 "@contentpass/zxcvbn": "^4.4.3",
                 "@deriv/shared": "^1.0.0",
                 "@deriv/translations": "^1.0.0",
-                "@enykeev/react-virtualized": "^9.22.4-mirror.1",
                 "@storybook/addon-actions": "^6.5.10",
                 "@storybook/addon-essentials": "^6.5.10",
                 "@storybook/addon-info": "^5.3.21",
@@ -13957,9 +14655,11 @@
                 "@storybook/react": "^6.5.10",
                 "@storybook/testing-library": "^0.0.13",
                 "@testing-library/react": "^12.0.0",
+                "@types/classnames": "^2.2.11",
                 "@types/lodash.throttle": "^4.1.7",
                 "@types/react": "^18.0.7",
                 "@types/react-dom": "^18.0.0",
+                "@types/react-virtualized": "^9.21.21",
                 "babel-loader": "^8.1.0",
                 "classnames": "^2.2.6",
                 "copy-webpack-plugin": "^9.0.1",
@@ -13977,6 +14677,7 @@
                 "glob": "^7.1.5",
                 "lint-staged": "^10.4.0",
                 "lodash.throttle": "^4.1.1",
+                "moment": "^2.29.2",
                 "node-sass": "^7.0.1",
                 "prop-types": "^15.7.2",
                 "react": "^17.0.2",
@@ -13988,6 +14689,7 @@
                 "react-swipeable": "^6.2.1",
                 "react-tiny-popover": "^7.0.1",
                 "react-transition-group": "4.4.2",
+                "react-virtualized": "npm:@enykeev/react-virtualized@^9.22.4-mirror.1",
                 "sass-loader": "^12.6.0",
                 "sass-resources-loader": "^2.1.1",
                 "style-loader": "^1.2.1",
@@ -14004,7 +14706,8 @@
                     "requires": {
                         "@babel/eslint-parser": "^7.17.0",
                         "@babel/preset-react": "^7.16.7",
-                        "@deriv/api-types": "^1.0.11",
+                        "@deriv/api-types": "^1.0.94",
+                        "@deriv/stores": "^1.0.0",
                         "@deriv/translations": "^1.0.0",
                         "@types/js-cookie": "^3.0.1",
                         "@types/jsdom": "^20.0.0",
@@ -14013,7 +14716,7 @@
                         "@types/react-loadable": "^5.5.6",
                         "canvas-toBlob": "^1.0.0",
                         "extend": "^3.0.2",
-                        "i18next": "^20.3.2",
+                        "i18next": "^22.4.6",
                         "js-cookie": "^2.2.1",
                         "jsdom": "^16.2.1",
                         "mobx": "^6.6.1",
@@ -14034,7 +14737,7 @@
                                 "crc-32": "^1.2.0",
                                 "cross-env": "^5.2.0",
                                 "glob": "^7.1.5",
-                                "i18next": "^20.3.2",
+                                "i18next": "^22.4.6",
                                 "prop-types": "^15.7.2",
                                 "react": "^17.0.2",
                                 "react-i18next": "^11.11.0"
@@ -14052,7 +14755,7 @@
                         "crc-32": "^1.2.0",
                         "cross-env": "^5.2.0",
                         "glob": "^7.1.5",
-                        "i18next": "^20.3.2",
+                        "i18next": "^22.4.6",
                         "prop-types": "^15.7.2",
                         "react": "^17.0.2",
                         "react-i18next": "^11.11.0"
@@ -14074,7 +14777,6 @@
             "version": "file:../hooks",
             "requires": {
                 "@deriv/api": "^1.0.0",
-                "@deriv/shared": "^1.0.0",
                 "@deriv/stores": "^1.0.0",
                 "@testing-library/react": "^12.0.0",
                 "@testing-library/react-hooks": "^7.0.2",
@@ -14086,8 +14788,10 @@
                 "@deriv/api": {
                     "version": "file:../api",
                     "requires": {
-                        "@deriv/api-types": "^1.0.11",
+                        "@deriv/api-types": "^1.0.94",
                         "@deriv/shared": "^1.0.0",
+                        "@tanstack/react-query": "^4.28.0",
+                        "@tanstack/react-query-devtools": "^4.28.0",
                         "@testing-library/react": "^12.0.0",
                         "@testing-library/react-hooks": "^7.0.2",
                         "@testing-library/user-event": "^13.5.0",
@@ -14100,7 +14804,8 @@
                             "requires": {
                                 "@babel/eslint-parser": "^7.17.0",
                                 "@babel/preset-react": "^7.16.7",
-                                "@deriv/api-types": "^1.0.11",
+                                "@deriv/api-types": "^1.0.94",
+                                "@deriv/stores": "^1.0.0",
                                 "@deriv/translations": "^1.0.0",
                                 "@types/js-cookie": "^3.0.1",
                                 "@types/jsdom": "^20.0.0",
@@ -14109,7 +14814,7 @@
                                 "@types/react-loadable": "^5.5.6",
                                 "canvas-toBlob": "^1.0.0",
                                 "extend": "^3.0.2",
-                                "i18next": "^20.3.2",
+                                "i18next": "^22.4.6",
                                 "js-cookie": "^2.2.1",
                                 "jsdom": "^16.2.1",
                                 "mobx": "^6.6.1",
@@ -14130,7 +14835,7 @@
                                         "crc-32": "^1.2.0",
                                         "cross-env": "^5.2.0",
                                         "glob": "^7.1.5",
-                                        "i18next": "^20.3.2",
+                                        "i18next": "^22.4.6",
                                         "prop-types": "^15.7.2",
                                         "react": "^17.0.2",
                                         "react-i18next": "^11.11.0"
@@ -14140,53 +14845,11 @@
                         }
                     }
                 },
-                "@deriv/shared": {
-                    "version": "file:../shared",
-                    "requires": {
-                        "@babel/eslint-parser": "^7.17.0",
-                        "@babel/preset-react": "^7.16.7",
-                        "@deriv/api-types": "^1.0.11",
-                        "@deriv/translations": "^1.0.0",
-                        "@types/js-cookie": "^3.0.1",
-                        "@types/jsdom": "^20.0.0",
-                        "@types/react": "^18.0.7",
-                        "@types/react-dom": "^18.0.0",
-                        "@types/react-loadable": "^5.5.6",
-                        "canvas-toBlob": "^1.0.0",
-                        "extend": "^3.0.2",
-                        "i18next": "^20.3.2",
-                        "js-cookie": "^2.2.1",
-                        "jsdom": "^16.2.1",
-                        "mobx": "^6.6.1",
-                        "moment": "^2.29.2",
-                        "object.fromentries": "^2.0.0",
-                        "react": "^17.0.2",
-                        "react-loadable": "^5.5.0",
-                        "typescript": "^4.6.3"
-                    },
-                    "dependencies": {
-                        "@deriv/translations": {
-                            "version": "file:../translations",
-                            "requires": {
-                                "@babel/eslint-parser": "^7.17.0",
-                                "@babel/preset-react": "^7.16.7",
-                                "@xmldom/xmldom": "^0.8.4",
-                                "commander": "^3.0.2",
-                                "crc-32": "^1.2.0",
-                                "cross-env": "^5.2.0",
-                                "glob": "^7.1.5",
-                                "i18next": "^20.3.2",
-                                "prop-types": "^15.7.2",
-                                "react": "^17.0.2",
-                                "react-i18next": "^11.11.0"
-                            }
-                        }
-                    }
-                },
                 "@deriv/stores": {
                     "version": "file:../stores",
                     "requires": {
-                        "@deriv/api-types": "^1.0.11",
+                        "@deriv/api": "1.0.0",
+                        "@deriv/api-types": "^1.0.94",
                         "@testing-library/react": "^12.0.0",
                         "@testing-library/react-hooks": "^7.0.2",
                         "@types/lodash.merge": "^4.6.7",
@@ -14217,8 +14880,11 @@
                 "@babel/preset-env": "^7.12.11",
                 "@babel/preset-react": "^7.16.7",
                 "@deriv/components": "^1.0.0",
+                "@deriv/hooks": "^1.0.0",
                 "@deriv/publisher": "0.0.1-beta4",
                 "@deriv/shared": "^1.0.0",
+                "@deriv/stores": "^1.0.0",
+                "@deriv/translations": "^1.0.0",
                 "@testing-library/react": "^12.0.0",
                 "@types/react": "^18.0.7",
                 "@types/react-dom": "^18.0.0",
@@ -14241,7 +14907,7 @@
                 "eslint-plugin-react-hooks": "^4.2.0",
                 "formik": "^2.1.4",
                 "glob": "^7.1.5",
-                "i18next": "^20.3.2",
+                "i18next": "^22.4.6",
                 "lint-staged": "^10.4.0",
                 "lodash.debounce": "^4.0.8",
                 "mini-css-extract-plugin": "^1.3.4",
@@ -14256,6 +14922,7 @@
                 "react-content-loader": "^6.2.0",
                 "react-dom": "^17.0.2",
                 "react-i18next": "^11.11.0",
+                "react-router-dom": "^5.2.0",
                 "react-simple-star-rating": "4.0.4",
                 "react-svg-loader": "^3.0.3",
                 "react-transition-group": "4.4.2",
@@ -14279,7 +14946,6 @@
                         "@contentpass/zxcvbn": "^4.4.3",
                         "@deriv/shared": "^1.0.0",
                         "@deriv/translations": "^1.0.0",
-                        "@enykeev/react-virtualized": "^9.22.4-mirror.1",
                         "@storybook/addon-actions": "^6.5.10",
                         "@storybook/addon-essentials": "^6.5.10",
                         "@storybook/addon-info": "^5.3.21",
@@ -14291,9 +14957,11 @@
                         "@storybook/react": "^6.5.10",
                         "@storybook/testing-library": "^0.0.13",
                         "@testing-library/react": "^12.0.0",
+                        "@types/classnames": "^2.2.11",
                         "@types/lodash.throttle": "^4.1.7",
                         "@types/react": "^18.0.7",
                         "@types/react-dom": "^18.0.0",
+                        "@types/react-virtualized": "^9.21.21",
                         "babel-loader": "^8.1.0",
                         "classnames": "^2.2.6",
                         "copy-webpack-plugin": "^9.0.1",
@@ -14311,6 +14979,7 @@
                         "glob": "^7.1.5",
                         "lint-staged": "^10.4.0",
                         "lodash.throttle": "^4.1.1",
+                        "moment": "^2.29.2",
                         "node-sass": "^7.0.1",
                         "prop-types": "^15.7.2",
                         "react": "^17.0.2",
@@ -14322,6 +14991,7 @@
                         "react-swipeable": "^6.2.1",
                         "react-tiny-popover": "^7.0.1",
                         "react-transition-group": "4.4.2",
+                        "react-virtualized": "npm:@enykeev/react-virtualized@^9.22.4-mirror.1",
                         "sass-loader": "^12.6.0",
                         "sass-resources-loader": "^2.1.1",
                         "style-loader": "^1.2.1",
@@ -14338,7 +15008,8 @@
                             "requires": {
                                 "@babel/eslint-parser": "^7.17.0",
                                 "@babel/preset-react": "^7.16.7",
-                                "@deriv/api-types": "^1.0.11",
+                                "@deriv/api-types": "^1.0.94",
+                                "@deriv/stores": "^1.0.0",
                                 "@deriv/translations": "^1.0.0",
                                 "@types/js-cookie": "^3.0.1",
                                 "@types/jsdom": "^20.0.0",
@@ -14347,7 +15018,7 @@
                                 "@types/react-loadable": "^5.5.6",
                                 "canvas-toBlob": "^1.0.0",
                                 "extend": "^3.0.2",
-                                "i18next": "^20.3.2",
+                                "i18next": "^22.4.6",
                                 "js-cookie": "^2.2.1",
                                 "jsdom": "^16.2.1",
                                 "mobx": "^6.6.1",
@@ -14368,7 +15039,7 @@
                                         "crc-32": "^1.2.0",
                                         "cross-env": "^5.2.0",
                                         "glob": "^7.1.5",
-                                        "i18next": "^20.3.2",
+                                        "i18next": "^22.4.6",
                                         "prop-types": "^15.7.2",
                                         "react": "^17.0.2",
                                         "react-i18next": "^11.11.0"
@@ -14386,7 +15057,7 @@
                                 "crc-32": "^1.2.0",
                                 "cross-env": "^5.2.0",
                                 "glob": "^7.1.5",
-                                "i18next": "^20.3.2",
+                                "i18next": "^22.4.6",
                                 "prop-types": "^15.7.2",
                                 "react": "^17.0.2",
                                 "react-i18next": "^11.11.0"
@@ -14406,7 +15077,8 @@
                     "requires": {
                         "@babel/eslint-parser": "^7.17.0",
                         "@babel/preset-react": "^7.16.7",
-                        "@deriv/api-types": "^1.0.11",
+                        "@deriv/api-types": "^1.0.94",
+                        "@deriv/stores": "^1.0.0",
                         "@deriv/translations": "^1.0.0",
                         "@types/js-cookie": "^3.0.1",
                         "@types/jsdom": "^20.0.0",
@@ -14415,7 +15087,7 @@
                         "@types/react-loadable": "^5.5.6",
                         "canvas-toBlob": "^1.0.0",
                         "extend": "^3.0.2",
-                        "i18next": "^20.3.2",
+                        "i18next": "^22.4.6",
                         "js-cookie": "^2.2.1",
                         "jsdom": "^16.2.1",
                         "mobx": "^6.6.1",
@@ -14436,7 +15108,7 @@
                                 "crc-32": "^1.2.0",
                                 "cross-env": "^5.2.0",
                                 "glob": "^7.1.5",
-                                "i18next": "^20.3.2",
+                                "i18next": "^22.4.6",
                                 "prop-types": "^15.7.2",
                                 "react": "^17.0.2",
                                 "react-i18next": "^11.11.0"
@@ -14451,7 +15123,8 @@
             "requires": {
                 "@babel/eslint-parser": "^7.17.0",
                 "@babel/preset-react": "^7.16.7",
-                "@deriv/api-types": "^1.0.11",
+                "@deriv/api-types": "^1.0.94",
+                "@deriv/stores": "^1.0.0",
                 "@deriv/translations": "^1.0.0",
                 "@types/js-cookie": "^3.0.1",
                 "@types/jsdom": "^20.0.0",
@@ -14460,7 +15133,7 @@
                 "@types/react-loadable": "^5.5.6",
                 "canvas-toBlob": "^1.0.0",
                 "extend": "^3.0.2",
-                "i18next": "^20.3.2",
+                "i18next": "^22.4.6",
                 "js-cookie": "^2.2.1",
                 "jsdom": "^16.2.1",
                 "mobx": "^6.6.1",
@@ -14481,7 +15154,7 @@
                         "crc-32": "^1.2.0",
                         "cross-env": "^5.2.0",
                         "glob": "^7.1.5",
-                        "i18next": "^20.3.2",
+                        "i18next": "^22.4.6",
                         "prop-types": "^15.7.2",
                         "react": "^17.0.2",
                         "react-i18next": "^11.11.0"
@@ -14492,7 +15165,8 @@
         "@deriv/stores": {
             "version": "file:../stores",
             "requires": {
-                "@deriv/api-types": "^1.0.11",
+                "@deriv/api": "1.0.0",
+                "@deriv/api-types": "^1.0.94",
                 "@testing-library/react": "^12.0.0",
                 "@testing-library/react-hooks": "^7.0.2",
                 "@types/lodash.merge": "^4.6.7",
@@ -14515,12 +15189,27 @@
                 "crc-32": "^1.2.0",
                 "cross-env": "^5.2.0",
                 "glob": "^7.1.5",
-                "i18next": "^20.3.2",
+                "i18next": "^22.4.6",
                 "prop-types": "^15.7.2",
                 "react": "^17.0.2",
                 "react-i18next": "^11.11.0"
             }
         },
+        "@deriv/ui": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/@deriv/ui/-/ui-0.6.0.tgz",
+            "integrity": "sha512-1w/XMuY9BT+xPYJeStdDFat7KlEGfmUT5/5QbIwrDvXDiJVU8G0vvTurhLEBl9YPcQtFPCA27Ma1Nrw3/KQp6g==",
+            "requires": {
+                "@radix-ui/react-checkbox": "^1.0.0",
+                "@radix-ui/react-dialog": "^1.0.0",
+                "@radix-ui/react-radio-group": "^1.0.0",
+                "@radix-ui/react-switch": "^1.0.0",
+                "@radix-ui/react-tabs": "^1.0.0",
+                "@radix-ui/react-tooltip": "^1.0.0",
+                "@stitches/react": "^1.2.8",
+                "classnames": "^2.3.1"
+            }
+        },
         "@discoveryjs/json-ext": {
             "version": "0.5.7",
             "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
@@ -14586,6 +15275,28 @@
             "dev": true,
             "peer": true
         },
+        "@floating-ui/core": {
+            "version": "0.7.3",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.3.tgz",
+            "integrity": "sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg=="
+        },
+        "@floating-ui/dom": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.4.tgz",
+            "integrity": "sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==",
+            "requires": {
+                "@floating-ui/core": "^0.7.3"
+            }
+        },
+        "@floating-ui/react-dom": {
+            "version": "0.7.2",
+            "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-0.7.2.tgz",
+            "integrity": "sha512-1T0sJcpHgX/u4I1OzIEhlcrvkUN8ln39nz7fMoE/2HDHrPiMFoOGR7++GYyfUmIQHkkrTinaeQsO3XWubjSvGg==",
+            "requires": {
+                "@floating-ui/dom": "^0.5.3",
+                "use-isomorphic-layout-effect": "^1.1.1"
+            }
+        },
         "@gar/promisify": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -14864,6 +15575,362 @@
                 }
             }
         },
+        "@radix-ui/primitive": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
+            "integrity": "sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@radix-ui/react-arrow": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.2.tgz",
+            "integrity": "sha512-fqYwhhI9IarZ0ll2cUSfKuXHlJK0qE4AfnRrPBbRwEH/4mGQn04/QFGomLi8TXWIdv9WJk//KgGm+aDxVIr1wA==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.2"
+            }
+        },
+        "@radix-ui/react-checkbox": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.0.3.tgz",
+            "integrity": "sha512-55B8/vKzTuzxllH5sGJO4zaBf9gYpJuJRRzaOKm+0oAefRnMvbf+Kgww7IOANVN0w3z7agFJgtnXaZl8Uj95AA==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-use-previous": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0"
+            }
+        },
+        "@radix-ui/react-collection": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.2.tgz",
+            "integrity": "sha512-s8WdQQ6wNXpaxdZ308KSr8fEWGrg4un8i4r/w7fhiS4ElRNjk5rRcl0/C6TANG2LvLOGIxtzo/jAg6Qf73TEBw==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-slot": "1.0.1"
+            }
+        },
+        "@radix-ui/react-compose-refs": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz",
+            "integrity": "sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@radix-ui/react-context": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.0.tgz",
+            "integrity": "sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@radix-ui/react-dialog": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.3.tgz",
+            "integrity": "sha512-owNhq36kNPqC2/a+zJRioPg6HHnTn5B/sh/NjTY8r4W9g1L5VJlrzZIVcBr7R9Mg8iLjVmh6MGgMlfoVf/WO/A==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-dismissable-layer": "1.0.3",
+                "@radix-ui/react-focus-guards": "1.0.0",
+                "@radix-ui/react-focus-scope": "1.0.2",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-portal": "1.0.2",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-slot": "1.0.1",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "aria-hidden": "^1.1.1",
+                "react-remove-scroll": "2.5.5"
+            }
+        },
+        "@radix-ui/react-direction": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.0.tgz",
+            "integrity": "sha512-2HV05lGUgYcA6xgLQ4BKPDmtL+QbIZYH5fCOTAOOcJ5O0QbWS3i9lKaurLzliYUDhORI2Qr3pyjhJh44lKA3rQ==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@radix-ui/react-dismissable-layer": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.3.tgz",
+            "integrity": "sha512-nXZOvFjOuHS1ovumntGV7NNoLaEp9JEvTht3MBjP44NSW5hUKj/8OnfN3+8WmB+CEhN44XaGhpHoSsUIEl5P7Q==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-callback-ref": "1.0.0",
+                "@radix-ui/react-use-escape-keydown": "1.0.2"
+            }
+        },
+        "@radix-ui/react-focus-guards": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.0.tgz",
+            "integrity": "sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@radix-ui/react-focus-scope": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.2.tgz",
+            "integrity": "sha512-spwXlNTfeIprt+kaEWE/qYuYT3ZAqJiAGjN/JgdvgVDTu8yc+HuX+WOWXrKliKnLnwck0F6JDkqIERncnih+4A==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-callback-ref": "1.0.0"
+            }
+        },
+        "@radix-ui/react-id": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.0.tgz",
+            "integrity": "sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-layout-effect": "1.0.0"
+            }
+        },
+        "@radix-ui/react-popper": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.1.tgz",
+            "integrity": "sha512-keYDcdMPNMjSC8zTsZ8wezUMiWM9Yj14wtF3s0PTIs9srnEPC9Kt2Gny1T3T81mmSeyDjZxsD9N5WCwNNb712w==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@floating-ui/react-dom": "0.7.2",
+                "@radix-ui/react-arrow": "1.0.2",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-callback-ref": "1.0.0",
+                "@radix-ui/react-use-layout-effect": "1.0.0",
+                "@radix-ui/react-use-rect": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0",
+                "@radix-ui/rect": "1.0.0"
+            }
+        },
+        "@radix-ui/react-portal": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.2.tgz",
+            "integrity": "sha512-swu32idoCW7KA2VEiUZGBSu9nB6qwGdV6k6HYhUoOo3M1FFpD+VgLzUqtt3mwL1ssz7r2x8MggpLSQach2Xy/Q==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.2"
+            }
+        },
+        "@radix-ui/react-presence": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.0.tgz",
+            "integrity": "sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-use-layout-effect": "1.0.0"
+            }
+        },
+        "@radix-ui/react-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.2.tgz",
+            "integrity": "sha512-zY6G5Qq4R8diFPNwtyoLRZBxzu1Z+SXMlfYpChN7Dv8gvmx9X3qhDqiLWvKseKVJMuedFeU/Sa0Sy/Ia+t06Dw==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-slot": "1.0.1"
+            }
+        },
+        "@radix-ui/react-radio-group": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.1.2.tgz",
+            "integrity": "sha512-S7K8upMjOkx1fTUzEugbfCYPwI9Yw4m2h2ZfJP+ZWP/Mzc/LE2T6QgiAMaSaC3vZSxU5Kk5Eb377zMklWeaaCQ==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-direction": "1.0.0",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-roving-focus": "1.0.3",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-use-previous": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0"
+            }
+        },
+        "@radix-ui/react-roving-focus": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.0.3.tgz",
+            "integrity": "sha512-stjCkIoMe6h+1fWtXlA6cRfikdBzCLp3SnVk7c48cv/uy3DTGoXhN76YaOYUJuy3aEDvDIKwKR5KSmvrtPvQPQ==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-collection": "1.0.2",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-direction": "1.0.0",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-callback-ref": "1.0.0",
+                "@radix-ui/react-use-controllable-state": "1.0.0"
+            }
+        },
+        "@radix-ui/react-slot": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.1.tgz",
+            "integrity": "sha512-avutXAFL1ehGvAXtPquu0YK5oz6ctS474iM3vNGQIkswrVhdrS52e3uoMQBzZhNRAIE0jBnUyXWNmSjGHhCFcw==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-compose-refs": "1.0.0"
+            }
+        },
+        "@radix-ui/react-switch": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.0.2.tgz",
+            "integrity": "sha512-BcG/LKehxt36NXG0wPnoCitIfSMtU9Xo7BmythYA1PAMLtsMvW7kALfBzmduQoHTWcKr0AVcFyh0gChBUp9TiQ==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-use-previous": "1.0.0",
+                "@radix-ui/react-use-size": "1.0.0"
+            }
+        },
+        "@radix-ui/react-tabs": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.0.3.tgz",
+            "integrity": "sha512-4CkF/Rx1GcrusI/JZ1Rvyx4okGUs6wEenWA0RG/N+CwkRhTy7t54y7BLsWUXrAz/GRbBfHQg/Odfs/RoW0CiRA==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-direction": "1.0.0",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-roving-focus": "1.0.3",
+                "@radix-ui/react-use-controllable-state": "1.0.0"
+            }
+        },
+        "@radix-ui/react-tooltip": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.0.5.tgz",
+            "integrity": "sha512-cDKVcfzyO6PpckZekODJZDe5ZxZ2fCZlzKzTmPhe4mX9qTHRfLcKgqb0OKf22xLwDequ2tVleim+ZYx3rabD5w==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/primitive": "1.0.0",
+                "@radix-ui/react-compose-refs": "1.0.0",
+                "@radix-ui/react-context": "1.0.0",
+                "@radix-ui/react-dismissable-layer": "1.0.3",
+                "@radix-ui/react-id": "1.0.0",
+                "@radix-ui/react-popper": "1.1.1",
+                "@radix-ui/react-portal": "1.0.2",
+                "@radix-ui/react-presence": "1.0.0",
+                "@radix-ui/react-primitive": "1.0.2",
+                "@radix-ui/react-slot": "1.0.1",
+                "@radix-ui/react-use-controllable-state": "1.0.0",
+                "@radix-ui/react-visually-hidden": "1.0.2"
+            }
+        },
+        "@radix-ui/react-use-callback-ref": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz",
+            "integrity": "sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@radix-ui/react-use-controllable-state": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz",
+            "integrity": "sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-callback-ref": "1.0.0"
+            }
+        },
+        "@radix-ui/react-use-escape-keydown": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.2.tgz",
+            "integrity": "sha512-DXGim3x74WgUv+iMNCF+cAo8xUHHeqvjx8zs7trKf+FkQKPQXLk2sX7Gx1ysH7Q76xCpZuxIJE7HLPxRE+Q+GA==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-callback-ref": "1.0.0"
+            }
+        },
+        "@radix-ui/react-use-layout-effect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz",
+            "integrity": "sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@radix-ui/react-use-previous": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.0.0.tgz",
+            "integrity": "sha512-RG2K8z/K7InnOKpq6YLDmT49HGjNmrK+fr82UCVKT2sW0GYfVnYp4wZWBooT/EYfQ5faA9uIjvsuMMhH61rheg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@radix-ui/react-use-rect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.0.tgz",
+            "integrity": "sha512-TB7pID8NRMEHxb/qQJpvSt3hQU4sqNPM1VCTjTRjEOa7cEop/QMuq8S6fb/5Tsz64kqSvB9WnwsDHtjnrM9qew==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/rect": "1.0.0"
+            }
+        },
+        "@radix-ui/react-use-size": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.0.tgz",
+            "integrity": "sha512-imZ3aYcoYCKhhgNpkNDh/aTiU05qw9hX+HHI1QDBTyIlcFjgeFlKKySNGMwTp7nYFLQg/j0VA2FmCY4WPDDHMg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-use-layout-effect": "1.0.0"
+            }
+        },
+        "@radix-ui/react-visually-hidden": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.2.tgz",
+            "integrity": "sha512-qirnJxtYn73HEk1rXL12/mXnu2rwsNHDID10th2JGtdK25T9wX+mxRmGt7iPSahw512GbZOc0syZX1nLQGoEOg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10",
+                "@radix-ui/react-primitive": "1.0.2"
+            }
+        },
+        "@radix-ui/rect": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.0.tgz",
+            "integrity": "sha512-d0O68AYy/9oeEy1DdC07bz1/ZXX+DqCskRd3i4JzLSTXwefzaepQrKjXC7aNM8lTHjFLDO0pDgaEiQ7jEk+HVg==",
+            "requires": {
+                "@babel/runtime": "^7.13.10"
+            }
+        },
+        "@stitches/react": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@stitches/react/-/react-1.2.8.tgz",
+            "integrity": "sha512-9g9dWI4gsSVe8bNLlb+lMkBYsnIKCZTmvqvDG+Avnn69XfmHZKiaMrx7cgTaddq7aTPPmXiTsbFcUy0xgI4+wA==",
+            "requires": {}
+        },
         "@testing-library/dom": {
             "version": "9.0.0",
             "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.0.0.tgz",
@@ -15145,7 +16212,7 @@
             "version": "15.7.5",
             "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
             "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==",
-            "dev": true
+            "devOptional": true
         },
         "@types/q": {
             "version": "1.5.5",
@@ -15166,7 +16233,7 @@
             "version": "18.0.28",
             "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.28.tgz",
             "integrity": "sha512-RD0ivG1kEztNBdoAK7lekI9M+azSnitIn85h4iOiaLjaTrMjzslhaqCGaI4IyCJ1RljWiLCEu4jyrLLgqxBTew==",
-            "dev": true,
+            "devOptional": true,
             "requires": {
                 "@types/prop-types": "*",
                 "@types/scheduler": "*",
@@ -15186,7 +16253,7 @@
             "version": "0.16.2",
             "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
             "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==",
-            "dev": true
+            "devOptional": true
         },
         "@types/source-list-map": {
             "version": "0.1.2",
@@ -15586,6 +16653,21 @@
             "dev": true,
             "peer": true
         },
+        "aria-hidden": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+            "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+            "requires": {
+                "tslib": "^2.0.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.5.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+                    "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+                }
+            }
+        },
         "aria-query": {
             "version": "5.1.3",
             "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
@@ -16427,7 +17509,7 @@
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
             "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==",
-            "dev": true
+            "devOptional": true
         },
         "d": {
             "version": "1.0.1",
@@ -16604,6 +17686,11 @@
             "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
             "dev": true
         },
+        "detect-node-es": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+            "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+        },
         "dir-glob": {
             "version": "3.0.1",
             "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -17496,6 +18583,11 @@
                 "has-symbols": "^1.0.3"
             }
         },
+        "get-nonce": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+            "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="
+        },
         "get-stdin": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
@@ -17905,6 +18997,14 @@
             "integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
             "dev": true
         },
+        "invariant": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+            "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+            "requires": {
+                "loose-envify": "^1.0.0"
+            }
+        },
         "ip": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz",
@@ -20156,6 +21256,41 @@
                 "prop-types": "^15.5.0"
             }
         },
+        "react-remove-scroll": {
+            "version": "2.5.5",
+            "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz",
+            "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==",
+            "requires": {
+                "react-remove-scroll-bar": "^2.3.3",
+                "react-style-singleton": "^2.2.1",
+                "tslib": "^2.1.0",
+                "use-callback-ref": "^1.3.0",
+                "use-sidecar": "^1.1.2"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.5.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+                    "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+                }
+            }
+        },
+        "react-remove-scroll-bar": {
+            "version": "2.3.4",
+            "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+            "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+            "requires": {
+                "react-style-singleton": "^2.2.1",
+                "tslib": "^2.0.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.5.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+                    "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+                }
+            }
+        },
         "react-router": {
             "version": "5.3.4",
             "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.3.4.tgz",
@@ -20216,6 +21351,23 @@
                 }
             }
         },
+        "react-style-singleton": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+            "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+            "requires": {
+                "get-nonce": "^1.0.0",
+                "invariant": "^2.2.4",
+                "tslib": "^2.0.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.5.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+                    "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+                }
+            }
+        },
         "react-svg-core": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/react-svg-core/-/react-svg-core-3.0.3.tgz",
@@ -21649,6 +22801,43 @@
             "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
             "dev": true
         },
+        "use-callback-ref": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.0.tgz",
+            "integrity": "sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==",
+            "requires": {
+                "tslib": "^2.0.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.5.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+                    "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+                }
+            }
+        },
+        "use-isomorphic-layout-effect": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
+            "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
+            "requires": {}
+        },
+        "use-sidecar": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+            "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+            "requires": {
+                "detect-node-es": "^1.1.0",
+                "tslib": "^2.0.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.5.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+                    "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+                }
+            }
+        },
         "util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -21710,9 +22899,9 @@
             }
         },
         "webpack": {
-            "version": "5.75.0",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz",
-            "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==",
+            "version": "5.76.0",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz",
+            "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==",
             "dev": true,
             "requires": {
                 "@types/eslint-scope": "^3.7.3",
diff --git a/packages/cashier/package.json b/packages/cashier/package.json
index 7b85d4404627..3fb26aa431ec 100644
--- a/packages/cashier/package.json
+++ b/packages/cashier/package.json
@@ -97,7 +97,7 @@
         "sass-loader": "^12.6.0",
         "sass-resources-loader": "^2.1.1",
         "typescript": "^4.6.3",
-        "webpack": "^5.46.0",
+        "webpack": "^5.76.0",
         "webpack-cli": "^4.7.2",
         "webpack-manifest-plugin": "^4.0.2",
         "webpack-node-externals": "^2.5.2"