(fix): Wrap dashboard title in t function

packages/esm-commons-lib/src/components/ohri-home/welcome-section/ohri-welcome-section.component.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Calendar } from '@carbon/react/icons';
 import { useSession } from '@openmrs/esm-framework';
+import { useTranslation } from 'react-i18next';
 
 import styles from './ohri-welcome-section.scss';
 
@@ -11,13 +12,14 @@ interface OHRIWelcomeSectionProps {
 
 export const OHRIWelcomeSection: React.FC<OHRIWelcomeSectionProps> = ({ title, icon }) => {
   const userSession = useSession();
+  const { t } = useTranslation();
   return (
     <div className={styles.welcomeContainer}>
       <div className={styles.welcomeIcon}>{icon}</div>
       <div className={styles.welcomeDetails}>
         <div className={styles.location}>{userSession?.sessionLocation.display}</div>
         <div className={styles.dashboardDetails}>
-          <div className={styles.dashboardTitle}>{title}</div>
+          <div className={styles.dashboardTitle}>{t(title)}</div>
           <div className={styles.currentDate}>
             <Calendar size={32} className={styles.calendarIcon} />
             {new Date().toLocaleDateString() + ''}