diff --git a/package-lock.json b/package-lock.json
index 8c611e55c..17eda76e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25,7 +25,7 @@
         "@storybook/addon-actions": "7.0.18",
         "@storybook/addon-essentials": "7.0.24",
         "@storybook/addon-links": "7.4.0",
-        "@storybook/addon-styling": "1.0.6",
+        "@storybook/addon-styling": "1.3.7",
         "@storybook/nextjs": "7.4.5",
         "@storybook/react": "7.4.6",
         "@storybook/test-runner": "0.10.0",
@@ -9022,39 +9022,72 @@
       }
     },
     "node_modules/@storybook/addon-styling": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-styling/-/addon-styling-1.0.6.tgz",
-      "integrity": "sha512-OHs6Yj04TjyFQ+1NQrMBxf+5tCEMDWGvkztB1XQf0+hNqNDRsoRvDkeXeS462RHCt3ffSYUi5leUvotmDYno6g==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/api": "^7.0.2",
-        "@storybook/components": "^7.0.2",
-        "@storybook/core-events": "^7.0.2",
-        "@storybook/manager-api": "^7.0.2",
-        "@storybook/node-logger": "^7.0.7",
-        "@storybook/preview-api": "^7.0.2",
-        "@storybook/theming": "^7.0.2",
-        "@storybook/types": "^7.0.2",
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-styling/-/addon-styling-1.3.7.tgz",
+      "integrity": "sha512-JSBZMOrSw/3rlq5YoEI7Qyq703KSNP0Jd+gxTWu3/tP6245mpjn2dXnR8FvqVxCi+FG4lt2kQyPzgsuwEw1SSA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.20.7",
+        "@babel/types": "^7.21.5",
+        "@storybook/api": "^7.0.12",
+        "@storybook/components": "^7.0.12",
+        "@storybook/core-common": "^7.0.12",
+        "@storybook/core-events": "^7.0.12",
+        "@storybook/manager-api": "^7.0.12",
+        "@storybook/node-logger": "^7.0.12",
+        "@storybook/preview-api": "^7.0.12",
+        "@storybook/theming": "^7.0.12",
+        "@storybook/types": "^7.0.12",
         "css-loader": "^6.7.3",
         "less-loader": "^11.1.0",
         "postcss-loader": "^7.2.4",
+        "prettier": "^2.8.0",
         "resolve-url-loader": "^5.0.0",
         "sass-loader": "^13.2.2",
         "style-loader": "^3.3.2"
       },
+      "bin": {
+        "addon-styling-setup": "postinstall.js"
+      },
       "peerDependencies": {
+        "less": "^3.5.0 || ^4.0.0",
+        "postcss": "^7.0.0 || ^8.0.1",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "webpack": "^5.0.0"
       },
       "peerDependenciesMeta": {
+        "less": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
         "react": {
           "optional": true
         },
         "react-dom": {
           "optional": true
+        },
+        "webpack": {
+          "optional": true
         }
       }
     },
+    "node_modules/@storybook/addon-styling/node_modules/@babel/types": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
+      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@storybook/addon-styling/node_modules/sass-loader": {
       "version": "13.2.2",
       "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.2.2.tgz",
@@ -9726,13 +9759,13 @@
       }
     },
     "node_modules/@storybook/api": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.0.10.tgz",
-      "integrity": "sha512-hJrIN65GgJ601n2Q5NP0uYhbNhTFzFN8Skb7Co+Bg0Ig9i+TLHu2MqypRqYOPP6A0qUJiYKAeEQj6mlYj99+xA==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.4.6.tgz",
+      "integrity": "sha512-mnkHs2WI3/7vEUk+Bo1ZlQDp5vJDtoFSCFP5iae3YyVBbnjiI6oYlMZ14KgeizFULk3VaDv6/BdiynG1RkdO4Q==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.10",
-        "@storybook/manager-api": "7.0.10"
+        "@storybook/client-logger": "7.4.6",
+        "@storybook/manager-api": "7.4.6"
       },
       "funding": {
         "type": "opencollective",
@@ -11090,10 +11123,18 @@
       "dev": true
     },
     "node_modules/@storybook/channels": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.0.10.tgz",
