Improve Chat Page UI

[Illuminati9]

Issue Title:

Improve Chat Page UI

Description:

Enhance the user interface (UI) of the chat page to provide a more visually appealing and intuitive messaging experience. This issue focuses on optimizing the layout and design elements to improve readability and interaction within the chat interface.

Tasks:

• Review the current UI design of the chat page to identify areas for improvement, such as spacing, alignment, and visual hierarchy.
• Implement a consistent and visually pleasing message layout for incoming and outgoing messages, ensuring clear differentiation between sender and receiver messages.
• Enhance the appearance of the message input field by refining its styling and adding appropriate placeholder text to improve user guidance and engagement.
• Optimize the sizing and placement of UI components, such as the app bar and message list, to maximize screen utilization and provide a seamless user experience across different screen sizes and orientations.
• Test the updated UI changes on various devices and screen resolutions to ensure compatibility and responsiveness.
• Document the UI enhancements made to the chat page, including any design decisions or considerations, for future reference and maintenance.