feat: flags

src/screens/LandingPage.js

@@ -100,13 +100,15 @@ export default function LandingPage() {
                   style={[styles.languageButton]}
                   onPress={() => handleSelectLanguage('fr')}
                 >
-                  <Text style={styles.languageText}>🇫🇷 Français</Text>
+                  <Image source={icons.frenchFlag} style={styles.flagIcon} />
+                  <Text style={styles.languageText}>Français</Text>
                 </TouchableOpacity>
                 <TouchableOpacity
                   style={[styles.languageButton]}
                   onPress={() => handleSelectLanguage('en')}
                 >
-                  <Text style={styles.languageText}>🇬🇧 English</Text>
+                  <Image source={icons.englishFlag} style={styles.flagIcon} />
+                  <Text style={styles.languageText}>English</Text>
                 </TouchableOpacity>
               </View>
             )}
@@ -191,6 +193,12 @@ const styles = StyleSheet.create({
     paddingHorizontal: 18,
     minWidth: 140,
     alignItems: 'center',
+    flexDirection: 'row',
+    gap: 8,
+  },
+  flagIcon: {
+    width: 24,
+    height: 18,
   },
   languageText: {
     fontSize: 16,