diff --git a/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md b/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
index e33ba7675..e8eda80d3 100644
--- a/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
+++ b/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
@@ -1,5 +1,7 @@
-# Typescript
+# TypeScript
+
 TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
 
 <ResourceGroupTitle>Free Resources</ResourceGroupTitle>
-<BadgeLink colorScheme='purple' badgeText='Watch' href='https://youtu.be/BwuLxPH8IDs'>Typescript for begineers</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/typescript/index.htm'>TypeScript Tutorial</BadgeLink>
+<BadgeLink colorScheme='purple' badgeText='Watch' href='https://www.youtube.com/watch?v=BwuLxPH8IDs'>TypeScript for Beginners</BadgeLink>
diff --git a/package-lock.json b/package-lock.json
index 7a7379380..51b6a5632 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,15 +12,15 @@
       "dependencies": {
         "@chakra-ui/icons": "^1.1.1",
         "@chakra-ui/react": "^1.7.3",
-        "@emotion/react": "^11.7.0",
+        "@emotion/react": "^11.7.1",
         "@emotion/styled": "^11.6.0",
         "@mapbox/rehype-prism": "^0.8.0",
         "@mdx-js/loader": "^1.6.22",
         "@next/mdx": "^12.0.7",
-        "@svgr/webpack": "^6.1.1",
+        "@svgr/webpack": "^6.1.2",
         "date-fns": "^2.27.0",
         "focus-visible": "^5.2.0",
-        "framer-motion": "^5.4.5",
+        "framer-motion": "^5.5.5",
         "next": "^12.0.7",
         "prism-themes": "^1.9.0",
         "react": "17.0.2",
@@ -33,18 +33,18 @@
         "@types/eslint": "8.2.1",
         "@types/gh-pages": "^3.2.0",
         "@types/glob": "^7.2.0",
-        "@types/react": "17.0.37",
+        "@types/react": "17.0.38",
         "@types/react-dom": "17.0.11",
-        "@types/styled-components": "^5.1.17",
+        "@types/styled-components": "^5.1.19",
         "eslint-config-next": "12.0.7",
         "eslint-config-prettier": "^8.3.0",
         "gh-pages": "^3.2.3",
         "glob": "^7.2.0",
         "husky": "^7.0.4",
-        "pretty-quick": "^3.1.2",
+        "pretty-quick": "^3.1.3",
         "serve": "^13.0.2",
         "ts-node": "^10.4.0",
-        "typescript": "4.5.3"
+        "typescript": "4.5.4"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -2691,15 +2691,15 @@
       }
     },
     "node_modules/@emotion/cache": {
-      "version": "11.6.0",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.6.0.tgz",
-      "integrity": "sha512-ElbsWY1KMwEowkv42vGo0UPuLgtPYfIs9BxxVrmvsaJVvktknsHYYlx5NQ5g6zLDcOTyamlDc7FkRg2TAcQDKQ==",
+      "version": "11.7.1",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.7.1.tgz",
+      "integrity": "sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A==",
       "dependencies": {
         "@emotion/memoize": "^0.7.4",
         "@emotion/sheet": "^1.1.0",
         "@emotion/utils": "^1.0.0",
         "@emotion/weak-memoize": "^0.2.5",
-        "stylis": "^4.0.10"
+        "stylis": "4.0.13"
       }
     },
     "node_modules/@emotion/hash": {
@@ -2721,12 +2721,12 @@
       "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
     },
     "node_modules/@emotion/react": {
-      "version": "11.7.0",
-      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.7.0.tgz",
-      "integrity": "sha512-WL93hf9+/2s3cA1JVJlz8+Uy6p6QWukqQFOm2OZO5ki51hfucHMOmbSjiyC3t2Y4RI8XUmBoepoc/24ny/VBbA==",
+      "version": "11.7.1",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.7.1.tgz",
+      "integrity": "sha512-DV2Xe3yhkF1yT4uAUoJcYL1AmrnO5SVsdfvu+fBuS7IbByDeTVx9+wFmvx9Idzv7/78+9Mgx2Hcmr7Fex3tIyw==",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@emotion/cache": "^11.6.0",
+        "@emotion/cache": "^11.7.1",
         "@emotion/serialize": "^1.0.2",
         "@emotion/sheet": "^1.1.0",
         "@emotion/utils": "^1.0.0",
@@ -3619,11 +3619,11 @@
       }
     },
     "node_modules/@svgr/core": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.1.1.tgz",