-      "integrity": "sha512-hdPaGV3W7s6MkVcg33S5hmkVgqXC16AA7H0ID9MROiU1lQzolKhSqCs2iVfGPQfmWzEJeqWQoEXU7dmCclRM0w==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.4.6.tgz",
+      "integrity": "sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==",
       "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "7.4.6",
+        "@storybook/core-events": "7.4.6",
+        "@storybook/global": "^5.0.0",
+        "qs": "^6.10.0",
+        "telejson": "^7.2.0",
+        "tiny-invariant": "^1.3.1"
+      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
@@ -11866,9 +11907,9 @@
       }
     },
     "node_modules/@storybook/client-logger": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.10.tgz",
-      "integrity": "sha512-hb8tO+w28ErzjEw69ERMtZT81Xyg835FQjH6Y42ejoGcBA9Z0W6RZmx4RgkcIUOlYXkU6lSnNVne9gXodV4/Hw==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.6.tgz",
+      "integrity": "sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -12108,50 +12149,6 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/core-client/node_modules/@storybook/channels": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.4.6.tgz",
-      "integrity": "sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.4.6",
-        "@storybook/core-events": "7.4.6",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-client/node_modules/@storybook/client-logger": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.6.tgz",
-      "integrity": "sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-client/node_modules/@storybook/core-events": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.4.6.tgz",
-      "integrity": "sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/core-client/node_modules/@storybook/preview-api": {
       "version": "7.4.6",
       "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.4.6.tgz",
@@ -12178,22 +12175,6 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/core-client/node_modules/@storybook/types": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.6.tgz",
-      "integrity": "sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.4.6",
-        "@types/babel__core": "^7.0.0",
-        "@types/express": "^4.7.0",
-        "file-system-cache": "2.3.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/core-common": {
       "version": "7.4.5",
       "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.4.5.tgz",
@@ -12829,10 +12810,13 @@
       }
     },
     "node_modules/@storybook/core-events": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.0.10.tgz",
-      "integrity": "sha512-OyBqhxVQOdI78Vgv6nKwXOdIVNChyfktpdxQZP1rz9MpO6MrqMaGAUL7k8xQMQAVx0VY+dAMYZB3bnyN2IC8FA==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.4.6.tgz",
+      "integrity": "sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==",
       "dev": true,
+      "dependencies": {
+        "ts-dedent": "^2.0.0"
+      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
@@ -14000,25 +13984,25 @@
       }
     },
     "node_modules/@storybook/manager-api": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.0.10.tgz",
-      "integrity": "sha512-Dik73GKUX9QCFOvukTXjZoZX0G6n/LrRMkwLggb28E9m8iFt2ivWvF9MVvyRoDffR9VP5t53+nV5fqxqpXWoQw==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.4.6.tgz",
+      "integrity": "sha512-inrm3DIbCp8wjXSN/wK6e6i2ysQ/IEmtC7IN0OJ7vdrp+USCooPT448SQTUmVctUGCFmOU3fxXByq8g77oIi7w==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "7.0.10",
-        "@storybook/client-logger": "7.0.10",
-        "@storybook/core-events": "7.0.10",
+        "@storybook/channels": "7.4.6",
+        "@storybook/client-logger": "7.4.6",
+        "@storybook/core-events": "7.4.6",
         "@storybook/csf": "^0.1.0",
         "@storybook/global": "^5.0.0",
-        "@storybook/router": "7.0.10",
-        "@storybook/theming": "7.0.10",
-        "@storybook/types": "7.0.10",
+        "@storybook/router": "7.4.6",
+        "@storybook/theming": "7.4.6",
+        "@storybook/types": "7.4.6",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
         "memoizerific": "^1.11.3",
         "semver": "^7.3.7",
         "store2": "^2.14.2",
