Fix: Improve Chatbot UI Responsiveness and Alignment

[ParagGhatage]

Description:

This PR addresses UI responsiveness and alignment issues in the chatbot component. The changes made improve the user experience across different screen sizes and ensure proper element alignment.

Changes:

• Responsive Design: The chatbot now adapts to different screen sizes with proper scaling and alignment.
• Alignment Fixes: Adjusted the alignment of messages for both the assistant and user to ensure a visually consistent chat interface.
• Mobile Support: Improved the appearance of the chatbot on smaller screens by making the UI more compact and accessible.

Screenshots:

Mobile:

Desktop:

Testing:

• Tested the chatbot UI on different screen sizes to ensure proper alignment and responsiveness.
• Ensured that the chatbot remains functional, with messages properly aligned and the button visibility intact.

Additional Notes:

• Future work may include more fine-tuning for tablet-sized devices.
• Considering adding more error handling for failed API requests to enhance user experience further.

[ParagGhatage]

Hey @Ronnieraj37 ,
I have improved chatbot UI Responsiveness and Alignment.
Please Let me know if any changes are needed!

[asmit27rai]

@ParagGhatage #80 Resolved this issue.
Pls check

[ParagGhatage]

@ParagGhatage #80 Resolved this issue. Pls check

Sorry @asmit27rai ,
havent seen it.