Dynamic Input Box Resizing in Chatbot Interface

[taichan03]

Feature Description:
The chatbot input box should dynamically resize to accommodate multi-line text input when the user presses Shift + Enter. This will improve readability and user experience, especially for longer messages.

Functional Requirements:
Trigger for Resizing:

The input box should increase in height each time the user presses Shift + Enter.
Standard Enter should send the message without changing the input box size.
Dynamic Resizing Behavior:

Each Shift + Enter press should expand the height of the input box by a specified amount (e.g., one additional line or a defined pixel value).
The input box should not exceed a maximum height to prevent excessive growth, maintaining a clear and visually pleasing interface.
Auto-Shrink on Clear Input:

After the message is sent (or input box is cleared), the height should reset to its default size.
Error Handling:

If a user repeatedly presses Shift + Enter beyond the maximum height, no further resizing should occur.