fix: prevent off-screen overflow in chat UI

- Market calendar event chips: change flex-wrap from nowrap to wrap
  so chips that don't fit stack to the next line instead of overflowing
  off the right edge of the screen
- Market calendar container: switch overflow-x:auto → hidden + flex-wrap
  so the strip itself never causes horizontal scroll
- Empty state: change justify-content from center to flex-start + add
  overflow-y:auto so tall quick-grid content scrolls instead of being
  clipped above/below the viewport on shorter screens

Made-with: Cursor

chat_ui.html

@@ -210,11 +210,13 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-        justify-content: center;
+        justify-content: flex-start;
         gap: 24px;
         color: var(--text3);
         text-align: center;
-        padding-bottom: 40px;
+        padding: 32px 20px 48px;
+        overflow-y: auto;
+        min-height: 0;
       }
       .empty-icon {
         width: 56px;
@@ -3557,9 +3559,10 @@
         padding: 5px 16px;
         display: none;
         align-items: center;
-        gap: 12px;
+        flex-wrap: wrap;
+        gap: 6px 12px;
         flex-shrink: 0;
-        overflow-x: auto;
+        overflow-x: hidden;
       }
       .market-calendar.show {
         display: flex;
@@ -4083,7 +4086,7 @@
       <span class="cal-label">📅 Upcoming</span>
       <div
         id="cal-events"
-        style="display: flex; gap: 8px; flex-wrap: nowrap"
+        style="display: flex; gap: 8px; flex-wrap: wrap"
       ></div>
       <button
         onclick="