Add translation keys

src/components/GeneralNotifications.tsx

@@ -14,6 +14,7 @@ import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet';
 import { formatDate } from '../utils/time';
 import { useHandlePaymentNotification } from '../hooks/useHandlePaymentNotification';
 import { executeEvent } from '../utils/events';
+import { useTranslation } from 'react-i18next';
 
 export const GeneralNotifications = ({ address }) => {
   const [anchorEl, setAnchorEl] = useState(null);
@@ -31,6 +32,7 @@ export const GeneralNotifications = ({ address }) => {
     setAnchorEl(event.currentTarget);
   };
 
+  const { t } = useTranslation(['core']);
   const theme = useTheme();
 
   return (
@@ -48,9 +50,10 @@ export const GeneralNotifications = ({ address }) => {
                 color: theme.palette.text.primary,
                 fontSize: '14px',
                 fontWeight: 700,
+                textTransform: 'uppercase',
               }}
             >
-              PAYMENT NOTIFICATION
+              {t('core:payment_notification')}
             </span>
           }
           placement="left"

src/components/QMailStatus.tsx

@@ -1,13 +1,14 @@
 import { useMemo } from 'react';
-import EmailIcon from '@mui/icons-material/Email';
 import { useRecoilState } from 'recoil';
 import { mailsAtom, qMailLastEnteredTimestampAtom } from '../atoms/global';
 import { isLessThanOneWeekOld } from './Group/QMailMessages';
 import { ButtonBase, Tooltip, useTheme } from '@mui/material';
 import { executeEvent } from '../utils/events';
 import { Mail } from '@mui/icons-material';
+import { useTranslation } from 'react-i18next';
 
 export const QMailStatus = () => {
+  const { t } = useTranslation(['core']);
   const theme = useTheme();
 
   const [lastEnteredTimestamp, setLastEnteredTimestamp] = useRecoilState(
@@ -63,7 +64,9 @@ export const QMailStatus = () => {
               fontWeight: 700,
             }}
           >
-            Q-MAIL
+            {t('core:q_mail', {
+              postProcess: 'capitalize',
+            })}
           </span>
         }
         placement="left"