diff --git a/package-lock.json b/package-lock.json
index c4bb9617..ff9ad609 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,7 @@
         "@storybook/addon-onboarding": "1.0.11",
         "@storybook/addon-styling": "1.3.7",
         "@storybook/blocks": "8.1.10",
-        "@storybook/react": "7.6.17",
+        "@storybook/react": "8.2.9",
         "@storybook/react-webpack5": "7.6.17",
         "@storybook/testing-library": "0.2.2",
         "@testing-library/jest-dom": "6.4.2",
@@ -8091,6 +8091,58 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/preset-react-webpack/node_modules/@storybook/react": {
+      "version": "7.6.17",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.17.tgz",
+      "integrity": "sha512-lVqzQSU03rRJWYW+gK2gq6mSo3/qtnVICY8B8oP7gc36jVu4ksDIu45bTfukM618ODkUZy0vZe6T4engK3azjA==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "7.6.17",
+        "@storybook/core-client": "7.6.17",
+        "@storybook/docs-tools": "7.6.17",
+        "@storybook/global": "^5.0.0",
+        "@storybook/preview-api": "7.6.17",
+        "@storybook/react-dom-shim": "7.6.17",
+        "@storybook/types": "7.6.17",
+        "@types/escodegen": "^0.0.6",
+        "@types/estree": "^0.0.51",
+        "@types/node": "^18.0.0",
+        "acorn": "^7.4.1",
+        "acorn-jsx": "^5.3.1",
+        "acorn-walk": "^7.2.0",
+        "escodegen": "^2.1.0",
+        "html-tags": "^3.1.0",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2",
+        "react-element-to-jsx-string": "^15.0.0",
+        "ts-dedent": "^2.0.0",
+        "type-fest": "~2.19",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/preset-react-webpack/node_modules/@types/estree": {
+      "version": "0.0.51",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
+      "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
+      "dev": true
+    },
     "node_modules/@storybook/preset-react-webpack/node_modules/@types/node": {
       "version": "18.19.40",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.40.tgz",
@@ -8100,6 +8152,18 @@
         "undici-types": "~5.26.4"
       }
     },
+    "node_modules/@storybook/preset-react-webpack/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/@storybook/preset-react-webpack/node_modules/semver": {
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
@@ -8167,18 +8231,17 @@
       }
     },
     "node_modules/@storybook/react": {
-      "version": "7.6.17",
-      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.17.tgz",
-      "integrity": "sha512-lVqzQSU03rRJWYW+gK2gq6mSo3/qtnVICY8B8oP7gc36jVu4ksDIu45bTfukM618ODkUZy0vZe6T4engK3azjA==",
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.2.9.tgz",
+      "integrity": "sha512-F2xZcTDxxjpbqt7eP8rEHmlksiKmE/qtPusEWEY4N4jK01kN+ncxSl8gkJpUohMEmAnVC5t/1v/sU57xv1DYpg==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "7.6.17",
-        "@storybook/core-client": "7.6.17",
-        "@storybook/docs-tools": "7.6.17",
+        "@storybook/components": "^8.2.9",
         "@storybook/global": "^5.0.0",
-        "@storybook/preview-api": "7.6.17",
-        "@storybook/react-dom-shim": "7.6.17",
-        "@storybook/types": "7.6.17",
+        "@storybook/manager-api": "^8.2.9",
+        "@storybook/preview-api": "^8.2.9",
+        "@storybook/react-dom-shim": "8.2.9",
+        "@storybook/theming": "^8.2.9",
         "@types/escodegen": "^0.0.6",
         "@types/estree": "^0.0.51",
         "@types/node": "^18.0.0",
@@ -8190,21 +8253,23 @@
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
         "react-element-to-jsx-string": "^15.0.0",
+        "semver": "^7.3.7",
         "ts-dedent": "^2.0.0",
         "type-fest": "~2.19",
         "util-deprecate": "^1.0.2"
       },
       "engines": {
-        "node": ">=16.0.0"
+        "node": ">=18.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "typescript": "*"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.2.9",
+        "typescript": ">= 4.2.x"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -8278,16 +8343,7 @@
         }
       }
     },
