Refactor code structure for improved readability and maintainability

package.json

@@ -10,16 +10,29 @@
     "format": "biome format --write"
   },
   "dependencies": {
+    "@chakra-ui/react": "^3.30.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
+    "@next/font": "^14.2.15",
+    "@next/mdx": "^16.1.1",
+    "@nikolovlazar/chakra-ui-prose": "^1.2.1",
+    "framer-motion": "^12.23.26",
     "next": "16.1.1",
+    "next-mdx-remote": "^5.0.0",
+    "next-seo": "^7.0.1",
     "react": "19.2.3",
-    "react-dom": "19.2.3"
+    "react-dom": "19.2.3",
+    "react-icons": "^5.5.0",
+    "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
     "@biomejs/biome": "2.2.0",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/node": "^20.19.27",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "babel-plugin-react-compiler": "1.0.0",
-    "typescript": "^5"
+    "typescript": "^5.9.3"
   }
 }