refactor: tweaks to styles

- cuesheet action is ghosted
- mute index in cuesheet milestones
- clarify mirrored state in navigation menu
- align overview contents

apps/client/src/features/overview/composite/TimeElements.module.scss

@@ -1,7 +1,10 @@
 .column {
+  height: 100%;
+  justify-content: center;
   display: flex;
   flex-direction: column;
   align-items: end;
+  gap: 2px;
 }
 
 .row {

apps/client/src/features/overview/composite/TimeElements.tsx

@@ -194,7 +194,7 @@ export function ProgressOverview() {
   const current = selectedEventIndex !== null ? selectedEventIndex + 1 : enDash;
   const progressText = numEvents ? `${current} of ${numEvents || enDash}` : enDash;
 
-  return <TimeColumn label='Progress' value={progressText} />;
+  return <TimeColumn label='Progress' value={progressText} muted={selectedEventIndex === null} />;
 }
 
 export function OffsetOverview() {

apps/client/src/features/overview/composite/TimeLayout.module.scss

@@ -13,11 +13,17 @@
   &::after {
     content: '\200b';
   }
+
+  &.muted {
+    color: $muted-gray;
+  }
 }
 
 .column {
   display: flex;
   flex-direction: column;
+  height: 100%;
+  justify-content: end;
 
   .label {
     line-height: 0.9em;