Floating Chat Widget

Objective: Implement a floating chat widget that mimics a customer support chatbox, which can be opened and minimized.

Instructions:

1. Create a floating button on the bottom-right of the screen that, when clicked, opens a chat window.
2. The chat window should allow users to type and send messages.
3. Include a button to close or minimize the chat window, returning to just the floating button.

Requirements:

• The floating button should be fixed to the bottom-right corner of the screen.
• The chat window should appear and disappear when the floating button is clicked.
• Users should be able to send messages in the chat window (no actual backend needed for this task).
• The chat window stays open as long as the user is interacting with it.

Bonus:

• Add basic chat-like functionality where the chat window displays sent messages in real time.
• Implement a smooth transition effect when the chat window opens or closes.
• Make chat window resizable.