feat(mobile/navigation/welcome): welcome page tabs translations

lang/main.json

@@ -969,7 +969,6 @@
         "playSounds": "Play sound on",
         "reactions": "Meeting reactions",
         "sameAsSystem": "Same as system ({{label}})",
-        "screenTitle": "Settings",
         "selectAudioOutput": "Audio output",
         "selectCamera": "Camera",
         "selectMic": "Microphone",
@@ -1355,6 +1354,7 @@
         "roomname": "Enter room name",
         "roomnameHint": "Enter the name or URL of the room you want to join. You may make a name up, just let the people you are meeting know it so that they enter the same name.",
         "sendFeedback": "Send feedback",
+        "settings": "Settings",
         "startMeeting": "Start meeting",
         "terms": "Terms",
         "title": "Secure, fully featured, and completely free video conferencing"

react/features/mobile/navigation/components/welcome/components/WelcomePageTabs.js

@@ -1,5 +1,6 @@
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useSelector } from 'react-redux';
 
 import { CalendarList, isCalendarEnabled } from '../../../../../calendar-sync';
@@ -40,6 +41,7 @@ type Props = {
 
 
 const WelcomePageTabs = ({ disabled, onListContainerPress, onSettingsScreenFocused }: Props) => {
+    const { t } = useTranslation();
     const RecentListScreen = useCallback(() =>
         (
             <RecentList
@@ -78,7 +80,10 @@ const WelcomePageTabs = ({ disabled, onListContainerPress, onSettingsScreenFocus
                     }
                 }}
                 name = { screen.welcome.tabs.recent }
-                options = { recentListTabBarOptions }>
+                options = {{
+                    ...recentListTabBarOptions,
+                    title: t('welcomepage.recentList')
+                }}>
                 { RecentListScreen }
             </WelcomePage.Screen>
             {
@@ -90,7 +95,10 @@ const WelcomePageTabs = ({ disabled, onListContainerPress, onSettingsScreenFocus
                     }
                 }}
                 name = { screen.welcome.tabs.calendar }
-                options = { calendarListTabBarOptions }>
+                options = {{
+                    ...calendarListTabBarOptions,
+                    title: t('welcomepage.calendar')
+                }}>
                 { CalendarListScreen }
             </WelcomePage.Screen>
             }
@@ -101,7 +109,10 @@ const WelcomePageTabs = ({ disabled, onListContainerPress, onSettingsScreenFocus
                     }
                 }}
                 name = { screen.settings.main }
-                options = { settingsTabBarOptions }>
+                options = {{
+                    ...settingsTabBarOptions,
+                    title: t('welcomepage.settings')
+                }}>
                 { SettingsScreen }
             </WelcomePage.Screen>
         </WelcomePage.Navigator>