-      "integrity": "sha512-/NP+24cQmcEdJYptoFWO34SHkNx2x4KOGAMcnTpzOPQifvb1ecupWNEPeHBDY18utd0OMpl2kWf0ZnyN5VsVlg==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.1.2.tgz",
+      "integrity": "sha512-G1UVZcPS5R+HfBG5QC7n2ibkax8RXki2sbKHySTTnajeNXbzriBJcpF4GpYzWptfvD2gmqTDY9XaX+x08TUyGQ==",
       "dependencies": {
-        "@svgr/plugin-jsx": "^6.1.0",
+        "@svgr/plugin-jsx": "^6.1.2",
         "camelcase": "^6.2.0",
         "cosmiconfig": "^7.0.1"
       },
@@ -3652,9 +3652,9 @@
       }
     },
     "node_modules/@svgr/plugin-jsx": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-6.1.0.tgz",
-      "integrity": "sha512-grAeVnwjr4eyzzscX6d5dK202nQcKGt5STry3BrCNuw8RZkMVFYumjH/qLnInO2ugc0ESSo8eCkb+30vXVxSTg==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-6.1.2.tgz",
+      "integrity": "sha512-K/w16g3BznTjVjLyUyV0fE7LLl1HSq5KJjvczFVVvx9QG0+3xtU7RX6gvoVnTvYlrNo8QxxqLWVAU3HQm68Eew==",
       "dependencies": {
         "@babel/core": "^7.15.5",
         "@svgr/babel-preset": "^6.1.0",
@@ -3669,13 +3669,13 @@
         "url": "https://github.com/sponsors/gregberge"
       },
       "peerDependencies": {
-        "@svgr/core": "^6.0.0-alpha.0"
+        "@svgr/core": "^6.0.0"
       }
     },
     "node_modules/@svgr/plugin-svgo": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-6.1.0.tgz",
-      "integrity": "sha512-NQtYlvPg6yk3wxm1EeeI3kNh/NoSxwW/Zjkvy3vf4CJJHKryB3TnkLsY8Z5hDOERT3Hadksh9RyZnSszEG7q5w==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-6.1.2.tgz",
+      "integrity": "sha512-UHVSRZV3RdaggDT60OMIEmhskN736DOF6PuBcCaql6jBDA9+SZkA5ZMEw73ZLAlwdOAmw+0Gi4vx/xvAfnmerw==",
       "dependencies": {
         "cosmiconfig": "^7.0.1",
         "deepmerge": "^4.2.2",
@@ -3689,22 +3689,22 @@
         "url": "https://github.com/sponsors/gregberge"
       },
       "peerDependencies": {
-        "@svgr/core": "^6.0.0-alpha.0"
+        "@svgr/core": "^6.0.0"
       }
     },
     "node_modules/@svgr/webpack": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-6.1.1.tgz",
-      "integrity": "sha512-22Ba6/9u/7UHnnwWQBDEIy3GrKbacMHUfS1+0XO1sjiEwQFV+eoJnnwnNX5PVS3pEx0srIKhaCCs9RtUrsM8+w==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-6.1.2.tgz",
+      "integrity": "sha512-5RzzWxFquywENwvnsiGjZ7IED+0l2lnICR3OKQ6OUyGgxlu+ac73NmDSXp6EPBz/ZTArpMZtug7jiPMUkXxnlg==",
       "dependencies": {
         "@babel/core": "^7.15.5",
         "@babel/plugin-transform-react-constant-elements": "^7.14.5",
         "@babel/preset-env": "^7.15.6",
         "@babel/preset-react": "^7.14.5",
         "@babel/preset-typescript": "^7.15.0",
-        "@svgr/core": "^6.1.1",
-        "@svgr/plugin-jsx": "^6.1.0",
-        "@svgr/plugin-svgo": "^6.1.0"
+        "@svgr/core": "^6.1.2",
+        "@svgr/plugin-jsx": "^6.1.2",
+        "@svgr/plugin-svgo": "^6.1.2"
       },
       "engines": {
         "node": ">=10"
@@ -3867,9 +3867,9 @@
       "integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
     },
     "node_modules/@types/react": {
-      "version": "17.0.37",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.37.tgz",
-      "integrity": "sha512-2FS1oTqBGcH/s0E+CjrCCR9+JMpsu9b69RTFO+40ua43ZqP5MmQ4iUde/dMjWR909KxZwmOQIFq6AV6NjEG5xg==",
+      "version": "17.0.38",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.38.tgz",
+      "integrity": "sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ==",
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -3891,9 +3891,9 @@
       "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
     },
     "node_modules/@types/styled-components": {
-      "version": "5.1.17",
-      "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.17.tgz",
-      "integrity": "sha512-niMaIan3C2LYCGEPntljGrkxLBfz1RZf4WTTv7w9GJygMsCOl226/UoSwXC8dIHCHs4sQKFQUs5JtdL2hj7k0g==",
+      "version": "5.1.19",
+      "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.19.tgz",
+      "integrity": "sha512-hNj14Oamk7Jhb/fMMQG7TUkd3e8uMMgxsCTH+ueJNGdFo/PuhlGDQTPChqyilpZP0WttgBHkc2YyT5UG+yc6Yw==",
       "dev": true,
       "dependencies": {
         "@types/hoist-non-react-statics": "*",
@@ -5694,15 +5694,15 @@
       }
     },
     "node_modules/css-select": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.1.3.tgz",