-        "telejson": "^7.0.3",
+        "telejson": "^7.2.0",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -14031,9 +14015,9 @@
       }
     },
     "node_modules/@storybook/manager-api/node_modules/semver": {
-      "version": "7.4.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.4.0.tgz",
-      "integrity": "sha512-RgOxM8Mw+7Zus0+zcLEUn8+JfoLpj/huFTItQy2hsM4khuC1HYRDp0cU482Ewn/Fcy6bCjufD8vAj7voC66KQw==",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -15191,37 +15175,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/@storybook/react/node_modules/@storybook/channels": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.4.6.tgz",
-      "integrity": "sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/client-logger": "7.4.6",
-        "@storybook/core-events": "7.4.6",
-        "@storybook/global": "^5.0.0",
-        "qs": "^6.10.0",
-        "telejson": "^7.2.0",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/react/node_modules/@storybook/client-logger": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.6.tgz",
-      "integrity": "sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/global": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/react/node_modules/@storybook/core-common": {
       "version": "7.4.6",
       "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.4.6.tgz",
@@ -15257,19 +15210,6 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/react/node_modules/@storybook/core-events": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.4.6.tgz",
-      "integrity": "sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/react/node_modules/@storybook/docs-tools": {
       "version": "7.4.6",
       "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.4.6.tgz",
@@ -15338,22 +15278,6 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/@storybook/react/node_modules/@storybook/types": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.6.tgz",
-      "integrity": "sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "7.4.6",
-        "@types/babel__core": "^7.0.0",
-        "@types/express": "^4.7.0",
-        "file-system-cache": "2.3.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/react/node_modules/@types/node": {
       "version": "16.18.57",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.57.tgz",
@@ -15554,12 +15478,12 @@
       }
     },
     "node_modules/@storybook/router": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.0.10.tgz",
-      "integrity": "sha512-Vq3nuyrGsvbPYhsaVu0TwtzX8Yb5TZYg7v5gY/uk1brSIk7Mvw64E8WF4TKNhPcWnlxNrfP9S96IZgT9iuuCpw==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.4.6.tgz",
+      "integrity": "sha512-Vl1esrHkcHxDKqc+HY7+6JQpBPW3zYvGk0cQ2rxVMhWdLZTAz1hss9DqzN9tFnPyfn0a1Q77EpMySkUrvWKKNQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.0.10",
+        "@storybook/client-logger": "7.4.6",
         "memoizerific": "^1.11.3",
         "qs": "^6.10.0"
       },
@@ -16369,13 +16293,13 @@
       }
     },
     "node_modules/@storybook/theming": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.10.tgz",
-      "integrity": "sha512-kKxIMElOUAyIAJOlhU6NS6/F6KpZLWvfGnUYC5V4f5Rsu+lKnbWI/TJ1rCIooz2wZBQ6dv+fjA3sOh5K+LRh2w==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.6.tgz",
+      "integrity": "sha512-HW77iJ9ptCMqhoBOYFjRQw7VBap+38fkJGHP5KylEJCyYCgIAm2dEcQmtWpMVYFssSGcb6djfbtAMhYU4TL4Iw==",
       "dev": true,
       "dependencies": {
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-        "@storybook/client-logger": "7.0.10",
+        "@storybook/client-logger": "7.4.6",
         "@storybook/global": "^5.0.0",
         "memoizerific": "^1.11.3"
       },
@@ -16389,15 +16313,15 @@
       }
     },
     "node_modules/@storybook/types": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.0.10.tgz",
-      "integrity": "sha512-mFktvN8PjjDFJSjck4spikmjtr0AwfOhcEtIf4UCmUD5JHgGppkQmvO6483nGcprSFcWOvD2uYGs8Wp32wG/MQ==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.6.tgz",
+      "integrity": "sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "7.0.10",
+        "@storybook/channels": "7.4.6",
         "@types/babel__core": "^7.0.0",
         "@types/express": "^4.7.0",
-        "file-system-cache": "^2.0.0"
+        "file-system-cache": "2.3.0"
       },
       "funding": {
         "type": "opencollective",
@@ -40444,27 +40368,42 @@
       }
     },
     "@storybook/addon-styling": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-styling/-/addon-styling-1.0.6.tgz",
