diff --git a/package-lock.json b/package-lock.json
index aebae493..2e757947 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,7 @@
                 "react-syntax-highlighter": "15.5.0",
                 "recharts": "2.1.12",
                 "sass": "1.54.8",
-                "styled-components": "5.3.5",
+                "styled-components": "6.1.0",
                 "swr": "0.5.7"
             },
             "devDependencies": {
@@ -53,6 +53,7 @@
         },
         "node_modules/@babel/code-frame": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/highlight": "^7.12.13"
@@ -105,6 +106,7 @@
         },
         "node_modules/@babel/generator": {
             "version": "7.12.15",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/types": "^7.12.13",
@@ -114,20 +116,15 @@
         },
         "node_modules/@babel/generator/node_modules/source-map": {
             "version": "0.5.7",
+            "dev": true,
             "license": "BSD-3-Clause",
             "engines": {
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.12.13",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.12.13"
-            }
-        },
         "node_modules/@babel/helper-function-name": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/helper-get-function-arity": "^7.12.13",
@@ -137,6 +134,7 @@
         },
         "node_modules/@babel/helper-get-function-arity": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/types": "^7.12.13"
@@ -152,6 +150,7 @@
         },
         "node_modules/@babel/helper-module-imports": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/types": "^7.12.13"
@@ -207,6 +206,7 @@
         },
         "node_modules/@babel/helper-split-export-declaration": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/types": "^7.12.13"
@@ -216,6 +216,7 @@
             "version": "7.16.7",
             "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz",
             "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==",
+            "dev": true,
             "engines": {
                 "node": ">=6.9.0"
             }
@@ -232,6 +233,7 @@
         },
         "node_modules/@babel/highlight": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/helper-validator-identifier": "^7.12.11",
@@ -241,6 +243,7 @@
         },
         "node_modules/@babel/highlight/node_modules/ansi-styles": {
             "version": "3.2.1",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "color-convert": "^1.9.0"
@@ -251,6 +254,7 @@
         },
         "node_modules/@babel/highlight/node_modules/chalk": {
             "version": "2.4.2",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "ansi-styles": "^3.2.1",
@@ -263,6 +267,7 @@
         },
         "node_modules/@babel/highlight/node_modules/has-flag": {
             "version": "3.0.0",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=4"
@@ -270,6 +275,7 @@
         },
         "node_modules/@babel/highlight/node_modules/supports-color": {
             "version": "5.5.0",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "has-flag": "^3.0.0"
@@ -280,6 +286,7 @@
         },
         "node_modules/@babel/parser": {
             "version": "7.12.15",
+            "dev": true,
             "license": "MIT",
             "bin": {
                 "parser": "bin/babel-parser.js"
@@ -429,6 +436,7 @@
         },
         "node_modules/@babel/template": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/code-frame": "^7.12.13",
@@ -438,6 +446,7 @@
         },
         "node_modules/@babel/traverse": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/code-frame": "^7.12.13",
@@ -453,6 +462,7 @@
         },
         "node_modules/@babel/traverse/node_modules/globals": {
             "version": "11.12.0",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=4"
@@ -460,6 +470,7 @@
         },
         "node_modules/@babel/types": {
             "version": "7.12.13",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@babel/helper-validator-identifier": "^7.12.11",
@@ -496,24 +507,22 @@
             }
         },
         "node_modules/@emotion/is-prop-valid": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.3.tgz",
-            "integrity": "sha512-RFg04p6C+1uO19uG8N+vqanzKqiM9eeV1LDOG3bmkYmuOj7NbKNlFC/4EZq5gnwAIlcC/jOT24f8Td0iax2SXA==",
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+            "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
             "dependencies": {
-                "@emotion/memoize": "^0.7.4"
+                "@emotion/memoize": "^0.8.1"
             }
         },
         "node_modules/@emotion/memoize": {
-            "version": "0.7.4",
-            "license": "MIT"
-        },
-        "node_modules/@emotion/stylis": {
-            "version": "0.8.5",
-            "license": "MIT"
+            "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+            "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
         },
         "node_modules/@emotion/unitless": {
-            "version": "0.7.5",
-            "license": "MIT"
+            "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+            "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
         },
         "node_modules/@eslint/eslintrc": {
             "version": "0.4.3",
@@ -1432,6 +1441,11 @@
                 "csstype": "^3.0.2"
             }
         },