-      "integrity": "sha512-gT3wBNd9Nj49rAbmtFHj1cljIAOLYSX1nZ8CB7TBO3INYckygm5B7LISU/szY//YmdiSLbJvDLOx9VnMVpMBxA==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.2.0.tgz",
+      "integrity": "sha512-6YVG6hsH9yIb/si3Th/is8Pex7qnVHO6t7q7U6TIUnkQASGbS8tnUDBftnPynLNnuUl/r2+PTd0ekiiq7R0zJw==",
       "dependencies": {
         "boolbase": "^1.0.0",
-        "css-what": "^5.0.0",
-        "domhandler": "^4.2.0",
-        "domutils": "^2.6.0",
-        "nth-check": "^2.0.0"
+        "css-what": "^5.1.0",
+        "domhandler": "^4.3.0",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
       },
       "funding": {
         "url": "https://github.com/sponsors/fb55"
@@ -7240,9 +7240,9 @@
       "integrity": "sha1-C+4AUBiusmDQo6865ljdATbsG5k="
     },
     "node_modules/framer-motion": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-5.4.5.tgz",
-      "integrity": "sha512-OjKfSMO22a9bTedhQ4diwZWCcmwoZmfrkalv4adhHTH2/cXa2eoFAmmPzs6aNpENbMrn47YmlWGwZtYNycXFLg==",
+      "version": "5.5.5",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-5.5.5.tgz",
+      "integrity": "sha512-+LPAF5ddo02qKh+MK4h1ChwqUFvrLkK1NDWwrHy+MuCVmQDGgiFNHvwqOSklTDGkEtbio3dCOEDy23+ZyNAa9g==",
       "dependencies": {
         "framesync": "6.0.1",
         "hey-listen": "^1.0.8",
@@ -7256,7 +7256,7 @@
         "@emotion/is-prop-valid": "^0.8.2"
       },
       "peerDependencies": {
-        "@react-three/fiber": "^7.0.21",
+        "@react-three/fiber": "*",
         "react": ">=16.8 || ^17.0.0",
         "react-dom": ">=16.8 || ^17.0.0",
         "three": "^0.135.0"
@@ -10605,9 +10605,9 @@
       }
     },
     "node_modules/pretty-quick": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pretty-quick/-/pretty-quick-3.1.2.tgz",
-      "integrity": "sha512-T+fpTJrDjTzewql4p3lKrRA7z3MrNyjBK1MKeaBm5PpKwATgVm885TpY7TgY8KFt5Q1Qn3QDseRQcyX9AKTKkA==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/pretty-quick/-/pretty-quick-3.1.3.tgz",
+      "integrity": "sha512-kOCi2FJabvuh1as9enxYmrnBC6tVMoVOenMaBqRfsvBHB0cbpYHjdQEpSglpASDFEXVwplpcGR4CLEaisYAFcA==",
       "dev": true,
       "dependencies": {
         "chalk": "^3.0.0",
@@ -12518,9 +12518,9 @@
       }
     },
     "node_modules/stylis": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.10.tgz",
