chore: migrate from styled-components to emotion

package.json

@@ -17,9 +17,12 @@
     ]
   },
   "dependencies": {
+    "@emotion/react": "^11.1.4",
+    "@emotion/styled": "^11.0.0",
     "@fontsource/cooper-hewitt": "^4.1.0",
     "gatsby": "^2.29.3",
     "gatsby-image": "^2.8.0",
+    "gatsby-plugin-emotion": "^5.3.0",
     "gatsby-plugin-manifest": "^2.10.0",
     "gatsby-plugin-react-helmet": "^3.7.0",
     "gatsby-plugin-react-svg": "^3.0.0",
@@ -30,8 +33,7 @@
     "react-dom": "^17.0.1",
     "react-helmet": "^6.1.0",
     "react-slick": "^0.27.13",
-    "slick-carousel": "^1.8.1",
-    "styled-components": "^5.2.1"
+    "slick-carousel": "^1.8.1"
   },
   "devDependencies": {
     "eslint": "^7.17.0",