Improved Translation API via Hooks

[ganemone]

We should investigate if we can improve our translations API using hooks.

Type of issue

Feature Request

Description

The current API for working with raw translated strings is a bit cumbersome, as it requires duplicating the translation keys, once in the withTranslations call, and once in the translate call. This is further described here: #643

We should investigate various options of improving this API, potentially taking advantage of hooks.

[ganemone]

A potential hook API could look something like this:

import {useTranslate} from 'fusion-plugin-i18n-react';

function Component() {
  const translate = useTranslate();
  const value = translate('some.key');
}