v2 beta 5 (#375)

* chore: update documentation links

* fix: sentry has no access to error context

* style: clarify event history

* fix: issue with clipboard write in safari

* style: clarify event history

* refactor: improvements to follow logic in rundown

* refactor: improvements in go mode

* several style tweaks and small improvements

apps/client/src/features/rundown/event-block/EventBlock.module.scss

@@ -10,9 +10,9 @@ $skip-opacity: 0.1;
 
   display: grid;
   grid-template-areas:
-          "binder ...        ...   ..."
-          "binder pb-actions times actions"
-          "binder pb-actions title title"
+          "binder ...        ...     ..."
+          "binder pb-actions times   actions"
+          "binder pb-actions title   next"
           "binder pb-actions estatus estatus"
           "binder ...        ...     ...";
 
@@ -25,7 +25,7 @@ $skip-opacity: 0.1;
   transition-property: background-color;
   transition-duration: $transition-time-feedback;
 
-  @mixin declare-overrides(){
+  @mixin declare-overrides() {
     --status-color-override: #{$gray-200};
     --status-color-active-override: #{$green-400};
   }
@@ -45,7 +45,7 @@ $skip-opacity: 0.1;
   }
 
   &.pause {
-    background-color: $orange-700;
+    background-color: rgba($ontime-paused, 0.6);
     @include declare-overrides;
   }
 
@@ -53,6 +53,10 @@ $skip-opacity: 0.1;
     outline: 1px solid $block-cursor-color;
   }
 
+  &.past:not(.skip) {
+    opacity: 0.6;
+  }
+
   &.skip {
     border: 1px solid $white-3;
 
@@ -121,7 +125,6 @@ $skip-opacity: 0.1;
   justify-content: flex-end;
 }
 
-
 .eventOptions {
   margin: $element-spacing 16px $element-spacing 0;
 }
@@ -163,6 +166,16 @@ $skip-opacity: 0.1;
   line-height: 13px;
 }
 
+
+.nextTag {
+  grid-area: next;
+  font-size: 1em;
+  color: $orange-500;
+  letter-spacing: 0.03px;
+  font-weight: 600;
+  text-align: right;
+}
+
 .eventStatus {
   grid-area: status;
   display: flex;
@@ -171,11 +184,6 @@ $skip-opacity: 0.1;
   gap: 8px;
   color: var(--status-color-override, $gray-500);
 
-  .tag {
-    padding-top: 1px;
-    font-size: 0.55em;
-    color: $active-indicator;
-  }
 
   .statusIcon {
     width: 16px;