fix(ui): chat section and chat message

[abhix4]

before:

after:

[jazzberry-ai]

Bug Report

Chat message alignment and width issues
Medium

1. Open the chat interface. 2. Send a long message as a user. 3. Receive a long message from the assistant. 4. Observe the alignment and width of the messages on different screen sizes.
   The changes in ChatMessages.tsx and ChatSection.tsx might introduce alignment and width issues in the chat message display.

Specifically:

• The removal of ml-auto from the user's message container might cause the user's messages to be left-aligned instead of right-aligned.
• The addition of pr-10 to the assistant's message container might cause the assistant's messages to have excessive padding on the right side.
• The addition of max-w-4xl to the inner div in ChatMessages.tsx might cause overflow issues on smaller screens if the message content is too long.
• The removal of px-4 sm:px-6 from the input area's container in ChatSection.tsx might cause the input area to touch the edges of the screen on smaller screens, reducing responsiveness.

_{Comments? Email us.}

[ArnavAgrawal03]

has the font changed? we prefer the older font, looks good otherwise!

[abhix4]

@ArnavAgrawal03 no font changes . its my default ubuntu machine