feat: Add Translation UI component

src/ui/translation/Translation.tsx

@@ -0,0 +1,10 @@
+import { useLocale } from 'hooks/useLocale/useLocale';
+import { AppMessages } from 'i18n/messages';
+
+import { TranslationProps } from './Translation.types';
+
+export const Translation = ({ id, values }: TranslationProps) => {
+  const { formatMessage } = useLocale();
+
+  return <>{formatMessage({ id: AppMessages[id] }, values)}</>;
+};

src/ui/translation/Translation.types.ts

@@ -0,0 +1,8 @@
+import { PrimitiveType } from 'react-intl';
+
+import { Translation } from 'i18n/messages';
+
+export type TranslationProps = {
+  id: Translation;
+  values?: Record<string, PrimitiveType>;
+};