feat: introduce device plugin runtime boundary

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

@@ -3,7 +3,7 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .device-workspace__grid {
+  .xgrids-k1-plugin .device-workspace__grid {
     grid-template-columns: minmax(21rem, 0.76fr) minmax(30rem, 1.24fr);
   }
 
@@ -13,7 +13,7 @@
 }
 
 @media (max-width: 1280px) {
-  .device-workspace__grid,
+  .xgrids-k1-plugin .device-workspace__grid,
   .overview-grid,
   .mission-layout {
     grid-template-columns: 1fr;
@@ -72,7 +72,7 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .diagnostics-grid {
+  .xgrids-k1-plugin .diagnostics-grid {
     grid-template-columns: 1fr;
   }
 
@@ -210,32 +210,32 @@
     display: none;
   }
 
-  .session-form--replay {
+  .xgrids-k1-plugin .session-form--replay {
     grid-template-columns: 1fr;
   }
 
-  .session-form--replay > :first-child {
+  .xgrids-k1-plugin .session-form--replay > :first-child {
     grid-column: auto;
   }
 
-  .session-footer,
-  .error-banner,
+  .xgrids-k1-plugin .session-footer,
+  .xgrids-k1-plugin .error-banner,
   .source-format-list > div {
     align-items: stretch;
     grid-template-columns: 1fr;
     flex-direction: column;
   }
 
-  .error-banner {
+  .xgrids-k1-plugin .error-banner {
     grid-template-columns: auto minmax(0, 1fr);
   }
 
-  .error-banner__actions {
+  .xgrids-k1-plugin .error-banner__actions {
     grid-column: 2;
     justify-content: flex-end;
   }
 
-  .device-row__action {
+  .xgrids-k1-plugin .device-row__action {
     align-items: stretch;
     flex-direction: column;
   }