feat: improve chat room UI and scrolling behavior

- Added automatic scrolling to bottom of messages in chat room
- Updated CSS to handle app and chat container height more precisely
- Implemented scrollToBottom function for messages container
- Ensured messages scroll automatically on new message or send
- Removed unnecessary port mapping in docker-compose.yml

apps/web/src/App.css

@@ -65,7 +65,8 @@ body {
 .app {
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
+  height: calc(100vh - 4rem);
+  overflow: hidden;
 }
 
 .app-header {
@@ -81,6 +82,8 @@ body {
 .app-main {
   flex: 1;
   padding: 1rem;
+  height: 100%;
+  overflow: hidden;
 }
 
 /* Auth styles */
@@ -185,7 +188,8 @@ button:disabled {
 /* Chat styles */
 .chat-container {
   display: flex;
-  height: calc(100vh - 120px);
+  height: 100%;
+  max-height: calc(100vh - 120px);
   background-color: var(--card-background);
   border-radius: 0.5rem;
   overflow: hidden;