Fix scrolling bar issue for long content in chat UI (#2044)

* fix scrolling bar issue

limit .chatContainer height and expand chatMessageStream

* fix supporting content panel resize

* add resize and limit analysis height

Author: BetterAndBetterII

app/frontend/src/pages/chat/Chat.module.css

@@ -16,6 +16,7 @@
     flex-direction: column;
     align-items: center;
     width: 100%;
+    max-height: calc(100vh - 10rem);
 }
 
 .chatEmptyState {
@@ -43,13 +44,13 @@
 .chatMessageStream {
     flex-grow: 1;
     max-height: 64rem;
-    max-width: 64.25rem;
     width: 100%;
     overflow-y: auto;
-    padding-left: 1rem;
-    padding-right: 1rem;
+    padding: 0 2rem;
     display: flex;
     flex-direction: column;
+    resize: horizontal;
+    min-width: 50vw;
 }
 
 .chatMessageGpt {
@@ -76,7 +77,7 @@
 .chatAnalysisPanel {
     flex: 1;
     overflow-y: auto;
-    max-height: 89vh;
+    max-height: 85vh;
     margin-left: 1.25rem;
     margin-right: 1.25rem;
 }