In this commit, we updated the ChatPanel's MessageContainer component to preserve whitespace in the message content. This change improves the display of code snippets and other content that relies on whitespace formatting. The content is now wrapped in a <pre> tag with the overflowWrap style set to 'normal'.
In this commit, we simplified the width prop handling in the ChatPanel components by directly passing the width value instead of the entire chatContainerRect object. This change makes the code more readable and easier to maintain.
Created a new MessageContainer.tsx file and moved the MessageContainer component from ChatPanel/index.tsx to the new file.
Imported the MessageContainer component in ChatPanel/index.tsx and removed the previous inline implementation.
MessageContainer component handles the display and management of messages in the chat panel, including message avatars, message contexts, and message blinking.
