BUG fix formatting for 'Incorrect username or password.' error

[qisforq]

Objective:

Fix the formatting issue for the "Incorrect username or password" error message to ensure proper display and readability.

Sub-tasks:

1. Identify the component or file responsible for rendering the error message

   • [ ] Locate the component or file where the "Incorrect username or password" error message is displayed
   • [ ] Open the identified file in the code editor

2. Adjust the styling of the error message

   • [ ] Review the existing styling applied to the error message
   • [ ] Modify the CSS classes or inline styles to improve the formatting and readability
   • [ ] Consider factors such as font size, color, spacing, and alignment

3. Test the updated error message display

   • [ ] Build and run the AthletiFi application locally
   • [ ] Simulate a scenario where an incorrect username or password is entered
   • [ ] Verify that the error message is displayed with the updated formatting
   • [ ] Ensure the error message is clearly visible and readable to the user

4. Push the changes and deploy

   • [ ] Commit the updated code changes
   • [ ] Push the changes to the relevant branch in the version control system
   • [ ] Trigger the deployment process to update the production environment with the fix