Add classnames-order rule to es-lint config rules on the frontend

[irais-valenzuela]

Overview

As part of our effort to maintain consistent styling practices within our codebase, we need to implement the classnames-order rule in our ESLint configuration. This rule will help enforce a consistent order for class names in JSX elements, enhancing readability and maintainability.

Action Items

• Add the "tailwindcss/classnames-order" with error value to eslint.config.mjs for the frontend
• Write a TestComponent with tailwind syntax that would trigger this issue to verify that the rule works.

Resources/Instructions

Resources