-      "integrity": "sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg=="
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.13.tgz",
+      "integrity": "sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag=="
     },
     "node_modules/supports-color": {
       "version": "5.5.0",
@@ -13013,9 +13013,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.5.3.tgz",
-      "integrity": "sha512-eVYaEHALSt+s9LbvgEv4Ef+Tdq7hBiIZgii12xXJnukryt3pMgJf6aKhoCZ3FWQsu6sydEnkg11fYXLzhLBjeQ==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.5.4.tgz",
+      "integrity": "sha512-VgYs2A2QIRuGphtzFV7aQJduJ2gyfTljngLzjpfW9FoYZF6xuw1W0vW9ghCKLfcWrCFxK81CSGRAvS1pn4fIUg==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -15936,15 +15936,15 @@
       }
     },
     "@emotion/cache": {
-      "version": "11.6.0",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.6.0.tgz",
-      "integrity": "sha512-ElbsWY1KMwEowkv42vGo0UPuLgtPYfIs9BxxVrmvsaJVvktknsHYYlx5NQ5g6zLDcOTyamlDc7FkRg2TAcQDKQ==",
+      "version": "11.7.1",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.7.1.tgz",
+      "integrity": "sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A==",
       "requires": {
         "@emotion/memoize": "^0.7.4",
         "@emotion/sheet": "^1.1.0",
         "@emotion/utils": "^1.0.0",
         "@emotion/weak-memoize": "^0.2.5",
-        "stylis": "^4.0.10"
+        "stylis": "4.0.13"
       }
     },
     "@emotion/hash": {
@@ -15966,12 +15966,12 @@
       "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
     },
     "@emotion/react": {
-      "version": "11.7.0",
-      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.7.0.tgz",
-      "integrity": "sha512-WL93hf9+/2s3cA1JVJlz8+Uy6p6QWukqQFOm2OZO5ki51hfucHMOmbSjiyC3t2Y4RI8XUmBoepoc/24ny/VBbA==",
+      "version": "11.7.1",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.7.1.tgz",
+      "integrity": "sha512-DV2Xe3yhkF1yT4uAUoJcYL1AmrnO5SVsdfvu+fBuS7IbByDeTVx9+wFmvx9Idzv7/78+9Mgx2Hcmr7Fex3tIyw==",
       "requires": {
         "@babel/runtime": "^7.13.10",
-        "@emotion/cache": "^11.6.0",
+        "@emotion/cache": "^11.7.1",
         "@emotion/serialize": "^1.0.2",
         "@emotion/sheet": "^1.1.0",
         "@emotion/utils": "^1.0.0",
@@ -16535,11 +16535,11 @@
       }
     },
     "@svgr/core": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.1.1.tgz",
-      "integrity": "sha512-/NP+24cQmcEdJYptoFWO34SHkNx2x4KOGAMcnTpzOPQifvb1ecupWNEPeHBDY18utd0OMpl2kWf0ZnyN5VsVlg==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.1.2.tgz",
+      "integrity": "sha512-G1UVZcPS5R+HfBG5QC7n2ibkax8RXki2sbKHySTTnajeNXbzriBJcpF4GpYzWptfvD2gmqTDY9XaX+x08TUyGQ==",
       "requires": {
-        "@svgr/plugin-jsx": "^6.1.0",
+        "@svgr/plugin-jsx": "^6.1.2",
         "camelcase": "^6.2.0",
         "cosmiconfig": "^7.0.1"
       }
@@ -16554,9 +16554,9 @@
       }
     },
     "@svgr/plugin-jsx": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-6.1.0.tgz",
-      "integrity": "sha512-grAeVnwjr4eyzzscX6d5dK202nQcKGt5STry3BrCNuw8RZkMVFYumjH/qLnInO2ugc0ESSo8eCkb+30vXVxSTg==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-6.1.2.tgz",
+      "integrity": "sha512-K/w16g3BznTjVjLyUyV0fE7LLl1HSq5KJjvczFVVvx9QG0+3xtU7RX6gvoVnTvYlrNo8QxxqLWVAU3HQm68Eew==",
       "requires": {
         "@babel/core": "^7.15.5",
         "@svgr/babel-preset": "^6.1.0",
@@ -16565,9 +16565,9 @@
       }
     },
     "@svgr/plugin-svgo": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-6.1.0.tgz",
