Chat Component - Copy this React, Tailwind Component to your project

I want to design a webpage with a "Start Chat" button located at the bottom right corner. When this button is clicked, a chatbot window should appear at the same bottom right corner, and the "Start Chat" button should disappear. The chatbot window should be resizable and movable anywhere on the screen, ensuring it doesn't overflow outside the screen. Similarly, the "Start Chat" button should also be movable anywhere, with the same restriction of not overflowing outside the screen. The positions of the chatbot window and the "Start Chat" button should correspond to each other, preventing any overlap or overflow when the "Start Chat" button is moved to the edges of the screen