chore: panda eslint 순서 정렬 플러그인 설치

#80

.prettierrc

@@ -3,5 +3,10 @@
   "printWidth": 100,
   "tabWidth": 2,
   "jsxSingleQuote": false,
-  "singleQuote": false
+  "singleQuote": false,
+
+  "plugins": ["@pandabox/prettier-plugin"],
+  "pandaFirstProps": ["as", "className", "layerStyle", "textStyle"],
+  "pandaStylePropsFirst": true,
+  "pandaSortOtherProps": true
 }

client/eslint.config.js

@@ -5,6 +5,7 @@ import { fileURLToPath } from "url";
 import { dirname, resolve } from "path";
 import rootConfig from "../eslint.config.js";
 import panda from "@pandacss/eslint-plugin";
+import pandabox from "@pandabox/prettier-plugin";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -21,6 +22,7 @@ export default [
       "react-hooks": reactHooks,
       "jsx-a11y": jsxA11y,
       "@pandacss": panda,
+      "@pandabox": pandabox,
     },
     languageOptions: {
       parserOptions: {

client/package.json

@@ -11,11 +11,13 @@
     "prepare": "panda codegen"
   },
   "dependencies": {
+    "@pandabox/panda-plugins": "^0.0.8",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "socket.io-client": "^4.8.1"
   },
   "devDependencies": {
+    "@pandabox/prettier-plugin": "^0.1.3",
     "@pandacss/dev": "^0.47.1",
     "@pandacss/eslint-plugin": "^0.2.0",
     "@types/react": "^18.3.12",
@@ -26,6 +28,7 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.14",
+    "prettier": "^3.0.0",
     "vite": "^5.4.10",
     "vite-tsconfig-paths": "^5.1.0"
   }