diff --git a/package-lock.json b/package-lock.json
index 53f99813d..e86ffc7c4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2985,9 +2985,9 @@
       }
     },
     "node_modules/@chakra-ui/anatomy": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/anatomy/-/anatomy-2.1.1.tgz",
-      "integrity": "sha512-LUHAoqJAgxAqmyckG5bUpBrfEo1FleEyY+1A8hkWciy58gZ+h3GoY9oBpHcdo7XdHPpy3G+3hieK/7i9NLwxAw=="
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/anatomy/-/anatomy-2.3.4.tgz",
+      "integrity": "sha512-fFIYN7L276gw0Q7/ikMMlZxP7mvnjRaWJ7f3Jsf9VtDOi6eAYIBRrhQe6+SZ0PGmoOkRaBc7gSE5oeIbgFFyrw=="
     },
     "node_modules/@chakra-ui/breakpoint-utils": {
       "version": "2.0.8",
@@ -3027,39 +3027,49 @@
       "resolved": "https://registry.npmjs.org/@chakra-ui/object-utils/-/object-utils-2.0.8.tgz",
       "integrity": "sha512-2upjT2JgRuiupdrtBWklKBS6tqeGMA77Nh6Q0JaoQuH/8yq+15CGckqn3IUWkWoGI0Fg3bK9LDlbbD+9DLw95Q=="
     },
-    "node_modules/@chakra-ui/shared-utils": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/shared-utils/-/shared-utils-2.0.4.tgz",
-      "integrity": "sha512-JGWr+BBj3PXGZQ2gxbKSD1wYjESbYsZjkCeE2nevyVk4rN3amV1wQzCnBAhsuJktMaZD6KC/lteo9ou9QUDzpA=="
-    },
     "node_modules/@chakra-ui/styled-system": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.6.0.tgz",
-      "integrity": "sha512-nif4J8AMUV8XpOv0pzsbszqZC3wMXdeBtD4ho0zsjQqor658fKB70ZZeGgxJy8t8w6hcohNgvV4Kz0tu6R0Gow==",
+      "version": "2.11.2",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.11.2.tgz",
+      "integrity": "sha512-y++z2Uop+hjfZX9mbH88F1ikazPv32asD2er56zMJBemUAzweXnHTpiCQbluEDSUDhqmghVZAdb+5L4XLbsRxA==",
       "peer": true,
       "dependencies": {
-        "@chakra-ui/shared-utils": "2.0.5",
-        "csstype": "^3.0.11",
+        "@chakra-ui/utils": "2.2.2",
+        "csstype": "^3.1.2"
+      }
+    },
+    "node_modules/@chakra-ui/styled-system/node_modules/@chakra-ui/utils": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/utils/-/utils-2.2.2.tgz",
+      "integrity": "sha512-jUPLT0JzRMWxpdzH6c+t0YMJYrvc5CLericgITV3zDSXblkfx3DsYXqU11DJTSGZI9dUKzM1Wd0Wswn4eJwvFQ==",
+      "peer": true,
+      "dependencies": {
+        "@types/lodash.mergewith": "4.6.9",
         "lodash.mergewith": "4.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
       }
     },
-    "node_modules/@chakra-ui/styled-system/node_modules/@chakra-ui/shared-utils": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/shared-utils/-/shared-utils-2.0.5.tgz",
-      "integrity": "sha512-4/Wur0FqDov7Y0nCXl7HbHzCg4aq86h+SXdoUeuCMD3dSj7dpsVnStLYhng1vxvlbUnLpdF4oz5Myt3i/a7N3Q==",
-      "peer": true
+    "node_modules/@chakra-ui/styled-system/node_modules/@types/lodash.mergewith": {
+      "version": "4.6.9",
+      "resolved": "https://registry.npmjs.org/@types/lodash.mergewith/-/lodash.mergewith-4.6.9.tgz",
+      "integrity": "sha512-fgkoCAOF47K7sxrQ7Mlud2TH023itugZs2bUg8h/KzT+BnZNrR2jAOmaokbLunHNnobXVWOezAeNn/lZqwxkcw==",
+      "peer": true,
+      "dependencies": {
+        "@types/lodash": "*"
+      }
     },
     "node_modules/@chakra-ui/theme": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/theme/-/theme-2.2.4.tgz",