-    "node_modules/@storybook/react-webpack5/node_modules/@types/node": {
-      "version": "18.19.40",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.40.tgz",
-      "integrity": "sha512-MIxieZHrm4Ee8XArBIc+Or9HINt2StOmCbgRcXGSJl8q14svRvkZPe7LJq9HKtTI1SK3wU8b91TjntUm7T69Pg==",
-      "dev": true,
-      "dependencies": {
-        "undici-types": "~5.26.4"
-      }
-    },
-    "node_modules/@storybook/react/node_modules/@storybook/docs-tools": {
+    "node_modules/@storybook/react-webpack5/node_modules/@storybook/docs-tools": {
       "version": "7.6.17",
       "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.17.tgz",
       "integrity": "sha512-bYrLoj06adqklyLkEwD32C0Ww6t+9ZVvrJHiVT42bIhTRpFiFPAetl1a9KPHtFLnfduh4n2IxIr1jv32ThPDTA==",
@@ -8306,6 +8362,146 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/react-webpack5/node_modules/@storybook/react": {
+      "version": "7.6.17",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.17.tgz",
+      "integrity": "sha512-lVqzQSU03rRJWYW+gK2gq6mSo3/qtnVICY8B8oP7gc36jVu4ksDIu45bTfukM618ODkUZy0vZe6T4engK3azjA==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/client-logger": "7.6.17",
+        "@storybook/core-client": "7.6.17",
+        "@storybook/docs-tools": "7.6.17",
+        "@storybook/global": "^5.0.0",
+        "@storybook/preview-api": "7.6.17",
+        "@storybook/react-dom-shim": "7.6.17",
+        "@storybook/types": "7.6.17",
+        "@types/escodegen": "^0.0.6",
+        "@types/estree": "^0.0.51",
+        "@types/node": "^18.0.0",
+        "acorn": "^7.4.1",
+        "acorn-jsx": "^5.3.1",
+        "acorn-walk": "^7.2.0",
+        "escodegen": "^2.1.0",
+        "html-tags": "^3.1.0",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2",
+        "react-element-to-jsx-string": "^15.0.0",
+        "ts-dedent": "^2.0.0",
+        "type-fest": "~2.19",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/react-webpack5/node_modules/@types/estree": {
+      "version": "0.0.51",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
+      "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
+      "dev": true
+    },
+    "node_modules/@storybook/react-webpack5/node_modules/@types/node": {
+      "version": "18.19.40",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.40.tgz",
+      "integrity": "sha512-MIxieZHrm4Ee8XArBIc+Or9HINt2StOmCbgRcXGSJl8q14svRvkZPe7LJq9HKtTI1SK3wU8b91TjntUm7T69Pg==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@storybook/react-webpack5/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/@storybook/react/node_modules/@storybook/components": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.2.9.tgz",
+      "integrity": "sha512-OkkcZ/f/6o3GdFEEK9ZHKIGHWUHmavZUYs5xaSgU64bOrA2aqEFtfeWWitZYTv3Euhk8MVLWfyEMDfez0AlvDg==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.9"
+      }
+    },
+    "node_modules/@storybook/react/node_modules/@storybook/manager-api": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.2.9.tgz",
+      "integrity": "sha512-mkYvUlfqDw+0WbxIynh5TcrotmoXlumEsOA4+45zuNea8XpEgj5cNBUCnmfEO6yQ85swqkS8YYbMpg1cZyu/Vw==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.9"
+      }
+    },
+    "node_modules/@storybook/react/node_modules/@storybook/preview-api": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.2.9.tgz",
+      "integrity": "sha512-D8/t+a78OJqQAcT/ABa1C4YM/OaLGQ9IvCsp3Q9ruUqDCwuZBj8bG3D4477dlY4owX2ycC0rWYu3VvuK0EmJjA==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.9"
+      }
+    },
+    "node_modules/@storybook/react/node_modules/@storybook/react-dom-shim": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.2.9.tgz",
+      "integrity": "sha512-uCAjSQEsNk8somVn1j/I1G9G/uUax5byHseIIV0Eq3gVXttGd7gaWcP+TDHtqIaenWHx4l+hCSuCesxiLWmx4Q==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.2.9"
+      }
+    },
+    "node_modules/@storybook/react/node_modules/@storybook/theming": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.2.9.tgz",
+      "integrity": "sha512-OL0NFvowPX85N5zIYdgeKKaFm7V4Vgtci093vL3cDZT13LGH6GuEzJKkUFGuUGNPFlJc+EgTj0o6PYKrOLyQ6w==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.9"
+      }
+    },
     "node_modules/@storybook/react/node_modules/@types/estree": {
       "version": "0.0.51",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
@@ -8333,6 +8529,18 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/@storybook/react/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@storybook/router": {
       "version": "7.6.17",
       "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.17.tgz",
diff --git a/package.json b/package.json
index aeff7cf5..53bb0017 100644
--- a/package.json
+++ b/package.json
@@ -79,7 +79,7 @@
     "@storybook/addon-onboarding": "1.0.11",
     "@storybook/addon-styling": "1.3.7",
     "@storybook/blocks": "8.1.10",
-    "@storybook/react": "7.6.17",
+    "@storybook/react": "8.2.9",
     "@storybook/react-webpack5": "7.6.17",
     "@storybook/testing-library": "0.2.2",
     "@testing-library/jest-dom": "6.4.2",