Draggable Container - Copy this React, Mui Component to your project

Create a DraggableComponent that can be moved. By default, this component displays a chat icon and is positioned at the bottom right of the screen, with a margin of about 30px from the right edge and the bottom edge. I can only move this icon up or down. When I click on this icon, a chat window will appear in place of the icon. Ensure that while moving the chat icon, if the edge of the icon touches the edge of the screen, I should not be able to move it further. Specifically, when clicking on the icon to open the chat window, ensure that the chat window is not obscured by the screen, similar to how the chat icon is displayed