-      "integrity": "sha512-zo1FBfkJBsvpOGGByRB4aEvekdeT/9BB7Lz3rAluKkC+Wo8yce1tTSlvPMpf2f4lsEI8zVid5ATQ6u3+kIFg4w==",
+      "version": "3.4.6",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/theme/-/theme-3.4.6.tgz",
+      "integrity": "sha512-ZwFBLfiMC3URwaO31ONXoKH9k0TX0OW3UjdPF3EQkQpYyrk/fm36GkkzajjtdpWEd7rzDLRsQjPmvwNaSoNDtg==",
       "dependencies": {
-        "@chakra-ui/anatomy": "2.1.1",
-        "@chakra-ui/shared-utils": "2.0.4",
-        "@chakra-ui/theme-tools": "2.0.16"
+        "@chakra-ui/anatomy": "2.3.4",
+        "@chakra-ui/theme-tools": "2.2.6",
+        "@chakra-ui/utils": "2.2.2"
       },
       "peerDependencies": {
-        "@chakra-ui/styled-system": ">=2.0.0"
+        "@chakra-ui/styled-system": ">=2.8.0"
       }
     },
     "node_modules/@chakra-ui/theme-tools": {
@@ -3109,6 +3119,17 @@
       "integrity": "sha512-4/Wur0FqDov7Y0nCXl7HbHzCg4aq86h+SXdoUeuCMD3dSj7dpsVnStLYhng1vxvlbUnLpdF4oz5Myt3i/a7N3Q==",
       "peer": true
     },
+    "node_modules/@chakra-ui/theme-utils/node_modules/@chakra-ui/styled-system": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.6.0.tgz",
+      "integrity": "sha512-nif4J8AMUV8XpOv0pzsbszqZC3wMXdeBtD4ho0zsjQqor658fKB70ZZeGgxJy8t8w6hcohNgvV4Kz0tu6R0Gow==",
+      "peer": true,
+      "dependencies": {
+        "@chakra-ui/shared-utils": "2.0.5",
+        "csstype": "^3.0.11",
+        "lodash.mergewith": "4.6.2"
+      }
+    },
     "node_modules/@chakra-ui/theme-utils/node_modules/@chakra-ui/theme": {
       "version": "2.2.5",
       "resolved": "https://registry.npmjs.org/@chakra-ui/theme/-/theme-2.2.5.tgz",
@@ -3138,18 +3159,38 @@
       }
     },
     "node_modules/@chakra-ui/theme/node_modules/@chakra-ui/theme-tools": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/theme-tools/-/theme-tools-2.0.16.tgz",
-      "integrity": "sha512-B/LD+2LNDeHYd/LVCHIJqckVZfhrycTUpNbhRVAiDRaS0AAcsPxKas7liTFkkMkM076YjiHlcla3KpVX+E9tzg==",
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/theme-tools/-/theme-tools-2.2.6.tgz",
+      "integrity": "sha512-3UhKPyzKbV3l/bg1iQN9PBvffYp+EBOoYMUaeTUdieQRPFzo2jbYR0lNCxqv8h5aGM/k54nCHU2M/GStyi9F2A==",
       "dependencies": {
-        "@chakra-ui/anatomy": "2.1.1",
-        "@chakra-ui/shared-utils": "2.0.4",
-        "color2k": "^2.0.0"
+        "@chakra-ui/anatomy": "2.3.4",
+        "@chakra-ui/utils": "2.2.2",
+        "color2k": "^2.0.2"
       },
       "peerDependencies": {
         "@chakra-ui/styled-system": ">=2.0.0"
       }
     },
