Deps migration (#1988)

* chore: migrate eslint to oxlint

* chore: migrate prettier to oxfmt

* chore: migrate typescript

* chore: toThrow should have a expected value

* chore: cast test value as Day

* chore: small title fix

* chore: mocks should be hoisted

* chore: incorrect async useage

* chore: test should be inside description

* chore: test sohuld include an expeced

* chore: oxfmt

---------

Co-authored-by: alex-Arc <omnivox@LAPTOP-RC5SNBVV.localdomain>

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;
@@ -139,7 +139,7 @@ $skip-opacity: 0.2;
 }
 
 .eventTimers.editMode:hover {
-  [class*="hoverLabel"] {
+  [class*='hoverLabel'] {
     opacity: 1;
     transition: opacity 0.15s 0.5s ease;
   }

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

@@ -1,3 +1,7 @@
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { Day, EndAction, EntryId, Playback, TimeStrategy, TimerType } from 'ontime-types';
+import { isPlaybackActive } from 'ontime-utils';
 import { MouseEvent, useEffect, useRef } from 'react';
 import {
   IoAdd,
@@ -10,10 +14,6 @@ import {
   IoUnlink,
 } from 'react-icons/io5';
 import { TbFlagFilled } from 'react-icons/tb';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { Day, EndAction, EntryId, Playback, TimerType, TimeStrategy } from 'ontime-types';
-import { isPlaybackActive } from 'ontime-utils';
 
 import { useEntryActionsContext } from '../../../common/context/EntryActionsContext';
 import { useContextMenu } from '../../../common/hooks/useContextMenu';
@@ -22,7 +22,6 @@ import { deviceMod } from '../../../common/utils/deviceUtils';
 import { cx, getAccessibleColour } from '../../../common/utils/styleUtils';
 import { useEventIdSwapping } from '../useEventIdSwapping';
 import { getSelectionMode, useEventSelection } from '../useEventSelection';
-
 import RundownEventInner from './RundownEventInner';
 import RundownIndicators from './RundownIndicators';
 

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

@@ -1,3 +1,4 @@
+import { Day, EndAction, Playback, TimeStrategy, TimerType } from 'ontime-types';
 import { memo } from 'react';
 import {
   IoArrowDown,
@@ -10,7 +11,6 @@ import {
   IoTime,
 } from 'react-icons/io5';
 import { LuArrowDownToLine } from 'react-icons/lu';
-import { Day, EndAction, Playback, TimerType, TimeStrategy } from 'ontime-types';
 
 import Tooltip from '../../../common/components/tooltip/Tooltip';
 import { cx } from '../../../common/utils/styleUtils';
@@ -18,7 +18,6 @@ import { AppMode } from '../../../ontimeConfig';
 import TitleEditor from '../common/TitleEditor';
 import TimeInputFlow from '../time-input-flow/TimeInputFlow';
 import { useEditorFollowMode } from '../useEditorFollowMode';
-
 import RundownEventChip from './composite/RundownEventChip';
 import EventBlockPlayback from './composite/RundownEventPlayback';
 import EventBlockProgressBar from './composite/RundownEventProgressBar';

apps/client/src/features/rundown/rundown-event/composite/RundownEventChip.tsx

@@ -1,11 +1,11 @@
+import { Day } from 'ontime-types';
+import { MILLIS_PER_MINUTE, MILLIS_PER_SECOND, isPlaybackActive, millisToString } from 'ontime-utils';
 import { useMemo } from 'react';
 import { IoCheckmarkCircle } from 'react-icons/io5';
-import { Day } from 'ontime-types';
-import { isPlaybackActive, MILLIS_PER_MINUTE, MILLIS_PER_SECOND, millisToString } from 'ontime-utils';
 
 import Tooltip from '../../../../common/components/tooltip/Tooltip';
-import { usePlayback } from '../../../../common/hooks/useSocket';
 import useReport from '../../../../common/hooks-query/useReport';
+import { usePlayback } from '../../../../common/hooks/useSocket';
 import { cx } from '../../../../common/utils/styleUtils';
 import { formatDuration, useTimeUntilExpectedStart } from '../../../../common/utils/time';
 

apps/client/src/features/rundown/rundown-event/composite/RundownEventPlayback.tsx

@@ -1,4 +1,4 @@
-import { memo, MouseEvent } from 'react';
+import { MouseEvent, memo } from 'react';
 import { IoPause, IoPlay, IoReload, IoRemoveCircle, IoRemoveCircleOutline } from 'react-icons/io5';
 
 import IconButton from '../../../../common/components/buttons/IconButton';