-      "integrity": "sha512-NQtYlvPg6yk3wxm1EeeI3kNh/NoSxwW/Zjkvy3vf4CJJHKryB3TnkLsY8Z5hDOERT3Hadksh9RyZnSszEG7q5w==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-6.1.2.tgz",
+      "integrity": "sha512-UHVSRZV3RdaggDT60OMIEmhskN736DOF6PuBcCaql6jBDA9+SZkA5ZMEw73ZLAlwdOAmw+0Gi4vx/xvAfnmerw==",
       "requires": {
         "cosmiconfig": "^7.0.1",
         "deepmerge": "^4.2.2",
@@ -16575,18 +16575,18 @@
       }
     },
     "@svgr/webpack": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-6.1.1.tgz",
-      "integrity": "sha512-22Ba6/9u/7UHnnwWQBDEIy3GrKbacMHUfS1+0XO1sjiEwQFV+eoJnnwnNX5PVS3pEx0srIKhaCCs9RtUrsM8+w==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-6.1.2.tgz",
+      "integrity": "sha512-5RzzWxFquywENwvnsiGjZ7IED+0l2lnICR3OKQ6OUyGgxlu+ac73NmDSXp6EPBz/ZTArpMZtug7jiPMUkXxnlg==",
       "requires": {
         "@babel/core": "^7.15.5",
         "@babel/plugin-transform-react-constant-elements": "^7.14.5",
         "@babel/preset-env": "^7.15.6",
         "@babel/preset-react": "^7.14.5",
         "@babel/preset-typescript": "^7.15.0",
-        "@svgr/core": "^6.1.1",
-        "@svgr/plugin-jsx": "^6.1.0",
-        "@svgr/plugin-svgo": "^6.1.0"
+        "@svgr/core": "^6.1.2",
+        "@svgr/plugin-jsx": "^6.1.2",
+        "@svgr/plugin-svgo": "^6.1.2"
       }
     },
     "@szmarczak/http-timer": {
@@ -16736,9 +16736,9 @@
       "integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
     },
     "@types/react": {
-      "version": "17.0.37",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.37.tgz",
-      "integrity": "sha512-2FS1oTqBGcH/s0E+CjrCCR9+JMpsu9b69RTFO+40ua43ZqP5MmQ4iUde/dMjWR909KxZwmOQIFq6AV6NjEG5xg==",
+      "version": "17.0.38",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.38.tgz",
+      "integrity": "sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ==",
       "requires": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -16760,9 +16760,9 @@
       "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
     },
     "@types/styled-components": {
-      "version": "5.1.17",
-      "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.17.tgz",
-      "integrity": "sha512-niMaIan3C2LYCGEPntljGrkxLBfz1RZf4WTTv7w9GJygMsCOl226/UoSwXC8dIHCHs4sQKFQUs5JtdL2hj7k0g==",
+      "version": "5.1.19",
+      "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.19.tgz",
+      "integrity": "sha512-hNj14Oamk7Jhb/fMMQG7TUkd3e8uMMgxsCTH+ueJNGdFo/PuhlGDQTPChqyilpZP0WttgBHkc2YyT5UG+yc6Yw==",
       "dev": true,
       "requires": {
         "@types/hoist-non-react-statics": "*",
@@ -18148,15 +18148,15 @@
       "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU="
     },
     "css-select": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.1.3.tgz",
-      "integrity": "sha512-gT3wBNd9Nj49rAbmtFHj1cljIAOLYSX1nZ8CB7TBO3INYckygm5B7LISU/szY//YmdiSLbJvDLOx9VnMVpMBxA==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.2.0.tgz",
+      "integrity": "sha512-6YVG6hsH9yIb/si3Th/is8Pex7qnVHO6t7q7U6TIUnkQASGbS8tnUDBftnPynLNnuUl/r2+PTd0ekiiq7R0zJw==",
       "requires": {
         "boolbase": "^1.0.0",
-        "css-what": "^5.0.0",
-        "domhandler": "^4.2.0",
-        "domutils": "^2.6.0",
-        "nth-check": "^2.0.0"
+        "css-what": "^5.1.0",
+        "domhandler": "^4.3.0",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
       }
     },
     "css-to-react-native": {
@@ -19335,9 +19335,9 @@
       "integrity": "sha1-C+4AUBiusmDQo6865ljdATbsG5k="
     },
     "framer-motion": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-5.4.5.tgz",
