Enhance app functionality and localization

- Added new dependencies: expo-file-system and expo-sharing.
- Updated package versions for @babel/core and react-dom.
- Introduced a new index screen for displaying prayer times with city selection.
- Refactored ServicesGrid to accept a dynamic services array and improved layout.
- Updated localization for new phrases and service titles in Turkmen.
- Enhanced LostKeyModal with a close button and additional text.
- Improved PhrasebookModal to allow expandable phrases for better user interaction.

components/LostKeyModal.tsx

@@ -1,3 +1,4 @@
+import { FontAwesome } from '@expo/vector-icons';
 import React from 'react';
 import { Modal, View, Text, StyleSheet, TouchableOpacity, Dimensions } from 'react-native';
 
@@ -18,7 +19,16 @@ const LostKeyModal: React.FC<LostKeyModalProps> = ({ visible, onClose }) => {
     >
       <TouchableOpacity style={styles.overlay} activeOpacity={1} onPress={onClose}>
         <View style={styles.modalContainer}>
-          <Text style={styles.text}>Mastercard</Text>
+          <TouchableOpacity style={styles.closeButton} onPress={onClose}>
+            <FontAwesome name="close" size={24} color="black" />
+          </TouchableOpacity>
+          
+          <Text style={styles.smallText} >Aşak resepşyna şul aşakdaky haty görkeziň</Text>
+          <Text 
+            numberOfLines={1}
+            adjustsFontSizeToFit
+            style={styles.text}
+            >Mastercard</Text>
           <Text style={[styles.text, styles.arabicText]}>ماستركارد</Text>
         </View>
       </TouchableOpacity>
@@ -34,7 +44,7 @@ const styles = StyleSheet.create({
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
   },
   modalContainer: {
-    width: width * 0.6,
+    width: width * 0.9,
     padding: 20,
     backgroundColor: 'white',
     borderRadius: 10,
@@ -48,10 +58,22 @@ const styles = StyleSheet.create({
     shadowRadius: 3.84,
     elevation: 5,
   },
+  closeButton: {
+    position: 'absolute',
+    top: 15,
+    right: 15,
+    zIndex: 1,
+  },
   text: {
     fontSize: 40,
     marginBottom: 10,
   },
+  smallText: {
+    marginTop: 15,
+    fontSize: 20,
+    color: '#666',
+    textAlign: 'center',
+  },
   arabicText: {
     fontFamily: 'System',
     writingDirection: 'rtl',