-      "integrity": "sha512-OHs6Yj04TjyFQ+1NQrMBxf+5tCEMDWGvkztB1XQf0+hNqNDRsoRvDkeXeS462RHCt3ffSYUi5leUvotmDYno6g==",
-      "dev": true,
-      "requires": {
-        "@storybook/api": "^7.0.2",
-        "@storybook/components": "^7.0.2",
-        "@storybook/core-events": "^7.0.2",
-        "@storybook/manager-api": "^7.0.2",
-        "@storybook/node-logger": "^7.0.7",
-        "@storybook/preview-api": "^7.0.2",
-        "@storybook/theming": "^7.0.2",
-        "@storybook/types": "^7.0.2",
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-styling/-/addon-styling-1.3.7.tgz",
+      "integrity": "sha512-JSBZMOrSw/3rlq5YoEI7Qyq703KSNP0Jd+gxTWu3/tP6245mpjn2dXnR8FvqVxCi+FG4lt2kQyPzgsuwEw1SSA==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.20.7",
+        "@babel/types": "^7.21.5",
+        "@storybook/api": "^7.0.12",
+        "@storybook/components": "^7.0.12",
+        "@storybook/core-common": "^7.0.12",
+        "@storybook/core-events": "^7.0.12",
+        "@storybook/manager-api": "^7.0.12",
+        "@storybook/node-logger": "^7.0.12",
+        "@storybook/preview-api": "^7.0.12",
+        "@storybook/theming": "^7.0.12",
+        "@storybook/types": "^7.0.12",
         "css-loader": "^6.7.3",
         "less-loader": "^11.1.0",
         "postcss-loader": "^7.2.4",
+        "prettier": "^2.8.0",
         "resolve-url-loader": "^5.0.0",
         "sass-loader": "^13.2.2",
         "style-loader": "^3.3.2"
       },
       "dependencies": {
+        "@babel/types": {
+          "version": "7.23.0",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
+          "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
+          "dev": true,
+          "requires": {
+            "@babel/helper-string-parser": "^7.22.5",
+            "@babel/helper-validator-identifier": "^7.22.20",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
         "sass-loader": {
           "version": "13.2.2",
           "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.2.2.tgz",
@@ -40906,13 +40845,13 @@
       }
     },
     "@storybook/api": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.0.10.tgz",
-      "integrity": "sha512-hJrIN65GgJ601n2Q5NP0uYhbNhTFzFN8Skb7Co+Bg0Ig9i+TLHu2MqypRqYOPP6A0qUJiYKAeEQj6mlYj99+xA==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.4.6.tgz",
+      "integrity": "sha512-mnkHs2WI3/7vEUk+Bo1ZlQDp5vJDtoFSCFP5iae3YyVBbnjiI6oYlMZ14KgeizFULk3VaDv6/BdiynG1RkdO4Q==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.10",
-        "@storybook/manager-api": "7.0.10"
+        "@storybook/client-logger": "7.4.6",
+        "@storybook/manager-api": "7.4.6"
       }
     },
     "@storybook/blocks": {
@@ -41798,10 +41737,18 @@
       }
     },
     "@storybook/channels": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.0.10.tgz",
-      "integrity": "sha512-hdPaGV3W7s6MkVcg33S5hmkVgqXC16AA7H0ID9MROiU1lQzolKhSqCs2iVfGPQfmWzEJeqWQoEXU7dmCclRM0w==",
-      "dev": true
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.4.6.tgz",
+      "integrity": "sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==",
+      "dev": true,
+      "requires": {
+        "@storybook/client-logger": "7.4.6",
+        "@storybook/core-events": "7.4.6",
+        "@storybook/global": "^5.0.0",
+        "qs": "^6.10.0",
+        "telejson": "^7.2.0",
+        "tiny-invariant": "^1.3.1"
+      }
     },
     "@storybook/cli": {
       "version": "7.4.2",
@@ -42269,9 +42216,9 @@
       }
     },
     "@storybook/client-logger": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.10.tgz",
