chore: panda eslint 플러그인 설치

- 토큰, 레시피의 경우 다른 파일에서 관리하는게 편하기에 rule 제거
- 단축 속성 사용못하도록 rule 추가

#80

client/eslint.config.js

@@ -4,6 +4,7 @@ import jsxA11y from "eslint-plugin-jsx-a11y";
 import { fileURLToPath } from "url";
 import { dirname, resolve } from "path";
 import rootConfig from "../eslint.config.js";
+import panda from "@pandacss/eslint-plugin";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -14,10 +15,12 @@ export default [
 
   {
     files: ["src/**/*.{ts,tsx}"],
+    ignores: ["styled-system"],
     plugins: {
       react,
       "react-hooks": reactHooks,
       "jsx-a11y": jsxA11y,
+      "@pandacss": panda,
     },
     languageOptions: {
       parserOptions: {
@@ -111,6 +114,10 @@ export default [
           },
         },
       ],
+
+      ...panda.configs.recommended.rules,
+      "@pandacss/no-config-function-in-source": "off",
+      "@pandacss/prefer-longhand-properties": "error",
     },
     settings: {
       "import/resolver": {

client/package.json

@@ -17,6 +17,7 @@
   },
   "devDependencies": {
     "@pandacss/dev": "^0.47.1",
+    "@pandacss/eslint-plugin": "^0.2.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",