+        "node_modules/@types/stylis": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
+            "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
+        },
         "node_modules/@types/unist": {
             "version": "2.0.3",
             "license": "MIT"
@@ -2050,23 +2064,6 @@
                 "node": ">= 10.14.2"
             }
         },
-        "node_modules/babel-plugin-styled-components": {
-            "version": "1.12.0",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-annotate-as-pure": "^7.0.0",
-                "@babel/helper-module-imports": "^7.0.0",
-                "babel-plugin-syntax-jsx": "^6.18.0",
-                "lodash": "^4.17.11"
-            },
-            "peerDependencies": {
-                "styled-components": ">= 2"
-            }
-        },
-        "node_modules/babel-plugin-syntax-jsx": {
-            "version": "6.18.0",
-            "license": "MIT"
-        },
         "node_modules/babel-preset-current-node-syntax": {
             "version": "1.0.1",
             "dev": true,
@@ -2629,6 +2626,7 @@
         },
         "node_modules/color-convert": {
             "version": "1.9.3",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "color-name": "1.1.3"
@@ -2636,6 +2634,7 @@
         },
         "node_modules/color-convert/node_modules/color-name": {
             "version": "1.1.3",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/color-name": {
@@ -2874,8 +2873,9 @@
             }
         },
         "node_modules/css-to-react-native": {
-            "version": "3.0.0",
-            "license": "MIT",
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+            "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
             "dependencies": {
                 "camelize": "^1.0.0",
                 "css-color-keywords": "^1.0.0",
@@ -2935,9 +2935,9 @@
             "license": "MIT"
         },
         "node_modules/csstype": {
-            "version": "3.0.6",
-            "dev": true,
-            "license": "MIT"
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+            "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
         },
         "node_modules/d3-array": {
             "version": "2.11.0",
@@ -3554,6 +3554,7 @@
         },
         "node_modules/escape-string-regexp": {
             "version": "1.0.5",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=0.8.0"
@@ -5256,6 +5257,7 @@
         },
         "node_modules/hoist-non-react-statics": {
             "version": "3.3.2",
+            "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
                 "react-is": "^16.7.0"
@@ -5263,6 +5265,7 @@
         },
         "node_modules/hoist-non-react-statics/node_modules/react-is": {
             "version": "16.13.1",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/hosted-git-info": {
@@ -6743,6 +6746,7 @@
         },
         "node_modules/jsesc": {
             "version": "2.5.2",
+            "dev": true,
             "license": "MIT",
             "bin": {
                 "jsesc": "bin/jsesc"
@@ -8480,7 +8484,6 @@
                     "url": "https://github.com/sponsors/ai"
                 }
             ],
-            "peer": true,
             "dependencies": {
                 "nanoid": "^3.3.6",
                 "picocolors": "^1.0.0",
@@ -9425,8 +9428,7 @@
         "node_modules/postcss/node_modules/picocolors": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-            "peer": true
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
         },
         "node_modules/prelude-ls": {
             "version": "1.1.2",
@@ -11123,24 +11125,22 @@
             }
         },
         "node_modules/styled-components": {
-            "version": "5.3.5",
-            "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.5.tgz",
-            "integrity": "sha512-ndETJ9RKaaL6q41B69WudeqLzOpY1A/ET/glXkNZ2T7dPjPqpPCXXQjDFYZWwNnE5co0wX+gTCqx9mfxTmSIPg==",
-            "hasInstallScript": true,
-            "dependencies": {
-                "@babel/helper-module-imports": "^7.0.0",
-                "@babel/traverse": "^7.4.5",
-                "@emotion/is-prop-valid": "^1.1.0",
-                "@emotion/stylis": "^0.8.4",
-                "@emotion/unitless": "^0.7.4",
-                "babel-plugin-styled-components": ">= 1.12.0",
-                "css-to-react-native": "^3.0.0",
-                "hoist-non-react-statics": "^3.0.0",
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.0.tgz",
+            "integrity": "sha512-VWNfYYBuXzuLS/QYEeoPgMErP26WL+dX9//rEh80B2mmlS1yRxRxuL5eax4m6ybYEUoHWlTy2XOU32767mlMkg==",
+            "dependencies": {
+                "@emotion/is-prop-valid": "^1.2.1",
+                "@emotion/unitless": "^0.8.0",
+                "@types/stylis": "^4.0.2",
+                "css-to-react-native": "^3.2.0",
+                "csstype": "^3.1.2",
+                "postcss": "^8.4.31",
                 "shallowequal": "^1.1.0",
-                "supports-color": "^5.5.0"
+                "stylis": "^4.3.0",
+                "tslib": "^2.5.0"
             },
             "engines": {
-                "node": ">=10"
+                "node": ">= 16"
             },
             "funding": {
                 "type": "opencollective",
@@ -11148,27 +11148,7 @@
             },
             "peerDependencies": {
                 "react": ">= 16.8.0",
-                "react-dom": ">= 16.8.0",
-                "react-is": ">= 16.8.0"
-            }
-        },
-        "node_modules/styled-components/node_modules/has-flag": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/styled-components/node_modules/supports-color": {
-            "version": "5.5.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-            "dependencies": {
-                "has-flag": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=4"
+                "react-dom": ">= 16.8.0"
             }
         },
         "node_modules/styled-jsx": {
@@ -11190,6 +11170,11 @@
                 }
             }
         },