-      "integrity": "sha512-OjKfSMO22a9bTedhQ4diwZWCcmwoZmfrkalv4adhHTH2/cXa2eoFAmmPzs6aNpENbMrn47YmlWGwZtYNycXFLg==",
+      "version": "5.5.5",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-5.5.5.tgz",
+      "integrity": "sha512-+LPAF5ddo02qKh+MK4h1ChwqUFvrLkK1NDWwrHy+MuCVmQDGgiFNHvwqOSklTDGkEtbio3dCOEDy23+ZyNAa9g==",
       "requires": {
         "@emotion/is-prop-valid": "^0.8.2",
         "framesync": "6.0.1",
@@ -21787,9 +21787,9 @@
       "peer": true
     },
     "pretty-quick": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pretty-quick/-/pretty-quick-3.1.2.tgz",
-      "integrity": "sha512-T+fpTJrDjTzewql4p3lKrRA7z3MrNyjBK1MKeaBm5PpKwATgVm885TpY7TgY8KFt5Q1Qn3QDseRQcyX9AKTKkA==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/pretty-quick/-/pretty-quick-3.1.3.tgz",
+      "integrity": "sha512-kOCi2FJabvuh1as9enxYmrnBC6tVMoVOenMaBqRfsvBHB0cbpYHjdQEpSglpASDFEXVwplpcGR4CLEaisYAFcA==",
       "dev": true,
       "requires": {
         "chalk": "^3.0.0",
@@ -23242,9 +23242,9 @@
       }
     },
     "stylis": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.10.tgz",
-      "integrity": "sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg=="
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.13.tgz",
+      "integrity": "sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag=="
     },
     "supports-color": {
       "version": "5.5.0",
@@ -23621,9 +23621,9 @@
       }
     },
     "typescript": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.5.3.tgz",
-      "integrity": "sha512-eVYaEHALSt+s9LbvgEv4Ef+Tdq7hBiIZgii12xXJnukryt3pMgJf6aKhoCZ3FWQsu6sydEnkg11fYXLzhLBjeQ==",
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.5.4.tgz",
+      "integrity": "sha512-VgYs2A2QIRuGphtzFV7aQJduJ2gyfTljngLzjpfW9FoYZF6xuw1W0vW9ghCKLfcWrCFxK81CSGRAvS1pn4fIUg==",
       "dev": true
     },
     "unbox-primitive": {
diff --git a/package.json b/package.json
index 1bc1ce8a8..e6c6cb1ba 100644
--- a/package.json
+++ b/package.json
@@ -20,15 +20,15 @@
   "dependencies": {
     "@chakra-ui/icons": "^1.1.1",
     "@chakra-ui/react": "^1.7.3",
-    "@emotion/react": "^11.7.0",
+    "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@mapbox/rehype-prism": "^0.8.0",
     "@mdx-js/loader": "^1.6.22",
     "@next/mdx": "^12.0.7",
-    "@svgr/webpack": "^6.1.1",
+    "@svgr/webpack": "^6.1.2",
     "date-fns": "^2.27.0",
     "focus-visible": "^5.2.0",
-    "framer-motion": "^5.4.5",
+    "framer-motion": "^5.5.5",
     "next": "^12.0.7",
     "prism-themes": "^1.9.0",
     "react": "17.0.2",
@@ -41,18 +41,18 @@
     "@types/eslint": "8.2.1",
     "@types/gh-pages": "^3.2.0",
     "@types/glob": "^7.2.0",
-    "@types/react": "17.0.37",
+    "@types/react": "17.0.38",
     "@types/react-dom": "17.0.11",
-    "@types/styled-components": "^5.1.17",
+    "@types/styled-components": "^5.1.19",
     "eslint-config-next": "12.0.7",
     "eslint-config-prettier": "^8.3.0",
     "gh-pages": "^3.2.3",
     "glob": "^7.2.0",
     "husky": "^7.0.4",
-    "pretty-quick": "^3.1.2",
+    "pretty-quick": "^3.1.3",
     "serve": "^13.0.2",
     "ts-node": "^10.4.0",
-    "typescript": "4.5.3"
+    "typescript": "4.5.4"
   },
   "husky": {
     "hooks": {