This PR addresses the requirements of the issue: #20 --> "Make the text boxes proportionate to the text. The text boxes should resize dynamically according to the text content".
Dynamic Text Box Resizing:
The text boxes now resize dynamically based on the content, ensuring they are always proportionate to the text.
Scroll Bar Fixes:
The extra scroll bar has been removed from the chat component. To address horizontal scrolling issues that occurred when resizing the window or modifying stylesheets, the preventHorizontalScroll.js file was added. This ensures that unnecessary horizontal scrolling is prevented, keeping the layout clean across different screen sizes.
This PR addresses the requirements of the issue: #20 --> "Make the text boxes proportionate to the text. The text boxes should resize dynamically according to the text content".
Dynamic Text Box Resizing: The text boxes now resize dynamically based on the content, ensuring they are always proportionate to the text.
Scroll Bar Fixes: The extra scroll bar has been removed from the chat component. To address horizontal scrolling issues that occurred when resizing the window or modifying stylesheets, the preventHorizontalScroll.js file was added. This ensures that unnecessary horizontal scrolling is prevented, keeping the layout clean across different screen sizes.