chore: fix rebase

Author: dprevost-LMI

example/src/App.tsx

@@ -356,9 +356,25 @@ const AppContainer = () => {
               />
             </Pressable>
             {showAdvancedOptions && (
-              <>
+              <View style={styles.advancedOptionsContainer}>
                 <Pressable
-                  style={styles.stopAllRecordingContainer}
+                  style={[
+                    styles.advancedOptionItem,
+                    { opacity: nbOfRecording ? 1 : 0.5 },
+                  ]}
+                  onPress={handleDeleteRecordings}
+                  disabled={!nbOfRecording}>
+                  <Image
+                    source={Icons.delete}
+                    style={styles.pinkButtonImage}
+                    resizeMode="contain"
+                  />
+                  <Text style={styles.deleteRecordingTitle}>
+                    {'Delete recorded audio files'}
+                  </Text>
+                </Pressable>
+                <Pressable
+                  style={styles.advancedOptionItem}
                   onPress={handleStopPlayersAndExtractors}>
                   <Image
                     source={Icons.stop}
@@ -369,35 +385,8 @@ const AppContainer = () => {
                     {'Stop all players and extractors'}
                   </Text>
                 </Pressable>
-              </>
+              </View>
             )}
-              <Pressable
-                style={[
-                  styles.deleteRecordingContainer,
-                  { opacity: nbOfRecording ? 1 : 0.5 },
-                ]}
-                onPress={handleDeleteRecordings}
-                disabled={!nbOfRecording}>
-                <Image
-                  source={Icons.delete}
-                  style={styles.pinkButtonImage}
-                  resizeMode="contain"
-                />
-                <Text style={styles.deleteRecordingTitle}>
-                  {'Delete recorded audio files'}
-                </Text>
-              </Pressable>
-              <Pressable
-                style={styles.playBackControlPressable}
-                onPress={handleStopPlayersAndExtractors}>
-                <FastImage
-                  source={Icons.stop}
-                  style={styles.stopAllButton}
-                  resizeMode="contain"
-                  tintColor={Colors.pink}
-                />
-              </Pressable>
-            </View>
             <ScrollView scrollEnabled={shouldScroll}>
               {list.map(item => (
                 <RenderListItem

example/src/constants/Audios.ts

@@ -56,7 +56,7 @@ const copyFilesToNativeResources = async (): Promise<string[]> => {
     );
 
     // Filter out unsuccessful file copies
-    return successfulCopies?.filter?.(value => value !== null);
+    return successfulCopies?.filter?.((value): value is string => value !== null);
   }
 
   // On iOS, return all files without copying

example/src/styles.ts

@@ -107,22 +107,20 @@ const styles = (params: StyleSheetParams = {}) =>
       width: '100%',
       tintColor: Colors.pink,
     },
-    headerContainer: {
+    simformImageContainer: {
       alignItems: 'center',
     },
-    deleteRecordingContainer: {
-      alignItems: 'center',
-      flexDirection: 'row',
-    },
     deleteRecordingTitle: {
       fontSize: scale(20),
       fontWeight: 'bold',
       color: Colors.pink,
       paddingLeft: scale(8),
     },
-    stopAllRecordingContainer: {
+    advancedOptionsContainer: {
+      gap: scale(8),
+    },
+    advancedOptionItem: {
       alignItems: 'center',
-      justifyContent: 'center',
       flexDirection: 'row',
     },
     stopAllRecordingTitle: {