Missing ESLint + Prettier Integration in Frontend

[Community-Programmer]

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.

[chaitanyak175]

can you please assign me this issue?

[Community-Programmer]

@chaitanyak175 Go Ahead!

[chaitanyak175]

sure thanks :)

[chaitanyak175]

sorry was very busy for the last few days, will do it in the next hour or so and send a PR :)

[chaitanyak175]

@Community-Programmer Please review the changes and update.