Description:
The frontend-react project currently lacks consistent linting and formatting configuration across all components.
Although there’s an existing eslint.config.js, it doesn’t include Prettier integration, React-specific rules, or CI enforcement to maintain consistent code style across contributors.

This inconsistency can lead to formatting drift, code quality issues, and merge conflicts — especially in a multi-developer environment.

Impact:

• Inconsistent code style and readability across components.
• Increased merge conflicts due to formatting mismatches.
• Reduced maintainability and review efficiency.
• No automated linting during commits or CI builds, allowing unformatted code to reach production.

Fix Required:
Integrate ESLint and Prettier with shared configuration and enforce it via pre-commit hooks and CI.

Benefits After Fix:

• Consistent code style across all contributors and CI environments.
• Prevents unformatted code from being committed.
• Easier reviews and improved code maintainability.
• Improved developer experience and reduced merge friction.