feat: Add Code Formatting Configuration

[tesol2y090]

Changes

This PR adds code formatting configuration to improve code consistency and developer experience.

Added Files

• .prettierrc - Prettier configuration
• .eslintrc.json - ESLint configuration

Modified Files

• package.json - Added formatting scripts and dependencies

Configuration Details

Prettier Configuration

{
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5",
  "printWidth": 100,
  "bracketSpacing": true,
  "arrowParens": "always",
  "endOfLine": "lf",
  "plugins": ["prettier-plugin-tailwindcss"]
}

ESLint Integration

• Extended Next.js core web vitals
• TypeScript and React recommended rules
• Prettier integration for consistent formatting

New Scripts

• pnpm format - Format all files
• pnpm format:check - Check formatting without making changes

Dependencies Added

• prettier-plugin-tailwindcss - For automatic Tailwind CSS class sorting

Testing

1. Run pnpm format to verify formatting works
2. Run pnpm format:check to verify format checking works
3. Verify ESLint integration with pnpm lint

Notes

• No pre-commit hooks required
• IDE integration available through Prettier/ESLint extensions

Issue

#11