🔧Setting: prettier setting & add fotmat rule

.github/ISSUE_TEMPLATE/♻️-refactor.md

@@ -1,20 +1,23 @@
 ---
-name: "♻️ refactor"
+name: '♻️ refactor'
 about: Refactoring issue
-title: "♻️ Refactor: "
-labels: "♻️ refactor"
+title: '♻️ Refactor: '
+labels: '♻️ refactor'
 assignees: ''
-
 ---
 
 ## 💡 About
+
 > Briefly describe the refactoring details (reason, purpose, etc.)
 
 ## 🤷🏼‍♂️ How
+
 > How will the refactoring be carried out?
 
 ## ✅ To Do
+
 - [ ] Task 1
 
 ## 💬 Etc
+
 > Any additional notes or context

.github/ISSUE_TEMPLATE/⚙️-chore.md

@@ -1,14 +1,15 @@
 ---
-name: "⚙️ chore"
+name: '⚙️ chore'
 about: Misc issue
-title: "⚙️ Chore: "
-labels: "⚙️ chore"
+title: '⚙️ Chore: '
+labels: '⚙️ chore'
 assignees: ''
-
 ---
 
 ## 📌 Description
+
 -
 
 ## ✅ To do
+
 - [ ] task1

.github/ISSUE_TEMPLATE/✨-feature.md

@@ -1,22 +1,24 @@
 ---
-name: "✨ feature"
+name: '✨ feature'
 about: Feature addition
-title: "✨ Feat: "
-labels: "✨ feature"
+title: '✨ Feat: '
+labels: '✨ feature'
 assignees: ''
-
 ---
 
 ## 🛠️ Issue Overview
+
 - **Overview**: A short summary of the issue and why it matters.
 
 ## 📝 Issue Description
+
 - **Details**:
-    - What is currently not working well or could be improved?
-    - What solution or feature are you proposing?
-    - What impact will this change have?
+  - What is currently not working well or could be improved?
+  - What solution or feature are you proposing?
+  - What impact will this change have?
 
 ## ✅ To Do
-- [ ] 
-- [ ] 
+
+- [ ]
+- [ ]
 - [ ]

.github/ISSUE_TEMPLATE/🐛-fix.md

@@ -4,17 +4,20 @@ about: Bug fix issue
 title: "\U0001F41B Fix: "
 labels: "\U0001F41B fix"
 assignees: ''
-
 ---
 
 ## 🐛 About
+
 > A short description of the bug.
 
 ## 🤔 Situation & Cause
+
 > Describe when, where, and why the bug occurs.
 
 ## 🤔 Expected Behavior
+
 > What is the expected behavior?
 
 ## 🤷🏼‍♂️ Resolution Plan
+
 > How do you plan to fix this issue?

.github/ISSUE_TEMPLATE/👷-ci-cd.md

@@ -4,11 +4,12 @@ about: CI/CD issue
 title: "\U0001F477 CI/CD: "
 labels: "\U0001F477 ci/cd"
 assignees: ''
-
 ---
 
 ## 📌 Description
+
 -
 
 ## ✅ To do
+
 - [ ] task1

.github/ISSUE_TEMPLATE/📝-docs.md

@@ -4,11 +4,12 @@ about: Docs issue
 title: "\U0001F4DD Docs: "
 labels: "\U0001F4DD docs"
 assignees: ''
-
 ---
 
 ## 📌 Description
+
 -
 
 ## ✅ To do
+
 - [ ] task1

.github/workflows/netlify.yml

@@ -40,10 +40,10 @@ jobs:
       - name: Deploy to Netlify
         uses: nwtgck/[email protected]
         with:
-          publish-dir: "./dist"
+          publish-dir: './dist'
           production-branch: develop
           github-token: ${{ secrets.GITHUB_TOKEN }}
-          deploy-message: "🚀 [Deploy] ${{ github.head_ref || github.ref_name }}: ${{ github.event.head_commit.message }}"
+          deploy-message: '🚀 [Deploy] ${{ github.head_ref || github.ref_name }}: ${{ github.event.head_commit.message }}'
           enable-pull-request-comment: true
           enable-commit-comment: true
           overwrites-pull-request-comment: true

.prettierignore

@@ -0,0 +1,4 @@
+node_modules
+build
+dist
+dev-dist

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "singleQuote": true,
+  "semi": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "printWidth": 80
+}

eslint.config.js

@@ -1,9 +1,9 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+import { defineConfig, globalIgnores } from 'eslint/config';
 
 export default defineConfig([
   globalIgnores(['dist']),
@@ -20,4 +20,4 @@ export default defineConfig([
       globals: globals.browser,
     },
   },
-])
+]);

package.json

@@ -29,6 +29,7 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "prettier": "3.7.4",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4",

src/App.tsx

@@ -1,5 +1,5 @@
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
 function App() {
   const queryClient = new QueryClient();

src/main.tsx

@@ -1,10 +1,10 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import './index.css';
+import App from './App.tsx';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
   </StrictMode>,
-)
+);