Upgrade chakra, react, react dom, types react and refactored after upgrades.

package.json

@@ -16,7 +16,7 @@
     "pretty": "prettier --write ."
   },
   "dependencies": {
-    "@chakra-ui/react": "^1.8.8",
+    "@chakra-ui/react": "^2.0.2",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@iconify/react": "^3.2.1",
@@ -24,13 +24,13 @@
     "formik": "^2.2.9",
     "framer-motion": "^6.3.3",
     "next": "12.1.6",
-    "react": "<=17.0.2",
-    "react-dom": "<=17.0.2",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
     "sharp": "^0.30.4"
   },
   "devDependencies": {
     "@types/node": "^17.0.35",
-    "@types/react": "<18.0.0",
+    "@types/react": "^18.0.9",
     "@typescript-eslint/eslint-plugin": "^5.25.0",
     "eslint": "^8.16.0",
     "eslint-config-next": "^12.1.6",