+        "node_modules/stylis": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
+            "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
+        },
         "node_modules/supports-color": {
             "version": "7.2.0",
             "dev": true,
@@ -11454,6 +11439,7 @@
         },
         "node_modules/to-fast-properties": {
             "version": "2.0.0",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=4"
@@ -13468,6 +13454,7 @@
     "dependencies": {
         "@babel/code-frame": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/highlight": "^7.12.13"
             }
@@ -13505,6 +13492,7 @@
         },
         "@babel/generator": {
             "version": "7.12.15",
+            "dev": true,
             "requires": {
                 "@babel/types": "^7.12.13",
                 "jsesc": "^2.5.1",
@@ -13512,18 +13500,14 @@
             },
             "dependencies": {
                 "source-map": {
-                    "version": "0.5.7"
+                    "version": "0.5.7",
+                    "dev": true
                 }
             }
         },
-        "@babel/helper-annotate-as-pure": {
-            "version": "7.12.13",
-            "requires": {
-                "@babel/types": "^7.12.13"
-            }
-        },
         "@babel/helper-function-name": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/helper-get-function-arity": "^7.12.13",
                 "@babel/template": "^7.12.13",
@@ -13532,6 +13516,7 @@
         },
         "@babel/helper-get-function-arity": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/types": "^7.12.13"
             }
@@ -13545,6 +13530,7 @@
         },
         "@babel/helper-module-imports": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/types": "^7.12.13"
             }
@@ -13594,6 +13580,7 @@
         },
         "@babel/helper-split-export-declaration": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/types": "^7.12.13"
             }
@@ -13601,7 +13588,8 @@
         "@babel/helper-validator-identifier": {
             "version": "7.16.7",
             "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz",
-            "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw=="
+            "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==",
+            "dev": true
         },
         "@babel/helpers": {
             "version": "7.12.13",
@@ -13614,6 +13602,7 @@
         },
         "@babel/highlight": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/helper-validator-identifier": "^7.12.11",
                 "chalk": "^2.0.0",
