fix: replace styled-component with stylex (#367)

This PR replaces styled-components with [stylex](https://stylexjs.com/).
The stylex is developed by Facebook and it is simpler than the
styled-components.

.eslintrc

@@ -16,6 +16,7 @@
     "@typescript-eslint",
     "prettier",
     "react",
+    "@stylexjs",
     "standard"
   ],
   "parserOptions": {

.github/dependabot.yml

@@ -2,8 +2,6 @@ version: 2
 updates:
 - package-ecosystem: npm
   directory: "/"
-  schedule:
-    interval: daily
   versioning-strategy: increase
   commit-message:
     prefix: "fix(deps)"
@@ -42,3 +40,6 @@ updates:
       patterns:
         - "playwright"
         - "@playwright/test"
+    stylexjs:
+      patterns:
+        - "@stylexjs/*"

package.json

@@ -31,14 +31,17 @@
     "prismjs": "^1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "styled-components": "^6.0.8",
     "tslib": "^2.6.2",
     "typescript": "5.3.3",
     "zod": "^3.22.2"
   },
   "devDependencies": {
     "@jest/types": "^29.6.3",
     "@playwright/test": "1.40.1",
+    "@stylexjs/dev-runtime": "^0.5.1",
+    "@stylexjs/esbuild-plugin": "^0.5.1",
+    "@stylexjs/eslint-plugin": "^0.5.1",
+    "@stylexjs/stylex": "^0.5.1",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/chrome": "^0.0.233",
     "@types/jest": "^29.5.12",