feat: migrated from chart.js to google-charts

package.json

@@ -16,11 +16,11 @@
     "husky-prepare": "husky install"
   },
   "dependencies": {
-    "chart.js": "^4.2.1",
     "next": "^13.2.4",
     "react": "^18.2.0",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
+    "react-google-charts": "^4.0.0",
     "styled-components": "^5.3.9",
     "zustand": "^4.3.7"
   },
@@ -31,6 +31,7 @@
     "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "^5.43.0",
     "@vitejs/plugin-react": "^3.1.0",
+    "babel-plugin-styled-components": "^2.0.7",
     "eslint": "^8.0.1",
     "eslint-config-prettier": "^8.8.0",
     "eslint-config-standard-with-typescript": "^34.0.1",
@@ -51,10 +52,42 @@
     "stylelint-order": "^6.0.3",
     "stylelint-prettier": "^3.0.0",
     "stylelint-processor-styled-components": "^1.10.0",
-    "typescript": "*",
+    "typescript": "^5.0.4",
     "vite": "^4.2.0"
   },
   "resolutions": {
     "styled-components": "^5"
+  },
+  "babel": {
+    "env": {
+      "development": {
+        "presets": [
+          "next/babel"
+        ],
+        "plugins": [
+          [
+            "styled-components",
+            {
+              "ssr": true,
+              "displayName": true
+            }
+          ]
+        ]
+      },
+      "production": {
+        "presets": [
+          "next/babel"
+        ],
+        "plugins": [
+          [
+            "styled-components",
+            {
+              "ssr": true,
+              "displayName": false
+            }
+          ]
+        ]
+      }
+    }
   }
 }