@@ -13622,12 +13611,14 @@
             "dependencies": {
                 "ansi-styles": {
                     "version": "3.2.1",
+                    "dev": true,
                     "requires": {
                         "color-convert": "^1.9.0"
                     }
                 },
                 "chalk": {
                     "version": "2.4.2",
+                    "dev": true,
                     "requires": {
                         "ansi-styles": "^3.2.1",
                         "escape-string-regexp": "^1.0.5",
@@ -13635,10 +13626,12 @@
                     }
                 },
                 "has-flag": {
-                    "version": "3.0.0"
+                    "version": "3.0.0",
+                    "dev": true
                 },
                 "supports-color": {
                     "version": "5.5.0",
+                    "dev": true,
                     "requires": {
                         "has-flag": "^3.0.0"
                     }
@@ -13646,7 +13639,8 @@
             }
         },
         "@babel/parser": {
-            "version": "7.12.15"
+            "version": "7.12.15",
+            "dev": true
         },
         "@babel/plugin-syntax-async-generators": {
             "version": "7.8.4",
@@ -13740,6 +13734,7 @@
         },
         "@babel/template": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/code-frame": "^7.12.13",
                 "@babel/parser": "^7.12.13",
@@ -13748,6 +13743,7 @@
         },
         "@babel/traverse": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/code-frame": "^7.12.13",
                 "@babel/generator": "^7.12.13",
@@ -13761,12 +13757,14 @@
             },
             "dependencies": {
                 "globals": {
-                    "version": "11.12.0"
+                    "version": "11.12.0",
+                    "dev": true
                 }
             }
         },
         "@babel/types": {
             "version": "7.12.13",
+            "dev": true,
             "requires": {
                 "@babel/helper-validator-identifier": "^7.12.11",
                 "lodash": "^4.17.19",
@@ -13790,21 +13788,22 @@
             "dev": true
         },
         "@emotion/is-prop-valid": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.3.tgz",
-            "integrity": "sha512-RFg04p6C+1uO19uG8N+vqanzKqiM9eeV1LDOG3bmkYmuOj7NbKNlFC/4EZq5gnwAIlcC/jOT24f8Td0iax2SXA==",
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+            "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
             "requires": {
-                "@emotion/memoize": "^0.7.4"
+                "@emotion/memoize": "^0.8.1"
             }
         },
         "@emotion/memoize": {
-            "version": "0.7.4"
-        },
-        "@emotion/stylis": {
-            "version": "0.8.5"
+            "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+            "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
         },
         "@emotion/unitless": {
-            "version": "0.7.5"
+            "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+            "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
         },
         "@eslint/eslintrc": {
             "version": "0.4.3",
@@ -14497,6 +14496,11 @@
                 "csstype": "^3.0.2"
             }
         },
+        "@types/stylis": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
+            "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
+        },
         "@types/unist": {
             "version": "2.0.3"
         },
@@ -14962,18 +14966,6 @@
                 "@types/babel__traverse": "^7.0.6"
             }
         },
-        "babel-plugin-styled-components": {
-            "version": "1.12.0",
-            "requires": {
-                "@babel/helper-annotate-as-pure": "^7.0.0",
-                "@babel/helper-module-imports": "^7.0.0",
-                "babel-plugin-syntax-jsx": "^6.18.0",
-                "lodash": "^4.17.11"
-            }
-        },
-        "babel-plugin-syntax-jsx": {
-            "version": "6.18.0"
-        },
         "babel-preset-current-node-syntax": {
             "version": "1.0.1",
             "dev": true,
@@ -15344,12 +15336,14 @@
         },
         "color-convert": {
             "version": "1.9.3",
+            "dev": true,
             "requires": {
                 "color-name": "1.1.3"
             },
             "dependencies": {
                 "color-name": {
-                    "version": "1.1.3"
+                    "version": "1.1.3",
+                    "dev": true
                 }
             }
         },
@@ -15517,7 +15511,9 @@
             }
         },
         "css-to-react-native": {
-            "version": "3.0.0",
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+            "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
             "requires": {
                 "camelize": "^1.0.0",
                 "css-color-keywords": "^1.0.0",
@@ -15557,8 +15553,9 @@
             }
         },
         "csstype": {
-            "version": "3.0.6",
-            "dev": true
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+            "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
         },
         "d3-array": {
             "version": "2.11.0",
@@ -15989,7 +15986,8 @@
             "dev": true
         },
         "escape-string-regexp": {
-            "version": "1.0.5"
+            "version": "1.0.5",
+            "dev": true
         },
         "escodegen": {
             "version": "1.14.3",
@@ -17182,12 +17180,14 @@
         },
         "hoist-non-react-statics": {
             "version": "3.3.2",
+            "dev": true,
             "requires": {
                 "react-is": "^16.7.0"
             },
             "dependencies": {
                 "react-is": {
-                    "version": "16.13.1"
+                    "version": "16.13.1",
+                    "dev": true
                 }
             }
         },
