diff --git a/website/client/package-lock.json b/website/client/package-lock.json
index f7f32174e8..0480056013 100644
--- a/website/client/package-lock.json
+++ b/website/client/package-lock.json
@@ -5893,16 +5893,18 @@
       }
     },
     "@storybook/addons": {
-      "version": "6.3.12",
-      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-6.3.12.tgz",
-      "integrity": "sha512-UgoMyr7Qr0FS3ezt8u6hMEcHgyynQS9ucr5mAwZky3wpXRPFyUTmMto9r4BBUdqyUvTUj/LRKIcmLBfj+/l0Fg==",
+      "version": "6.4.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-6.4.9.tgz",
+      "integrity": "sha512-y+oiN2zd+pbRWwkf6aQj4tPDFn+rQkrv7fiVoMxsYub+kKyZ3CNOuTSJH+A1A+eBL6DmzocChUyO6jvZFuh6Dg==",
       "requires": {
-        "@storybook/api": "6.3.12",
-        "@storybook/channels": "6.3.12",
-        "@storybook/client-logger": "6.3.12",
-        "@storybook/core-events": "6.3.12",
-        "@storybook/router": "6.3.12",
-        "@storybook/theming": "6.3.12",
+        "@storybook/api": "6.4.9",
+        "@storybook/channels": "6.4.9",
+        "@storybook/client-logger": "6.4.9",
+        "@storybook/core-events": "6.4.9",
+        "@storybook/csf": "0.0.2--canary.87bc651.0",
+        "@storybook/router": "6.4.9",
+        "@storybook/theming": "6.4.9",
+        "@types/webpack-env": "^1.16.0",
         "core-js": "^3.8.2",
         "global": "^4.4.0",
         "regenerator-runtime": "^0.13.7"
@@ -5920,9 +5922,9 @@
           }
         },
         "@emotion/core": {
-          "version": "10.1.1",
-          "resolved": "https://registry.npmjs.org/@emotion/core/-/core-10.1.1.tgz",
-          "integrity": "sha512-ZMLG6qpXR8x031NXD8HJqugy/AZSkAuMxxqB46pmAR7ze47MhNJ56cdoX243QPZdGctrdfo+s08yZTiwaUcRKA==",
+          "version": "10.3.1",
+          "resolved": "https://registry.npmjs.org/@emotion/core/-/core-10.3.1.tgz",
+          "integrity": "sha512-447aUEjPIm0MnE6QYIaFz9VQOHSXf4Iu6EWOIqq11EAPqinkSZmfymPTmlOE3QjLv846lH4JVZBUOtwGbuQoww==",
           "requires": {
             "@babel/runtime": "^7.5.5",
             "@emotion/cache": "^10.0.27",
@@ -5978,18 +5980,18 @@
           "integrity": "sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA=="
         },
         "@emotion/styled": {
-          "version": "10.0.27",
-          "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-10.0.27.tgz",
-          "integrity": "sha512-iK/8Sh7+NLJzyp9a5+vIQIXTYxfT4yB/OJbjzQanB2RZpvmzBQOHZWhpAMZWYEKRNNbsD6WfBw5sVWkb6WzS/Q==",
+          "version": "10.3.0",
+          "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-10.3.0.tgz",
+          "integrity": "sha512-GgcUpXBBEU5ido+/p/mCT2/Xx+Oqmp9JzQRuC+a4lYM4i4LBBn/dWvc0rQ19N9ObA8/T4NWMrPNe79kMBDJqoQ==",
           "requires": {
-            "@emotion/styled-base": "^10.0.27",
+            "@emotion/styled-base": "^10.3.0",
             "babel-plugin-emotion": "^10.0.27"
           }
         },
         "@emotion/styled-base": {
-          "version": "10.0.31",
-          "resolved": "https://registry.npmjs.org/@emotion/styled-base/-/styled-base-10.0.31.tgz",
-          "integrity": "sha512-wTOE1NcXmqMWlyrtwdkqg87Mu6Rj1MaukEoEmEkHirO5IoHDJ8LgCQL4MjJODgxWxXibGR3opGp1p7YvkNEdXQ==",
+          "version": "10.3.0",
+          "resolved": "https://registry.npmjs.org/@emotion/styled-base/-/styled-base-10.3.0.tgz",
+          "integrity": "sha512-PBRqsVKR7QRNkmfH78hTSSwHWcwDpecH9W6heujWAcyp2wdz/64PP73s7fWS1dIPm8/Exc8JAzYS8dEWXjv60w==",
           "requires": {
             "@babel/runtime": "^7.5.5",
             "@emotion/is-prop-valid": "0.8.8",
@@ -6017,37 +6019,23 @@
           "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
           "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
         },
-        "@reach/router": {
-          "version": "1.3.4",
-          "resolved": "https://registry.npmjs.org/@reach/router/-/router-1.3.4.tgz",
-          "integrity": "sha512-+mtn9wjlB9NN2CNnnC/BRYtwdKBfSyyasPYraNAyvaV1occr/5NnB4CVzjEZipNHwYebQwcndGUmpFzxAUoqSA==",
-          "requires": {
-            "create-react-context": "0.3.0",
-            "invariant": "^2.2.3",
-            "prop-types": "^15.6.1",
-            "react-lifecycles-compat": "^3.0.4"
-          }
-        },
         "@storybook/api": {
-          "version": "6.3.12",
-          "resolved": "https://registry.npmjs.org/@storybook/api/-/api-6.3.12.tgz",
-          "integrity": "sha512-LScRXUeCWEW/OP+jiooNMQICVdusv7azTmULxtm72fhkXFRiQs2CdRNTiqNg46JLLC9z95f1W+pGK66X6HiiQA==",
+          "version": "6.4.9",
+          "resolved": "https://registry.npmjs.org/@storybook/api/-/api-6.4.9.tgz",
+          "integrity": "sha512-U+YKcDQg8xal9sE5eSMXB9vcqk8fD1pSyewyAjjbsW5hV0B3L3i4u7z/EAD9Ujbnor+Cvxq+XGvp+Qnc5Gd40A==",
           "requires": {
-            "@reach/router": "^1.3.4",
-            "@storybook/channels": "6.3.12",
-            "@storybook/client-logger": "6.3.12",
-            "@storybook/core-events": "6.3.12",
-            "@storybook/csf": "0.0.1",
-            "@storybook/router": "6.3.12",
+            "@storybook/channels": "6.4.9",
+            "@storybook/client-logger": "6.4.9",
+            "@storybook/core-events": "6.4.9",
+            "@storybook/csf": "0.0.2--canary.87bc651.0",
+            "@storybook/router": "6.4.9",
             "@storybook/semver": "^7.3.2",
-            "@storybook/theming": "6.3.12",
-            "@types/reach__router": "^1.3.7",
+            "@storybook/theming": "6.4.9",
             "core-js": "^3.8.2",
             "fast-deep-equal": "^3.1.3",
             "global": "^4.4.0",
-            "lodash": "^4.17.20",
+            "lodash": "^4.17.21",
             "memoizerific": "^1.11.3",
-            "qs": "^6.10.0",
             "regenerator-runtime": "^0.13.7",
             "store2": "^2.12.0",
             "telejson": "^5.3.2",
@@ -6056,9 +6044,9 @@
           }
         },
         "@storybook/channels": {
-          "version": "6.3.12",
-          "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-6.3.12.tgz",
-          "integrity": "sha512-l4sA+g1PdUV8YCbgs47fIKREdEQAKNdQIZw0b7BfTvY9t0x5yfBywgQhYON/lIeiNGz2OlIuD+VUtqYfCtNSyw==",
+          "version": "6.4.9",
+          "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-6.4.9.tgz",
+          "integrity": "sha512-DNW1qDg+1WFS2aMdGh658WJXh8xBXliO5KAn0786DKcWCsKjfsPPQg/QCHczHK0+s5SZyzQT5aOBb4kTRHELQA==",
           "requires": {
             "core-js": "^3.8.2",
             "ts-dedent": "^2.0.0",
@@ -6066,48 +6054,57 @@
           }
         },
         "@storybook/client-logger": {
-          "version": "6.3.12",
-          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-6.3.12.tgz",
-          "integrity": "sha512-zNDsamZvHnuqLznDdP9dUeGgQ9TyFh4ray3t1VGO7ZqWVZ2xtVCCXjDvMnOXI2ifMpX5UsrOvshIPeE9fMBmiQ==",
+          "version": "6.4.9",
+          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-6.4.9.tgz",
+          "integrity": "sha512-BVagmmHcuKDZ/XROADfN3tiolaDW2qG0iLmDhyV1gONnbGE6X5Qm19Jt2VYu3LvjKF1zMPSWm4mz7HtgdwKbuQ==",
           "requires": {
             "core-js": "^3.8.2",
             "global": "^4.4.0"
           }
         },
         "@storybook/core-events": {
-          "version": "6.3.12",
-          "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-6.3.12.tgz",
-          "integrity": "sha512-SXfD7xUUMazaeFkB92qOTUV8Y/RghE4SkEYe5slAdjeocSaH7Nz2WV0rqNEgChg0AQc+JUI66no8L9g0+lw4Gw==",
+          "version": "6.4.9",
+          "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-6.4.9.tgz",
+          "integrity": "sha512-YhU2zJr6wzvh5naYYuy/0UKNJ/SaXu73sIr0Tx60ur3bL08XkRg7eZ9vBhNBTlAa35oZqI0iiGCh0ljiX7yEVQ==",
           "requires": {
             "core-js": "^3.8.2"
           }
         },
-        "@storybook/router": {
-          "version": "6.3.12",
-          "resolved": "https://registry.npmjs.org/@storybook/router/-/router-6.3.12.tgz",
-          "integrity": "sha512-G/pNGCnrJRetCwyEZulHPT+YOcqEj/vkPVDTUfii2qgqukup6K0cjwgd7IukAURnAnnzTi1gmgFuEKUi8GE/KA==",
+        "@storybook/csf": {
+          "version": "0.0.2--canary.87bc651.0",
+          "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.0.2--canary.87bc651.0.tgz",
+          "integrity": "sha512-ajk1Uxa+rBpFQHKrCcTmJyQBXZ5slfwHVEaKlkuFaW77it8RgbPJp/ccna3sgoi8oZ7FkkOyvv1Ve4SmwFqRqw==",
           "requires": {
-            "@reach/router": "^1.3.4",
-            "@storybook/client-logger": "6.3.12",
-            "@types/reach__router": "^1.3.7",
+            "lodash": "^4.17.15"
+          }
+        },
+        "@storybook/router": {
+          "version": "6.4.9",
+          "resolved": "https://registry.npmjs.org/@storybook/router/-/router-6.4.9.tgz",
+          "integrity": "sha512-GT2KtVHo/mBjxDBFB5ZtVJVf8vC+3p5kRlQC4jao68caVp7H24ikPOkcY54VnQwwe4A1aXpGbJXUyTisEPFlhQ==",
+          "requires": {
+            "@storybook/client-logger": "6.4.9",
             "core-js": "^3.8.2",
             "fast-deep-equal": "^3.1.3",
             "global": "^4.4.0",
-            "lodash": "^4.17.20",
+            "history": "5.0.0",
+            "lodash": "^4.17.21",
             "memoizerific": "^1.11.3",
             "qs": "^6.10.0",
+            "react-router": "^6.0.0",
+            "react-router-dom": "^6.0.0",
             "ts-dedent": "^2.0.0"
           }
         },
         "@storybook/theming": {
-          "version": "6.3.12",
-          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.3.12.tgz",
-          "integrity": "sha512-wOJdTEa/VFyFB2UyoqyYGaZdym6EN7RALuQOAMT6zHA282FBmKw8nL5DETHEbctpnHdcrMC/391teK4nNSrdOA==",
+          "version": "6.4.9",
+          "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.4.9.tgz",
+          "integrity": "sha512-Do6GH6nKjxfnBg6djcIYAjss5FW9SRKASKxLYxX2RyWJBpz0m/8GfcGcRyORy0yFTk6jByA3Hs+WFH3GnEbWkw==",
           "requires": {
             "@emotion/core": "^10.1.1",
             "@emotion/is-prop-valid": "^0.8.6",
             "@emotion/styled": "^10.0.27",
-            "@storybook/client-logger": "6.3.12",
+            "@storybook/client-logger": "6.4.9",
             "core-js": "^3.8.2",
             "deep-object-diff": "^1.1.0",
             "emotion-theming": "^10.0.27",
@@ -6118,14 +6115,6 @@
             "ts-dedent": "^2.0.0"
           }
         },
-        "@types/reach__router": {
-          "version": "1.3.9",
-          "resolved": "https://registry.npmjs.org/@types/reach__router/-/reach__router-1.3.9.tgz",
-          "integrity": "sha512-N6rqQqTTAV/zKLfK3iq9Ww3wqCEhTZvsilhl0zI09zETdVq1QGmJH6+/xnj8AFUWIrle2Cqo+PGM/Ltr1vBb9w==",
-          "requires": {
-            "@types/react": "*"
-          }
-        },
         "babel-plugin-emotion": {
           "version": "10.2.2",
           "resolved": "https://registry.npmjs.org/babel-plugin-emotion/-/babel-plugin-emotion-10.2.2.tgz",
@@ -6143,19 +6132,10 @@
             "source-map": "^0.5.7"
           }
         },
-        "create-react-context": {
-          "version": "0.3.0",
-          "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.3.0.tgz",
-          "integrity": "sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==",
-          "requires": {
-            "gud": "^1.0.0",
-            "warning": "^4.0.3"
-          }
-        },
         "emotion-theming": {
-          "version": "10.0.27",
-          "resolved": "https://registry.npmjs.org/emotion-theming/-/emotion-theming-10.0.27.tgz",
-          "integrity": "sha512-MlF1yu/gYh8u+sLUqA0YuA9JX0P4Hb69WlKc/9OLo+WCXuX6sy/KoIa+qJimgmr2dWqnypYKYPX37esjDBbhdw==",
+          "version": "10.3.0",
+          "resolved": "https://registry.npmjs.org/emotion-theming/-/emotion-theming-10.3.0.tgz",
+          "integrity": "sha512-mXiD2Oj7N9b6+h/dC6oLf9hwxbtKHQjoIqtodEyL8CpkN4F3V4IK/BT4D0C7zSs4BBFOu4UlPJbvvBLa88SGEA==",
           "requires": {
             "@babel/runtime": "^7.5.5",
             "@emotion/weak-memoize": "0.2.5",
@@ -6208,9 +6188,9 @@
           },
           "dependencies": {
             "@babel/runtime": {
-              "version": "7.15.4",
-              "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.4.tgz",
-              "integrity": "sha512-99catp6bHCaxr4sJ/DbTGgHS4+Rs2RVd2g7iOap6SLGPDknRK9ztKNsE/Fg6QhSeh1FGE5f6gHGQmvvn3I3xhw==",
+              "version": "7.16.3",
+              "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.3.tgz",
+              "integrity": "sha512-WBwekcqacdY2e9AF/Q7WLFUWmdJGJTkbjqTjoMDgXkVZ3ZRUvOPsLb5KdwISoQVsbP+DQzVZW4Zhci0DvpbNTQ==",
               "requires": {
                 "regenerator-runtime": "^0.13.4"
               }
@@ -6218,9 +6198,9 @@
           }
         },
         "qs": {
-          "version": "6.10.1",
-          "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.1.tgz",
-          "integrity": "sha512-M528Hph6wsSVOBiYUnGf+K/7w0hNshs/duGsNXPUCLH5XAqjEtiPGwNONLV0tBH8NoGb0mvD5JubnUTrujKDTg==",
+          "version": "6.10.2",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.2.tgz",
+          "integrity": "sha512-mSIdjzqznWgfd4pMii7sHtaYF8rx8861hBO80SraY5GT0XQibWZWJSid0avzHGkDIZLImux2S5mXO0Hfct2QCw==",
           "requires": {
             "side-channel": "^1.0.4"
           }
@@ -6259,14 +6239,6 @@
           "version": "2.2.0",
           "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
           "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ=="
-        },
-        "warning": {
-          "version": "4.0.3",
-          "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
-          "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
-          "requires": {
-            "loose-envify": "^1.0.0"
-          }
         }
       }
     },
diff --git a/website/client/package.json b/website/client/package.json
index 1f975e1ed4..6adc7c0996 100644
--- a/website/client/package.json
+++ b/website/client/package.json
@@ -13,7 +13,7 @@
     "storybook:serve": "vue-cli-service storybook:serve -p 6006 -c config/storybook"
   },
   "dependencies": {
-    "@storybook/addons": "6.3.12",
+    "@storybook/addons": "6.4.9",
     "@storybook/addon-actions": "6.3.12",
     "@storybook/addon-knobs": "6.2.9",
     "@storybook/addon-links": "6.4.9",