added fetch card from server, style changes, i18

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@reduxjs/toolkit": "^1.9.3",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^13.5.0",
@@ -13,14 +14,21 @@
     "@types/swiper": "^6.0.0",
     "animejs": "^3.2.1",
     "aos": "^2.3.4",
+    "axios": "^1.3.4",
     "framer-motion": "^7.2.0",
     "i": "^0.3.7",
+    "i18next": "^22.4.12",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next-http-backend": "^2.2.0",
+    "js-cookie": "^3.0.1",
     "moment": "^2.29.4",
     "npm": "^8.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-i18next": "^12.2.0",
     "react-minimal-pie-chart": "^8.3.0",
     "react-player": "^2.11.0",
+    "react-redux": "^8.0.5",
     "react-router-dom": "^5.2.0",
     "react-scripts": "5.0.1",
     "swiper": "^8.3.2",
@@ -67,6 +75,7 @@
     "@types/animejs": "^3.1.5",
     "@types/aos": "^3.0.4",
     "@types/body-scroll-lock": "^3.1.0",
+    "@types/js-cookie": "^3.0.3",
     "@types/react-router-dom": "^5.3.3",
     "babel-plugin-named-exports-order": "^0.0.2",
     "prop-types": "^15.8.1",