Fix: update Chat section title to 'Chats'

public/locales/en/translation.json

@@ -1262,6 +1262,7 @@
     "endOfResults": "endOfResults"
   },
   "userChat": {
+    "title": "Chats",
     "add": "Add",
     "chat": "Chat",
     "search": "Search",

public/locales/fr/translation.json

@@ -1262,6 +1262,7 @@
     "endOfResults": "Fin des résultats"
   },
   "userChat": {
+    "title": "Discussions",
     "add": "Ajouter",
     "chat": "Chat",
     "contacts": "Contacts",

public/locales/hi/translation.json

@@ -1262,6 +1262,7 @@
     "endOfResults": "परिणाम समाप्त"
   },
   "userChat": {
+    "title": "चैट्स",
     "add": "जोड़ें",
     "chat": "बात करना",
     "contacts": "संपर्क",

public/locales/sp/translation.json

@@ -1265,6 +1265,7 @@
     "createAdvertisement": "Crear publicidad"
   },
   "userChat": {
+    "title": "Chats",
     "add": "Agregar",
     "chat": "Charlar",
     "search": "Buscar",

public/locales/zh/translation.json

@@ -1262,6 +1262,7 @@
     "endOfResults": "结果结束"
   },
   "userChat": {
+    "title": "聊天",
     "add": "添加",
     "chat": "聊天",
     "contacts": "联系方式",

src/screens/UserPortal/UserScreen/UserScreen.spec.tsx

@@ -130,6 +130,25 @@ describe('UserScreen tests with LeftDrawer functionality', () => {
     expect(titleElement).toHaveTextContent('People');
   });
 
+  it('renders the correct title for chat', () => {
+    mockLocation = '/user/chat/123';
+
+    render(
+      <MockedProvider addTypename={false} link={link}>
+        <BrowserRouter>
+          <Provider store={store}>
+            <I18nextProvider i18n={i18nForTest}>
+              <UserScreen />
+            </I18nextProvider>
+          </Provider>
+        </BrowserRouter>
+      </MockedProvider>,
+    );
+
+    const titleElement = screen.getByRole('heading', { level: 1 });
+    expect(titleElement).toHaveTextContent('Chats');
+  });
+
   it('toggles LeftDrawer correctly based on window size and user interaction', () => {
     render(
       <MockedProvider addTypename={false} link={link}>

src/screens/UserPortal/UserScreen/UserScreen.tsx

@@ -17,6 +17,7 @@ const map: InterfaceMapType = {
   people: 'people',
   events: 'userEvents',
   donate: 'donate',
+  chat: 'userChat',
   campaigns: 'userCampaigns',
   pledges: 'userPledges',
   volunteer: 'userVolunteer',