🌎 feat: Enhance Internationalization with React-i18next & i18next Integration

[rubentalstra]

Summary

Closes: #5710
Closes: #5715

This PR introduces internationalization (i18n) support using react-i18next and i18next, enabling multi-language translations across the application. The implementation includes setting up translation resources, integrating language switching, and updating localization hooks. Additionally, tests have been added to verify the correctness of translations.

Changes & Enhancements

• Added react-i18next and i18next dependencies.
• Created client/src/locales/i18n.ts to configure i18n with multiple languages.
• Implemented translation files for multiple locales.
• Refactored useLocalize.ts to use i18next for translations.
• Updated type definitions to support typed translations (TranslationKeys).
• Added test cases (Translation.spec.ts) to ensure correct language switching and fallback behavior.
• Modified package.json to include react-i18next and i18next.

Change Type

• New feature (non-breaking change which adds functionality)
• Translation update

Testing

Test Configuration:

To ensure proper functionality, the following tests have been performed:

• Verified translations for multiple languages.
• Ensured fallback to English for unsupported languages.
• Tested language switching and persistence across components.
• Validated translation placeholders with dynamic values.
• Ran unit tests (Translation.spec.ts) to confirm correctness.

Checklist

• My code adheres to this project's style guidelines.
• I have performed a self-review of my own code.
• I have commented in any complex areas of my code.
• My changes do not introduce new warnings.
• I have written tests demonstrating that my changes are effective.
• Local unit tests pass with my changes.
• A pull request for updating the documentation has been submitted (if applicable).

[berry-13]

LGTM!