feat: time to next flag

apps/client/src/features/rundown/rundown-event/RundownEvent.module.scss

@@ -17,7 +17,7 @@ $skip-opacity: 0.2;
     'binder ...        ...     ...';
 
   grid-template-columns: $block-binder-width 3rem 1fr 3rem;
-  grid-template-rows: 0.125rem 2rem 2rem auto 0.125rem;
+  grid-template-rows: 0.125rem 2rem 2rem auto 0.125rem; 
   align-items: center;
   padding-right: $block-clearance;
   gap: 2px;

apps/client/src/features/rundown/rundown-event/RundownEvent.tsx

@@ -2,7 +2,6 @@ import { MouseEvent, useEffect, useLayoutEffect, useRef, useState } from 'react'
 import {
   IoAdd,
   IoDuplicateOutline,
-  IoFlag,
   IoFolder,
   IoLink,
   IoReorderTwo,
@@ -10,6 +9,7 @@ import {
   IoTrash,
   IoUnlink,
 } from 'react-icons/io5';
+import { TbFlagFilled } from 'react-icons/tb';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { EndAction, EntryId, OntimeEvent, Playback, TimerType, TimeStrategy } from 'ontime-types';
@@ -148,7 +148,7 @@ export default function RundownEvent({
           {
             type: 'item',
             label: flag ? 'Remove flag' : 'Add flag',
-            icon: IoFlag,
+            icon: TbFlagFilled,
             onClick: () =>
               actionHandler('update', {
                 field: 'flag',