Add TranslatorModal and PhrasebookModal to ServicesScreen; update localization for new phrases

app/(tabs)/services.tsx

@@ -7,12 +7,15 @@ import React, { useState } from 'react';
 import CurrencyConverterModal from '@/components/CurrencyConverterModal';
 import HotelBusinessCardModal from '@/components/HotelBusinessCardModal';
 import LostKeyModal from '@/components/LostKeyModal';
+import TranslatorModal from '@/components/TranslatorModal';
+import PhrasebookModal from '@/components/PhrasebookModal';
 
 export default function ServicesScreen() {
   const [currencyModalVisible, setCurrencyModalVisible] = useState(false);
   const [hotelModalVisible, setHotelModalVisible] = useState(false);
   const [lostKeyModalVisible, setLostKeyModalVisible] = useState(false);
   const [translatorModalVisible, setTranslatorModalVisible] = useState(false);
+  const [phrasebookModalVisible, setPhrasebookModalVisible] = useState(false);
 
   const services = [
     {
@@ -39,6 +42,12 @@ export default function ServicesScreen() {
       icon: <FontAwesome5 name="language" size={24} color="#D4AF37" />,
       onPress: () => setTranslatorModalVisible(true),
     },
+    {
+      title: i18n.t('Phrasebook'),
+      name: 'phrasebook',
+      icon: <FontAwesome5 name="book" size={24} color="#D4AF37" />,
+      onPress: () => setPhrasebookModalVisible(true),
+    },
   ];
 
   return (
@@ -64,6 +73,14 @@ export default function ServicesScreen() {
         visible={lostKeyModalVisible}
         onClose={() => setLostKeyModalVisible(false)}
       />
+      <TranslatorModal
+        visible={translatorModalVisible}
+        onClose={() => setTranslatorModalVisible(false)}
+      />
+      <PhrasebookModal
+        visible={phrasebookModalVisible}
+        onClose={() => setPhrasebookModalVisible(false)}
+      />
     </SafeAreaView>
   );
 }