(SP: 3) [DX] Stabilize ESLint and Prettier setup for frontend

[ViktorSvertoka]

Summary

Finalize and stabilize the linting and formatting setup for the frontend application.

This PR completes the migration to ESLint Flat Config and ensures a reliable linting workflow in a monorepo setup, replacing the unstable next lint wrapper with direct ESLint usage.

Motivation

The default next lint command caused issues in the current monorepo + App Router + ESLint Flat Config setup, incorrectly resolving the project directory and blocking CI usage.

To ensure predictable and production-ready linting, this PR standardizes on direct ESLint CLI usage.

Scope

• Finalize ESLint Flat Config for the frontend app
• Replace next lint with direct eslint CLI usage
• Add stable auto-fix workflow via eslint . --fix
• Integrate Prettier with Tailwind CSS class sorting
• Enable consistent format-on-save behavior in VS Code
• Ensure monorepo-safe linting (frontend only)

Expected Impact

• Stable linting in local, CI, and Vercel environments
• Automatic import sorting and code fixes
• Correct Tailwind CSS class ordering across the codebase
• Cleaner diffs and improved DX for the team
• No impact on runtime or business logic

Out of Scope

• Feature development
• Runtime behavior changes
• Sanity Studio linting configuration
• CI pipeline changes (handled separately)

How to test

cd frontend
npm run format
npm run lint

VS Code - must have

• ✅ ESLint
• ✅ Prettier
• ✅ Tailwind CSS IntelliSense

Closes #255

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
devlovers-net	Ready	Preview, Comment	Feb 3, 2026 10:12am

[netlify]

✅ Deploy Preview for develop-devlovers ready!

Name	Link
🔨 Latest commit	3e2dfc5
🔍 Latest deploy log	https://app.netlify.com/projects/develop-devlovers/deploys/6981c9f8deb95a0008a21588
😎 Deploy Preview	https://deploy-preview-256--develop-devlovers.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Important

Review skipped

Too many files!

This PR contains 300 files, which is 150 over the limit of 150.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

• 🔍 Trigger a full review

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch eslint

Important

Action Needed: IP Allowlist Update

If your organization protects your Git platform with IP whitelisting, please add the new CodeRabbit IP address to your allowlist:

• ✨ 136.113.208.247/32 (new)
• 34.170.211.100/32
• 35.222.179.152/32

Failure to add the new IP will result in interrupted reviews.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}