refactor(control-station): separate lidar diagnostics from datasets

apps/control-station/src/styles/responsive.css

@@ -30,6 +30,16 @@
     grid-template-columns: 1fr;
   }
 
+  .lidar-field-cloud {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  .lidar-field-camera {
+    grid-column: 1;
+    grid-row: 2;
+  }
+
   .lidar-field-camera img {
     min-height: 0;
     aspect-ratio: 4 / 3;
@@ -106,6 +116,24 @@
     gap: 0.7rem;
   }
 
+  .lidar-device-context,
+  .dataset-purpose,
+  .dataset-entry {
+    grid-template-columns: 1fr;
+  }
+
+  .lidar-device-context__verdict {
+    border-top: 1px solid var(--station-hairline);
+    border-left: 0;
+    padding-top: 0.75rem;
+    padding-left: 0;
+  }
+
+  .dataset-purpose {
+    align-items: start;
+    gap: 1rem;
+  }
+
   .polygon-live-heading {
     align-items: stretch;
     flex-direction: column;
@@ -137,15 +165,45 @@
 }
 
 @media (max-width: 760px) {
-  .dataset-gateway__representations,
-  .dataset-gateway__grid,
-  .dataset-gateway__footer {
+  .dataset-purpose ol {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    width: 100%;
+  }
+
+  .dataset-entry dl {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .dataset-entry dl div + div {
+    border-left: 0;
+  }
+
+  .dataset-entry dl div:nth-child(even) {
+    border-left: 1px solid var(--station-hairline);
+  }
+
+  .dataset-entry dl div:nth-child(n + 3) {
+    border-top: 1px solid var(--station-hairline);
+  }
+
+  .dataset-entry footer {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .dataset-contract__content {
     grid-template-columns: 1fr;
   }
 
-  .dataset-gateway__representations > div + div {
-    border-top: 1px solid rgb(255 255 255 / 0.07);
-    border-left: 0;
+  .dataset-contract summary small,
+  .lidar-technical-details > summary small {
+    display: none;
+  }
+
+  .lidar-device-context__verdict {
+    align-items: flex-start;
+    flex-direction: column;
   }
 
   .control-station .nodedc-header__profile-button {
@@ -200,7 +258,8 @@
   }
 
   .lidar-ground-review > header,
-  .lidar-ground-review__controls {
+  .lidar-ground-review__controls,
+  .lidar-fallback-review > header {
     align-items: stretch;
     flex-direction: column;
   }