feat(archive): complete recorded session lifecycle

apps/control-station/src/styles/observation-sessions.css

@@ -117,9 +117,42 @@
 }
 
 .observation-session-option {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 2.35rem;
+  align-items: stretch;
+  gap: 0.2rem;
+}
+
+.observation-session-option__open {
+  width: 100%;
+  min-width: 0;
   grid-template-columns: auto minmax(0, 1fr) auto;
 }
 
+.observation-session-option__delete {
+  display: grid;
+  min-width: 2.35rem;
+  place-items: center;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--nodedc-text-muted);
+  cursor: pointer;
+}
+
+.observation-session-option__delete:hover:not(:disabled),
+.observation-session-option__delete:focus-visible {
+  background: transparent;
+  color: rgb(var(--nodedc-danger-rgb));
+  outline: none;
+}
+
+.observation-session-option__delete:disabled,
+.observation-session-option[data-deleting="true"] {
+  opacity: 0.55;
+  cursor: default;
+}
+
 .observation-session-option i {
   display: block;
   width: 0.45rem;
@@ -217,6 +250,10 @@
   cursor: pointer;
 }
 
+.observation-session-delete-error {
+  color: rgb(var(--nodedc-danger-rgb));
+}
+
 @media (max-width: 860px) {
   .workspace-layout-feedback {
     display: none;