Listen for updated conversations in TextOutput

client/src/components/TextOutput.jsx

@@ -5,6 +5,10 @@ function TextOutput({ conversation }) {
     fontFamily: "Arial, sans-serif",
   };
 
+  useEffect(() => {
+    console.log("Updated conversation:", conversation);
+  }, [conversation]); // Make sure to use [conversation] to track changes properly
+
   // Check if the conversation has at least one message and display it, otherwise show a default message.
   // const firstMessageText =
   //   conversation.length > 0 ? conversation[0].text : "No messages yet.";