fix: config/debug UI overflow (#1715)

Thanks @saipreetham589.

Co-authored-by: SaiPreetham <saipreetham.pesu@gmail.com>

ui/src/styles/components.css

@@ -593,6 +593,7 @@
   border: 1px solid var(--border);
   max-height: 360px;
   overflow: auto;
+  max-width: 100%;
 }
 
 :root[data-theme="light"] .code-block,

ui/src/styles/config.css

@@ -7,7 +7,7 @@
   display: grid;
   grid-template-columns: 260px minmax(0, 1fr);
   gap: 0;
-  min-height: calc(100vh - 160px);
+  height: calc(100vh - 160px);
   margin: -16px;
   border-radius: var(--radius-xl);
   overflow: hidden;
@@ -24,6 +24,8 @@
   flex-direction: column;
   background: var(--bg-accent);
   border-right: 1px solid var(--border);
+  min-height: 0;
+  overflow: hidden;
 }
 
 :root[data-theme="light"] .config-sidebar {
@@ -245,7 +247,7 @@
   min-height: 0;
   min-width: 0;
   background: var(--panel);
-  overflow-y: auto;
+  overflow: hidden;
 }
 
 /* Actions Bar */

ui/src/styles/layout.css

@@ -539,6 +539,7 @@
 .stack {
   display: grid;
   gap: 12px;
+  grid-template-columns: minmax(0, 1fr);
 }
 
 .filters {