-      "integrity": "sha512-hb8tO+w28ErzjEw69ERMtZT81Xyg835FQjH6Y42ejoGcBA9Z0W6RZmx4RgkcIUOlYXkU6lSnNVne9gXodV4/Hw==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.6.tgz",
+      "integrity": "sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==",
       "dev": true,
       "requires": {
         "@storybook/global": "^5.0.0"
@@ -42448,38 +42395,6 @@
         "@storybook/preview-api": "7.4.6"
       },
       "dependencies": {
-        "@storybook/channels": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.4.6.tgz",
-          "integrity": "sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==",
-          "dev": true,
-          "requires": {
-            "@storybook/client-logger": "7.4.6",
-            "@storybook/core-events": "7.4.6",
-            "@storybook/global": "^5.0.0",
-            "qs": "^6.10.0",
-            "telejson": "^7.2.0",
-            "tiny-invariant": "^1.3.1"
-          }
-        },
-        "@storybook/client-logger": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.6.tgz",
-          "integrity": "sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==",
-          "dev": true,
-          "requires": {
-            "@storybook/global": "^5.0.0"
-          }
-        },
-        "@storybook/core-events": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.4.6.tgz",
-          "integrity": "sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==",
-          "dev": true,
-          "requires": {
-            "ts-dedent": "^2.0.0"
-          }
-        },
         "@storybook/preview-api": {
           "version": "7.4.6",
           "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.4.6.tgz",
@@ -42501,18 +42416,6 @@
             "ts-dedent": "^2.0.0",
             "util-deprecate": "^1.0.2"
           }
-        },
-        "@storybook/types": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.6.tgz",
-          "integrity": "sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==",
-          "dev": true,
-          "requires": {
-            "@storybook/channels": "7.4.6",
-            "@types/babel__core": "^7.0.0",
-            "@types/express": "^4.7.0",
-            "file-system-cache": "2.3.0"
-          }
         }
       }
     },
@@ -42880,10 +42783,13 @@
       }
     },
     "@storybook/core-events": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.0.10.tgz",
-      "integrity": "sha512-OyBqhxVQOdI78Vgv6nKwXOdIVNChyfktpdxQZP1rz9MpO6MrqMaGAUL7k8xQMQAVx0VY+dAMYZB3bnyN2IC8FA==",
-      "dev": true
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.4.6.tgz",
+      "integrity": "sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==",
+      "dev": true,
+      "requires": {
+        "ts-dedent": "^2.0.0"
+      }
     },
     "@storybook/core-server": {
       "version": "7.4.2",
@@ -43664,32 +43570,32 @@
       "dev": true
     },
     "@storybook/manager-api": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.0.10.tgz",
-      "integrity": "sha512-Dik73GKUX9QCFOvukTXjZoZX0G6n/LrRMkwLggb28E9m8iFt2ivWvF9MVvyRoDffR9VP5t53+nV5fqxqpXWoQw==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.4.6.tgz",
+      "integrity": "sha512-inrm3DIbCp8wjXSN/wK6e6i2ysQ/IEmtC7IN0OJ7vdrp+USCooPT448SQTUmVctUGCFmOU3fxXByq8g77oIi7w==",
       "dev": true,
       "requires": {
-        "@storybook/channels": "7.0.10",
-        "@storybook/client-logger": "7.0.10",
-        "@storybook/core-events": "7.0.10",
+        "@storybook/channels": "7.4.6",
+        "@storybook/client-logger": "7.4.6",
+        "@storybook/core-events": "7.4.6",
         "@storybook/csf": "^0.1.0",
         "@storybook/global": "^5.0.0",
-        "@storybook/router": "7.0.10",
-        "@storybook/theming": "7.0.10",
-        "@storybook/types": "7.0.10",
+        "@storybook/router": "7.4.6",
+        "@storybook/theming": "7.4.6",
+        "@storybook/types": "7.4.6",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
         "memoizerific": "^1.11.3",
         "semver": "^7.3.7",
         "store2": "^2.14.2",
-        "telejson": "^7.0.3",
+        "telejson": "^7.2.0",
         "ts-dedent": "^2.0.0"
       },
       "dependencies": {
         "semver": {
-          "version": "7.4.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.4.0.tgz",
-          "integrity": "sha512-RgOxM8Mw+7Zus0+zcLEUn8+JfoLpj/huFTItQy2hsM4khuC1HYRDp0cU482Ewn/Fcy6bCjufD8vAj7voC66KQw==",
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
           "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
@@ -44356,29 +44262,6 @@
           "dev": true,
           "optional": true
         },
-        "@storybook/channels": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.4.6.tgz",
-          "integrity": "sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==",
-          "dev": true,
-          "requires": {
-            "@storybook/client-logger": "7.4.6",
-            "@storybook/core-events": "7.4.6",
-            "@storybook/global": "^5.0.0",
-            "qs": "^6.10.0",
-            "telejson": "^7.2.0",
-            "tiny-invariant": "^1.3.1"
-          }
-        },
-        "@storybook/client-logger": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.6.tgz",
-          "integrity": "sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==",
-          "dev": true,
-          "requires": {
-            "@storybook/global": "^5.0.0"
-          }
-        },
         "@storybook/core-common": {
           "version": "7.4.6",
           "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.4.6.tgz",
@@ -44410,15 +44293,6 @@
             "ts-dedent": "^2.0.0"
           }
         },
