OAM-89: add util function to handle translations in react components

[olewandowski1]

OAM-89

Changes:

• Utilized the existing 'messageService' for translating React components.
• Created a 'formatMessage' function, akin to utility functions in popular translation libraries.

How to use it:

1. Create keys in messages_en.json.

{
  "requisition.orderCreate.header": "Create Order",
  "requisition.orderCreate.body": "Create Order ${number}",
}

2. Integrate the formatMessage function into your component.

const formatMessage = useMemo(() => getService('messageService'), []).formatMessage;

3. Use the formatMessage function to get translations in your JSX.

<p> {formatMessage('requisition.orderCreate.header')} </p>

4. You can pass an object with parameters. If you provide a parameter different from what's specified in the translation key, a placeholder labeled 'MISSING_PARAM' will be displayed.

<p> {formatMessage('requisition.orderCreate.body', { number: '1' })} </p>

NOTE: If a translation key isn't found, the key itself will be displayed, and an accurate error will be logged in the console.

[sonarcloud]

Quality Gate failed

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarCloud

[mdulko-soldevelo]

lgtm