+    "node_modules/@chakra-ui/theme/node_modules/@chakra-ui/utils": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/utils/-/utils-2.2.2.tgz",
+      "integrity": "sha512-jUPLT0JzRMWxpdzH6c+t0YMJYrvc5CLericgITV3zDSXblkfx3DsYXqU11DJTSGZI9dUKzM1Wd0Wswn4eJwvFQ==",
+      "dependencies": {
+        "@types/lodash.mergewith": "4.6.9",
+        "lodash.mergewith": "4.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@chakra-ui/theme/node_modules/@types/lodash.mergewith": {
+      "version": "4.6.9",
+      "resolved": "https://registry.npmjs.org/@types/lodash.mergewith/-/lodash.mergewith-4.6.9.tgz",
+      "integrity": "sha512-fgkoCAOF47K7sxrQ7Mlud2TH023itugZs2bUg8h/KzT+BnZNrR2jAOmaokbLunHNnobXVWOezAeNn/lZqwxkcw==",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
     "node_modules/@chakra-ui/utils": {
       "version": "2.0.15",
       "resolved": "https://registry.npmjs.org/@chakra-ui/utils/-/utils-2.0.15.tgz",
@@ -10957,9 +10998,9 @@
       "integrity": "sha1-xtJnJjKi5cg+AT5oZKQs6N79IK4="
     },
     "node_modules/csstype": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
-      "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/d3-array": {
       "version": "2.12.1",
@@ -23897,7 +23938,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@chakra-ui/react": "2.5.2",
-        "@chakra-ui/theme": "2.2.4",
+        "@chakra-ui/theme": "3.4.6",
         "@chakra-ui/theme-tools": "2.1.2",
         "@emotion/react": "11.11.3",
         "@emotion/styled": "11.11.0",
@@ -25168,6 +25209,17 @@
         "react": ">=18"
       }
     },
+    "packages/frontend/node_modules/@chakra-ui/styled-system": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.6.0.tgz",
+      "integrity": "sha512-nif4J8AMUV8XpOv0pzsbszqZC3wMXdeBtD4ho0zsjQqor658fKB70ZZeGgxJy8t8w6hcohNgvV4Kz0tu6R0Gow==",
+      "peer": true,
+      "dependencies": {
+        "@chakra-ui/shared-utils": "2.0.5",
+        "csstype": "^3.0.11",
+        "lodash.mergewith": "4.6.2"
+      }
+    },
     "packages/frontend/node_modules/@chakra-ui/system": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@chakra-ui/system/-/system-2.5.0.tgz",
@@ -27886,9 +27938,9 @@
       }
     },
     "@chakra-ui/anatomy": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/anatomy/-/anatomy-2.1.1.tgz",
-      "integrity": "sha512-LUHAoqJAgxAqmyckG5bUpBrfEo1FleEyY+1A8hkWciy58gZ+h3GoY9oBpHcdo7XdHPpy3G+3hieK/7i9NLwxAw=="
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/anatomy/-/anatomy-2.3.4.tgz",
+      "integrity": "sha512-fFIYN7L276gw0Q7/ikMMlZxP7mvnjRaWJ7f3Jsf9VtDOi6eAYIBRrhQe6+SZ0PGmoOkRaBc7gSE5oeIbgFFyrw=="
     },
     "@chakra-ui/breakpoint-utils": {
       "version": "2.0.8",
@@ -27930,48 +27982,72 @@
       "resolved": "https://registry.npmjs.org/@chakra-ui/object-utils/-/object-utils-2.0.8.tgz",
       "integrity": "sha512-2upjT2JgRuiupdrtBWklKBS6tqeGMA77Nh6Q0JaoQuH/8yq+15CGckqn3IUWkWoGI0Fg3bK9LDlbbD+9DLw95Q=="
     },
-    "@chakra-ui/shared-utils": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/shared-utils/-/shared-utils-2.0.4.tgz",
-      "integrity": "sha512-JGWr+BBj3PXGZQ2gxbKSD1wYjESbYsZjkCeE2nevyVk4rN3amV1wQzCnBAhsuJktMaZD6KC/lteo9ou9QUDzpA=="
-    },
     "@chakra-ui/styled-system": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.6.0.tgz",
