fix issues. Remove babel.

components/ui/ISpeakButton.tsx

@@ -76,7 +76,7 @@ const ISpeakButton = (props : ISpeakButtonProps) => {
     
     return (
         title ? (
-            <TouchableOpacity style={styles.button}>
+            <TouchableOpacity style={styles.button} onPress={() => props.onLangSelected && props.onLangSelected(props.language)}>
                 <View>
                     <View style={styles.flag}>
                     {countries &&
@@ -105,7 +105,8 @@ const styles = StyleSheet.create({
         borderWidth: 1,
         borderStyle: "solid",
         height: 110,
-        alignContent: 'flex-start',
+        alignSelf: "flex-start",
+        margin: 8,
     },
     flag: {
     },

components/ui/MessageBubble.tsx

@@ -6,7 +6,6 @@ import { SafeAreaView } from "react-native-safe-area-context";
 
 type MessageProps = {
     message: Message;
-    translator: Translator;
 }
 
 const MessageBubble = (props: MessageProps) => {
@@ -20,7 +19,7 @@ const MessageBubble = (props: MessageProps) => {
 
     props.message.onTextDone = async (message: Message) => {
         setIsTranslating(true);
-        await props.message.translate(props.translator)
+        await props.message.translate()
     }
 
     props.message.onTranslationDone = (message: Message) => {