-        "@storybook/core-events": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.4.6.tgz",
-          "integrity": "sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==",
-          "dev": true,
-          "requires": {
-            "ts-dedent": "^2.0.0"
-          }
-        },
         "@storybook/docs-tools": {
           "version": "7.4.6",
           "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.4.6.tgz",
@@ -44468,18 +44342,6 @@
           "dev": true,
           "requires": {}
         },
-        "@storybook/types": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.6.tgz",
-          "integrity": "sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==",
-          "dev": true,
-          "requires": {
-            "@storybook/channels": "7.4.6",
-            "@types/babel__core": "^7.0.0",
-            "@types/express": "^4.7.0",
-            "file-system-cache": "2.3.0"
-          }
-        },
         "@types/node": {
           "version": "16.18.57",
           "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.57.tgz",
@@ -44643,12 +44505,12 @@
       "requires": {}
     },
     "@storybook/router": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.0.10.tgz",
-      "integrity": "sha512-Vq3nuyrGsvbPYhsaVu0TwtzX8Yb5TZYg7v5gY/uk1brSIk7Mvw64E8WF4TKNhPcWnlxNrfP9S96IZgT9iuuCpw==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.4.6.tgz",
+      "integrity": "sha512-Vl1esrHkcHxDKqc+HY7+6JQpBPW3zYvGk0cQ2rxVMhWdLZTAz1hss9DqzN9tFnPyfn0a1Q77EpMySkUrvWKKNQ==",
       "dev": true,
       "requires": {
-        "@storybook/client-logger": "7.0.10",
+        "@storybook/client-logger": "7.4.6",
         "memoizerific": "^1.11.3",
         "qs": "^6.10.0"
       }
@@ -45146,27 +45008,27 @@
       }
     },
     "@storybook/theming": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.10.tgz",
-      "integrity": "sha512-kKxIMElOUAyIAJOlhU6NS6/F6KpZLWvfGnUYC5V4f5Rsu+lKnbWI/TJ1rCIooz2wZBQ6dv+fjA3sOh5K+LRh2w==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.6.tgz",
+      "integrity": "sha512-HW77iJ9ptCMqhoBOYFjRQw7VBap+38fkJGHP5KylEJCyYCgIAm2dEcQmtWpMVYFssSGcb6djfbtAMhYU4TL4Iw==",
       "dev": true,
       "requires": {
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-        "@storybook/client-logger": "7.0.10",
+        "@storybook/client-logger": "7.4.6",
         "@storybook/global": "^5.0.0",
         "memoizerific": "^1.11.3"
       }
     },
     "@storybook/types": {
-      "version": "7.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.0.10.tgz",
-      "integrity": "sha512-mFktvN8PjjDFJSjck4spikmjtr0AwfOhcEtIf4UCmUD5JHgGppkQmvO6483nGcprSFcWOvD2uYGs8Wp32wG/MQ==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.6.tgz",
+      "integrity": "sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==",
       "dev": true,
       "requires": {
-        "@storybook/channels": "7.0.10",
+        "@storybook/channels": "7.4.6",
         "@types/babel__core": "^7.0.0",
         "@types/express": "^4.7.0",
-        "file-system-cache": "^2.0.0"
+        "file-system-cache": "2.3.0"
       }
     },
     "@svgr/babel-plugin-add-jsx-attribute": {
diff --git a/package.json b/package.json
index 18fb07ef0..b8fc892e5 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
     "@storybook/addon-actions": "7.0.18",
     "@storybook/addon-essentials": "7.0.24",
     "@storybook/addon-links": "7.4.0",
-    "@storybook/addon-styling": "1.0.6",
+    "@storybook/addon-styling": "1.3.7",
     "@storybook/nextjs": "7.4.5",
     "@storybook/react": "7.4.6",
     "@storybook/test-runner": "0.10.0",