Improve DInSAR production frontend monitoring and catalog layout

frontend/src/App.css

@@ -4366,6 +4366,7 @@ input[type="checkbox"] {
   grid-template-columns: minmax(360px, 420px) minmax(0, 1fr);
   gap: 14px;
   min-height: 0;
+  align-items: start;
 }
 
 .panel--standalone .dinsar-catalog-workspace {
@@ -4383,6 +4384,16 @@ input[type="checkbox"] {
   overflow: hidden;
 }
 
+.dinsar-catalog-list-card {
+  position: sticky;
+  top: 16px;
+  max-height: min(760px, calc(100vh - 140px));
+}
+
+.panel--standalone .dinsar-catalog-list-card {
+  max-height: min(820px, calc(100vh - 112px));
+}
+
 .panel--standalone {
   width: 100%;
   border-right: none;
@@ -4528,7 +4539,11 @@ input[type="checkbox"] {
   display: grid;
   gap: 10px;
   padding: 12px;
+  min-height: 0;
+  flex: 1 1 auto;
   overflow-y: auto;
+  overscroll-behavior: contain;
+  scrollbar-gutter: stable;
 }
 
 .dinsar-catalog-list-item {
@@ -4979,6 +4994,15 @@ input[type="checkbox"] {
   .panel-standalone-actions {
     justify-content: flex-start;
   }
+
+  .dinsar-catalog-list-card {
+    position: static;
+    max-height: none;
+  }
+
+  .dinsar-catalog-list {
+    max-height: 48vh;
+  }
 }
 
 @media (max-width: 640px) {