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.

app/(tabs)/home.tsx

@@ -31,14 +31,22 @@ export default function HomeScreen() {
 
   const currentLanguage = languages.find(l => l.value === i18n.locale.substring(0, 2))?.label;
 
+  const services = [
+    { name: 'quran', icon: 'book-open-variant' },
+    { name: 'hadith', icon: 'book-open-page-variant' },
+    { name: 'dua', icon: 'human-greeting' },
+  ];
+
   return (
     <SafeAreaView style={styles.container}>
+      
       <View style={styles.header}>
         <Text style={styles.title}>{i18n.t('home')}</Text>
         <Pressable onPress={() => setModalVisible(true)} style={pickerSelectStyles.inputIOS}>
           <Text style={{ color: 'white' }}>{currentLanguage}</Text>
         </Pressable>
       </View>
+
       <Modal
         animationType="slide"
         transparent={true}
@@ -69,7 +77,7 @@ export default function HomeScreen() {
           />
 
           <PrayerTimeCard />
-          <ServicesGrid />
+          <ServicesGrid services={services} />
         </View>
       </ScrollView>
     </SafeAreaView>
@@ -85,6 +93,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 15,
   },
   header: {
+    display: 'none', // hide for now, will show later
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignItems: 'center',