refactor: with styled-components

package.json

@@ -6,10 +6,9 @@
   "license": "MIT",
   "scripts": {
     "prisma": "yarn prisma:push && yarn prisma:seed",
-    "initialdata": "ts-node scripts/initialdata.ts",
-    "predev": "yarn prisma && yarn initialdata",
+    "predev": "yarn prisma",
     "dev": "next dev",
-    "prebuild": "yarn prisma && yarn initialdata",
+    "prebuild": "yarn prisma",
     "build": "next build",
     "start": "next start",
     "lint": "next lint --fix",
@@ -21,20 +20,23 @@
   },
   "dependencies": {
     "@prisma/client": "^3.6.0",
-    "@stitches/react": "^1.2.6",
     "axios": "^0.24.0",
     "bcryptjs": "^2.4.3",
+    "cuid": "^2.1.8",
     "dotenv": "^10.0.0",
     "jsonwebtoken": "^8.5.1",
     "lodash": "^4.17.21",
     "next": "12.0.7",
     "next-connect": "^0.11.0",
     "nookies": "^2.5.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "polished": "^4.1.3",
+    "react": "^17.0.2",
+    "react-collapsible": "^2.8.4",
+    "react-color": "^2.19.3",
+    "react-dom": "^17.0.2",
     "react-icons": "^4.3.1",
     "sharp": "^0.29.3",
-    "swr": "^1.1.1"
+    "styled-components": "^5.3.3"
   },
   "devDependencies": {
     "@commitlint/cli": "15.0.0",
@@ -44,6 +46,9 @@
     "@types/lodash": "^4.14.178",
     "@types/node": "^16.11.12",
     "@types/react": "17.0.37",
+    "@types/react-color": "^3.0.6",
+    "@types/styled-components": "^5.1.18",
+    "babel-plugin-styled-components": "^2.0.2",
     "eslint": "8.4.1",
     "eslint-config-next": "12.0.7",
     "eslint-config-prettier": "8.3.0",
@@ -54,6 +59,7 @@
     "prettier": "2.5.0",
     "pretty-quick": "3.1.2",
     "prisma": "^3.6.0",
+    "react-is": "^17.0.2",
     "ts-node": "^10.4.0",
     "typescript": "^4.5.3"
   },