@@ -18208,7 +18208,8 @@
             }
         },
         "jsesc": {
-            "version": "2.5.2"
+            "version": "2.5.2",
+            "dev": true
         },
         "json-parse-even-better-errors": {
             "version": "2.3.1",
@@ -19330,7 +19331,6 @@
             "version": "8.4.31",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
             "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-            "peer": true,
             "requires": {
                 "nanoid": "^3.3.6",
                 "picocolors": "^1.0.0",
@@ -19340,8 +19340,7 @@
                 "picocolors": {
                     "version": "1.0.0",
                     "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-                    "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-                    "peer": true
+                    "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
                 }
             }
         },
@@ -21159,35 +21158,19 @@
             "dev": true
         },
         "styled-components": {
-            "version": "5.3.5",
-            "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.5.tgz",
-            "integrity": "sha512-ndETJ9RKaaL6q41B69WudeqLzOpY1A/ET/glXkNZ2T7dPjPqpPCXXQjDFYZWwNnE5co0wX+gTCqx9mfxTmSIPg==",
-            "requires": {
-                "@babel/helper-module-imports": "^7.0.0",
-                "@babel/traverse": "^7.4.5",
-                "@emotion/is-prop-valid": "^1.1.0",
-                "@emotion/stylis": "^0.8.4",
-                "@emotion/unitless": "^0.7.4",
-                "babel-plugin-styled-components": ">= 1.12.0",
-                "css-to-react-native": "^3.0.0",
-                "hoist-non-react-statics": "^3.0.0",
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.0.tgz",
+            "integrity": "sha512-VWNfYYBuXzuLS/QYEeoPgMErP26WL+dX9//rEh80B2mmlS1yRxRxuL5eax4m6ybYEUoHWlTy2XOU32767mlMkg==",
+            "requires": {
+                "@emotion/is-prop-valid": "^1.2.1",
+                "@emotion/unitless": "^0.8.0",
+                "@types/stylis": "^4.0.2",
+                "css-to-react-native": "^3.2.0",
+                "csstype": "^3.1.2",
+                "postcss": "^8.4.31",
                 "shallowequal": "^1.1.0",
-                "supports-color": "^5.5.0"
-            },
-            "dependencies": {
-                "has-flag": {
-                    "version": "3.0.0",
-                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-                    "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
-                },
-                "supports-color": {
-                    "version": "5.5.0",
-                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-                    "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-                    "requires": {
-                        "has-flag": "^3.0.0"
-                    }
-                }
+                "stylis": "^4.3.0",
+                "tslib": "^2.5.0"
             }
         },
         "styled-jsx": {
@@ -21196,6 +21179,11 @@
             "integrity": "sha512-b3sUzamS086YLRuvnaDigdAewz1/EFYlHpYBP5mZovKEdQQOIIYq8lApylub3HHZ6xFjV051kkGU7cudJmrXEA==",
             "requires": {}
         },
+        "stylis": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
+            "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
+        },
         "supports-color": {
             "version": "7.2.0",
             "dev": true,
@@ -21371,7 +21359,8 @@
             }
         },
         "to-fast-properties": {
-            "version": "2.0.0"
+            "version": "2.0.0",
+            "dev": true
         },
         "to-object-path": {
             "version": "0.3.0",
diff --git a/package.json b/package.json
index 2294191e..2f5a6f21 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
         "react-syntax-highlighter": "15.5.0",
         "recharts": "2.1.12",
         "sass": "1.54.8",
-        "styled-components": "5.3.5",
+        "styled-components": "6.1.0",
         "swr": "0.5.7"
     },
     "devDependencies": {