Revert "[FE] Remove i18n "

[gaspergrom]

Reverts #2751

Summary by CodeRabbit

Release Notes: Internationalization Enhancements

• New Features

  • Added comprehensive internationalization (i18n) support across the application
  • Introduced localization for multiple languages: English, Spanish, and Brazilian Portuguese
  • Implemented dynamic translation for UI labels, error messages, and success notifications

• Localization

  • Created language files for English, Spanish, and Brazilian Portuguese
  • Added translation support for various application components
  • Implemented language switching capabilities

• Improvements

  • Enhanced user experience with context-aware translations
  • Added flexible message formatting for different application modules
  • Improved error and success message handling with localized content

[linear]

Issue reopened: LFX-1948 [FE] Remove i18n

[coderabbitai]

Caution

Review failed

The pull request is closed.

Internationalization (i18n) Enhancement

Walkthrough

This pull request introduces a comprehensive internationalization (i18n) framework across the frontend application. The changes involve replacing hardcoded text with dynamic, localization-friendly components and functions. A new internationalization module has been created, including English (en), Spanish (es), and Brazilian Portuguese (pt-BR) language files. The implementation allows for dynamic translation of UI elements, error messages, and system notifications, enhancing the application's global accessibility and user experience.

Changes

File/Directory	Change Summary
frontend/src/i18n/	Added comprehensive localization files for English, Spanish, and Brazilian Portuguese
frontend/src/main.ts	Added i18n initialization during application startup
Multiple Vue Components	Replaced static text with <app-i18n> component and i18n() function calls
Shared Fields	Updated validation and error messages to use localized strings
Shared Stores	Modified message handling to use internationalization

Poem

🐰 In code's vast realm, a linguistic dance,
Where words now leap beyond their static stance,
Translations bloom like rabbits in the spring,
Each message now has wings to softly sing,
Internationalization's sweet refrain! 🌍

---

📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c943665 and 1a7ba1a.

📒 Files selected for processing (50)

• frontend/src/config/integrations/devto/components/devto-connect-drawer.vue (2 hunks)
• frontend/src/config/integrations/gerrit/components/gerrit-settings-drawer.vue (1 hunks)
• frontend/src/config/integrations/hackernews/components/hackernews-settings-drawer.vue (2 hunks)
• frontend/src/config/integrations/linkedin/components/linkedin-settings-drawer.vue (1 hunks)
• frontend/src/config/integrations/reddit/components/reddit-settings-drawer.vue (1 hunks)
• frontend/src/config/integrations/stackoverflow/components/stackoverflow-settings-drawer.vue (1 hunks)
• frontend/src/config/integrations/twitter/components/twitter-settings-drawer.vue (1 hunks)
• frontend/src/i18n/en.js (1 hunks)
• frontend/src/i18n/es.js (1 hunks)
• frontend/src/i18n/index.js (1 hunks)
• frontend/src/i18n/pt-BR.js (1 hunks)
• frontend/src/main.ts (2 hunks)
• frontend/src/modules/activity/activity-model.js (2 hunks)
• frontend/src/modules/activity/components/activity-dropdown.vue (2 hunks)
• frontend/src/modules/automation/components/automation-executions.vue (3 hunks)
• frontend/src/modules/automation/components/automation-form.vue (2 hunks)
• frontend/src/modules/automation/components/index.js (0 hunks)
• frontend/src/modules/automation/components/list/automation-list-table.vue (3 hunks)
• frontend/src/modules/conversation/components/conversation-dropdown.vue (2 hunks)
• frontend/src/modules/member/components/form/member-form-global-attributes.vue (2 hunks)
• frontend/src/modules/member/components/list/member-list-toolbar.vue (1 hunks)
• frontend/src/modules/member/member-model.js (3 hunks)
• frontend/src/modules/member/store/actions.js (3 hunks)
• frontend/src/modules/organization/components/list/organization-common-list-table.vue (2 hunks)
• frontend/src/modules/organization/components/organization-dropdown-content.vue (2 hunks)
• frontend/src/modules/organization/organization-model.js (3 hunks)
• frontend/src/modules/organization/pages/organization-form-page.vue (3 hunks)
• frontend/src/modules/settings/settings-store.js (2 hunks)
• frontend/src/modules/tag/tag-destroy-store.js (3 hunks)
• frontend/src/modules/tag/tag-form-store.js (3 hunks)
• frontend/src/modules/tenant/store/actions.js (2 hunks)
• frontend/src/modules/tenant/tenant-model.js (2 hunks)
• frontend/src/modules/user/user-model.js (1 hunks)
• frontend/src/shared/axios/auth-axios.js (2 hunks)
• frontend/src/shared/error/errors.js (2 hunks)
• frontend/src/shared/fields/array-field.js (2 hunks)
• frontend/src/shared/fields/boolean-field.js (1 hunks)
• frontend/src/shared/fields/date-field.js (3 hunks)
• frontend/src/shared/fields/date-time-field.js (3 hunks)
• frontend/src/shared/fields/integer-field.js (3 hunks)
• frontend/src/shared/fields/integer-range-field.js (2 hunks)
• frontend/src/shared/fields/relation-to-many-field.js (2 hunks)
• frontend/src/shared/fields/relation-to-one-field.js (2 hunks)
• frontend/src/shared/fields/string-array-field.js (2 hunks)
• frontend/src/shared/fields/string-field.js (2 hunks)
• frontend/src/shared/i18n/i18n.vue (1 hunks)
• frontend/src/shared/message/message.js (2 hunks)
• frontend/src/shared/shared-module.js (2 hunks)
• frontend/src/shared/store/actions-messages.js (0 hunks)
• frontend/src/shared/store/actions.js (9 hunks)

Finishing Touches

• 📝 Generate Docstrings

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR. (Beta)
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.