style: small tweaks on code style and editor UI (#450)

* fix: notes > note

* style: improve roll visibility

apps/client/src/features/control/playback/playback-buttons/PlaybackButtons.tsx

@@ -5,7 +5,7 @@ import { IoPlaySkipBack } from '@react-icons/all-files/io5/IoPlaySkipBack';
 import { IoPlaySkipForward } from '@react-icons/all-files/io5/IoPlaySkipForward';
 import { IoReload } from '@react-icons/all-files/io5/IoReload';
 import { IoStop } from '@react-icons/all-files/io5/IoStop';
-import { IoTimeOutline } from '@react-icons/all-files/io5/IoTimeOutline';
+import { IoTime} from '@react-icons/all-files/io5/IoTime';
 import { Playback } from 'ontime-types';
 
 import { setPlayback } from '../../../../common/hooks/useSocket';
@@ -88,7 +88,7 @@ export default function PlaybackButtons(props: PlaybackButtonsProps) {
           theme={Playback.Roll}
           active={isRolling}
         >
-          <IoTimeOutline />
+          <IoTime />
         </TapButton>
         <Tooltip label='Reload event' openDelay={tooltipDelayMid}>
           <TapButton onClick={setPlayback.reload} disabled={isStopped || isRolling}>

apps/client/src/features/table/__tests__/utils.test.js

@@ -35,7 +35,7 @@ describe('parseField()', () => {
       { field: 'title', value: 'test' },
       { field: 'presenter', value: 'test' },
       { field: 'subtitle', value: 'test' },
-      { field: 'notes', value: 'test' },
+      { field: 'note', value: 'test' },
       { field: 'colour', value: 'test' },
       { field: 'user0', value: 'test' },
       { field: 'user1', value: 'test' },