Fix error message not showing in proper selected language #3202

[ayush2743]

Fixes #3202

Description: This pull request addresses an issue where error messages in the login form were not being properly translated when the application language was changed. The main changes include:

1. Modified the LoginForm component to pass the translation function (t) to the validation function.
2. Updated the validateLogin function in reduxFormUtils.js to accept the translation function as a parameter.
3. Added an effect in LoginForm to listen for language changes and trigger a re-render when necessary.

These changes ensure that:

• Error messages are dynamically translated when the language changes.
• The form re-renders with updated translations without requiring a page refresh.
• The user experience is consistent across different languages.

Changes:

I have verified that this pull request:

• [ ] has no linting errors (npm run lint)
• [ ] has no test errors (npm run test)
• [ ] is from a uniquely-named feature branch and is up to date with the develop branch.
• [ ] is descriptively named and links to an issue number, i.e. Fixes #123

[welcome[bot]]

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

[ayush2743]

@raclim when will this pull request merge?

[raclim]

Thanks so much for your work on this!

While what you've submitted does seem to work, ideally we would probably like to investigate these changes in reduxFormUtils.js, which is already handling the translations for the error messaging.

Due due the reasons outlined in my comment for the associated issue, I'm going to close this for now. I'm sorry that we couldn't get this in, but please feel free to check out our other issues!