-      "integrity": "sha512-nif4J8AMUV8XpOv0pzsbszqZC3wMXdeBtD4ho0zsjQqor658fKB70ZZeGgxJy8t8w6hcohNgvV4Kz0tu6R0Gow==",
+      "version": "2.11.2",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.11.2.tgz",
+      "integrity": "sha512-y++z2Uop+hjfZX9mbH88F1ikazPv32asD2er56zMJBemUAzweXnHTpiCQbluEDSUDhqmghVZAdb+5L4XLbsRxA==",
       "peer": true,
       "requires": {
-        "@chakra-ui/shared-utils": "2.0.5",
-        "csstype": "^3.0.11",
-        "lodash.mergewith": "4.6.2"
+        "@chakra-ui/utils": "2.2.2",
+        "csstype": "^3.1.2"
       },
       "dependencies": {
-        "@chakra-ui/shared-utils": {
-          "version": "2.0.5",
-          "resolved": "https://registry.npmjs.org/@chakra-ui/shared-utils/-/shared-utils-2.0.5.tgz",
-          "integrity": "sha512-4/Wur0FqDov7Y0nCXl7HbHzCg4aq86h+SXdoUeuCMD3dSj7dpsVnStLYhng1vxvlbUnLpdF4oz5Myt3i/a7N3Q==",
-          "peer": true
+        "@chakra-ui/utils": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/@chakra-ui/utils/-/utils-2.2.2.tgz",
+          "integrity": "sha512-jUPLT0JzRMWxpdzH6c+t0YMJYrvc5CLericgITV3zDSXblkfx3DsYXqU11DJTSGZI9dUKzM1Wd0Wswn4eJwvFQ==",
+          "peer": true,
+          "requires": {
+            "@types/lodash.mergewith": "4.6.9",
+            "lodash.mergewith": "4.6.2"
+          }
+        },
+        "@types/lodash.mergewith": {
+          "version": "4.6.9",
+          "resolved": "https://registry.npmjs.org/@types/lodash.mergewith/-/lodash.mergewith-4.6.9.tgz",
+          "integrity": "sha512-fgkoCAOF47K7sxrQ7Mlud2TH023itugZs2bUg8h/KzT+BnZNrR2jAOmaokbLunHNnobXVWOezAeNn/lZqwxkcw==",
+          "peer": true,
+          "requires": {
+            "@types/lodash": "*"
+          }
         }
       }
     },
     "@chakra-ui/theme": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/@chakra-ui/theme/-/theme-2.2.4.tgz",
-      "integrity": "sha512-zo1FBfkJBsvpOGGByRB4aEvekdeT/9BB7Lz3rAluKkC+Wo8yce1tTSlvPMpf2f4lsEI8zVid5ATQ6u3+kIFg4w==",
+      "version": "3.4.6",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/theme/-/theme-3.4.6.tgz",
+      "integrity": "sha512-ZwFBLfiMC3URwaO31ONXoKH9k0TX0OW3UjdPF3EQkQpYyrk/fm36GkkzajjtdpWEd7rzDLRsQjPmvwNaSoNDtg==",
       "requires": {
-        "@chakra-ui/anatomy": "2.1.1",
-        "@chakra-ui/shared-utils": "2.0.4",
-        "@chakra-ui/theme-tools": "2.0.16"
+        "@chakra-ui/anatomy": "2.3.4",
+        "@chakra-ui/theme-tools": "2.2.6",
+        "@chakra-ui/utils": "2.2.2"
       },
       "dependencies": {
         "@chakra-ui/theme-tools": {
-          "version": "2.0.16",
-          "resolved": "https://registry.npmjs.org/@chakra-ui/theme-tools/-/theme-tools-2.0.16.tgz",
-          "integrity": "sha512-B/LD+2LNDeHYd/LVCHIJqckVZfhrycTUpNbhRVAiDRaS0AAcsPxKas7liTFkkMkM076YjiHlcla3KpVX+E9tzg==",
+          "version": "2.2.6",
+          "resolved": "https://registry.npmjs.org/@chakra-ui/theme-tools/-/theme-tools-2.2.6.tgz",
+          "integrity": "sha512-3UhKPyzKbV3l/bg1iQN9PBvffYp+EBOoYMUaeTUdieQRPFzo2jbYR0lNCxqv8h5aGM/k54nCHU2M/GStyi9F2A==",
           "requires": {
-            "@chakra-ui/anatomy": "2.1.1",
-            "@chakra-ui/shared-utils": "2.0.4",
-            "color2k": "^2.0.0"
+            "@chakra-ui/anatomy": "2.3.4",
+            "@chakra-ui/utils": "2.2.2",
+            "color2k": "^2.0.2"
+          }
+        },
+        "@chakra-ui/utils": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/@chakra-ui/utils/-/utils-2.2.2.tgz",
+          "integrity": "sha512-jUPLT0JzRMWxpdzH6c+t0YMJYrvc5CLericgITV3zDSXblkfx3DsYXqU11DJTSGZI9dUKzM1Wd0Wswn4eJwvFQ==",
+          "requires": {
+            "@types/lodash.mergewith": "4.6.9",
+            "lodash.mergewith": "4.6.2"
+          }
+        },
+        "@types/lodash.mergewith": {
+          "version": "4.6.9",
+          "resolved": "https://registry.npmjs.org/@types/lodash.mergewith/-/lodash.mergewith-4.6.9.tgz",
+          "integrity": "sha512-fgkoCAOF47K7sxrQ7Mlud2TH023itugZs2bUg8h/KzT+BnZNrR2jAOmaokbLunHNnobXVWOezAeNn/lZqwxkcw==",
+          "requires": {
+            "@types/lodash": "*"
           }
         }
       }
