Chatbot "Bug Fixes" and "Enhancements" for Better UI/UX

[MastanSayyad]

Hey @Priyaaa1

There are so many enhancement issues and bugs in Chatbot. We need to improve the chatbot's UI/UX to ensure it is More user-friendly, Interactive and Visually appealing.

I would like to:

• Add a Moving Animated Chatbot
• Change the Avatar for Chatbot and User
• Add a tooltip with the message "Welcome to Start Connect-Hub. How can I help you?" when hovering over the chatbot logo.
• Ensure the tooltip is not displayed when the chatbot is open.
• Ensure the chatbot container is responsive and properly aligned on various screen sizes.
• Fix issues where the chatbot container goes outside the viewport on smaller screens.
• Ensure the scrollbar for the chatbot messages is styled correctly.

The Chatbot will look like this:

https://github.com/Priyaaa1/StartConnect-Hub/assets/101971980/2c970c6f-cfb1-44f3-9b0d-a4636383eb27

Could you please assign this issue to me?

[github-actions[bot]]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