@@ -28022,6 +28098,17 @@
           "integrity": "sha512-4/Wur0FqDov7Y0nCXl7HbHzCg4aq86h+SXdoUeuCMD3dSj7dpsVnStLYhng1vxvlbUnLpdF4oz5Myt3i/a7N3Q==",
           "peer": true
         },
+        "@chakra-ui/styled-system": {
+          "version": "2.6.0",
+          "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.6.0.tgz",
+          "integrity": "sha512-nif4J8AMUV8XpOv0pzsbszqZC3wMXdeBtD4ho0zsjQqor658fKB70ZZeGgxJy8t8w6hcohNgvV4Kz0tu6R0Gow==",
+          "peer": true,
+          "requires": {
+            "@chakra-ui/shared-utils": "2.0.5",
+            "csstype": "^3.0.11",
+            "lodash.mergewith": "4.6.2"
+          }
+        },
         "@chakra-ui/theme": {
           "version": "2.2.5",
           "resolved": "https://registry.npmjs.org/@chakra-ui/theme/-/theme-2.2.5.tgz",
@@ -30013,7 +30100,7 @@
       "version": "file:packages/frontend",
       "requires": {
         "@chakra-ui/react": "2.5.2",
-        "@chakra-ui/theme": "2.2.4",
+        "@chakra-ui/theme": "3.4.6",
         "@chakra-ui/theme-tools": "2.1.2",
         "@emotion/react": "11.11.3",
         "@emotion/styled": "11.11.0",
@@ -30947,6 +31034,17 @@
             "@chakra-ui/shared-utils": "2.0.5"
           }
         },
+        "@chakra-ui/styled-system": {
+          "version": "2.6.0",
+          "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.6.0.tgz",
+          "integrity": "sha512-nif4J8AMUV8XpOv0pzsbszqZC3wMXdeBtD4ho0zsjQqor658fKB70ZZeGgxJy8t8w6hcohNgvV4Kz0tu6R0Gow==",
+          "peer": true,
+          "requires": {
+            "@chakra-ui/shared-utils": "2.0.5",
+            "csstype": "^3.0.11",
+            "lodash.mergewith": "4.6.2"
+          }
+        },
         "@chakra-ui/system": {
           "version": "2.5.0",
           "resolved": "https://registry.npmjs.org/@chakra-ui/system/-/system-2.5.0.tgz",
@@ -35359,9 +35457,9 @@
       "integrity": "sha1-xtJnJjKi5cg+AT5oZKQs6N79IK4="
     },
     "csstype": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
-      "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "d3-array": {
       "version": "2.12.1",
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index f4671be32..1730be2ea 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -5,7 +5,7 @@
   "private": true,
   "dependencies": {
     "@chakra-ui/react": "2.5.2",
-    "@chakra-ui/theme": "2.2.4",
+    "@chakra-ui/theme": "3.4.6",
     "@chakra-ui/theme-tools": "2.1.2",
     "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",