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/control/message/MessageControl.tsx

@@ -6,7 +6,6 @@ import {
   useExternalMessageInput as useSecondaryMessageInput,
   useTimerMessageInput,
 } from '../../../common/hooks/useSocket';
-
 import InputRow from './InputRow';
 import TimerControlsPreview from './TimerViewControl';
 

apps/client/src/features/control/message/MessageControlExport.tsx

@@ -6,7 +6,6 @@ import ViewNavigationMenu from '../../../common/components/navigation-menu/ViewN
 import ProtectRoute from '../../../common/components/protect-route/ProtectRoute';
 import { handleLinks } from '../../../common/utils/linkUtils';
 import { getIsNavigationLocked } from '../../../externals';
-
 import MessageControl from './MessageControl';
 
 import style from './MessageControlExport.module.scss';

apps/client/src/features/control/message/TimerPreview.module.scss

@@ -47,4 +47,3 @@
     color: $active-indicator;
   }
 }
-

apps/client/src/features/control/message/TimerPreview.tsx

@@ -1,11 +1,11 @@
+import { TimerPhase, TimerType } from 'ontime-types';
 import { IoArrowDown, IoArrowUp, IoBan, IoTime } from 'react-icons/io5';
 import { LuArrowDownToLine } from 'react-icons/lu';
-import { TimerPhase, TimerType } from 'ontime-types';
 
 import { CornerWithPip } from '../../../common/components/editor-utils/EditorUtils';
 import Tooltip from '../../../common/components/tooltip/Tooltip';
-import { useMessagePreview } from '../../../common/hooks/useSocket';
 import useViewSettings from '../../../common/hooks-query/useViewSettings';
+import { useMessagePreview } from '../../../common/hooks/useSocket';
 import { handleLinks } from '../../../common/utils/linkUtils';
 import { cx, timerPlaceholder } from '../../../common/utils/styleUtils';
 import PipRoot from '../../../views/editor/pip-timer/PipRoot';

apps/client/src/features/control/message/TimerViewControl.module.scss

@@ -4,9 +4,8 @@
   grid-template-columns: 3fr 2fr;
 }
 
-
 .options {
   display: flex;
   flex-direction: column;
   gap: $element-spacing;
-}
+}

apps/client/src/features/control/message/TimerViewControl.tsx

@@ -1,11 +1,10 @@
-import { useEffect, useState } from 'react';
 import { SecondarySource } from 'ontime-types';
+import { useEffect, useState } from 'react';
 
 import Button from '../../../common/components/buttons/Button';
 import * as Editor from '../../../common/components/editor-utils/EditorUtils';
 import Select from '../../../common/components/select/Select';
 import { setMessage, useTimerViewControl } from '../../../common/hooks/useSocket';
-
 import TimerPreview from './TimerPreview';
 
 import style from './TimerViewControl.module.scss';

apps/client/src/features/control/playback/PlaybackControl.tsx

@@ -1,5 +1,4 @@
 import { usePlaybackControl } from '../../../common/hooks/useSocket';
-
 import AddTime from './add-time/AddTime';
 import { AuxTimer } from './aux-timer/AuxTimer';
 import PlaybackButtons from './playback-buttons/PlaybackButtons';

apps/client/src/features/control/playback/TimerControlExport.tsx

@@ -6,7 +6,6 @@ import ViewNavigationMenu from '../../../common/components/navigation-menu/ViewN
 import ProtectRoute from '../../../common/components/protect-route/ProtectRoute';
 import { handleLinks } from '../../../common/utils/linkUtils';
 import { getIsNavigationLocked } from '../../../externals';
-
 import PlaybackControl from './PlaybackControl';
 
 import style from './TimerControlExport.module.scss';

apps/client/src/features/control/playback/add-time/AddTime.tsx

@@ -1,7 +1,7 @@
-import { IoAdd, IoRemove } from 'react-icons/io5';
 import { useLocalStorage } from '@mantine/hooks';
 import { Playback } from 'ontime-types';
 import { MILLIS_PER_HOUR, parseUserTime } from 'ontime-utils';
+import { IoAdd, IoRemove } from 'react-icons/io5';
 
 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
 import { setPlayback } from '../../../../common/hooks/useSocket';

apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx

@@ -1,6 +1,6 @@
-import { IoArrowDown, IoArrowUp, IoPause, IoPlay, IoStop } from 'react-icons/io5';
 import { Playback, SimpleDirection, SimplePlayback } from 'ontime-types';
 import { millisToString, parseUserTime } from 'ontime-utils';
+import { IoArrowDown, IoArrowUp, IoPause, IoPlay, IoStop } from 'react-icons/io5';
 
 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
 import { setAuxTimer, useAuxTimerControl, useAuxTimerTime } from '../../../../common/hooks/useSocket';

apps/client/src/features/control/playback/playback-buttons/PlaybackButtons.module.scss

@@ -2,9 +2,9 @@
   padding-top: $element-spacing;
   display: grid;
   grid-template-areas:
-          "go playback"
-          "go transport"
-          "extra extra";
+    'go playback'
+    'go transport'
+    'extra extra';
   grid-template-rows: repeat(3, 2rem);
   gap: $element-spacing;
 }
@@ -38,4 +38,3 @@
 .invertX {
   transform: rotateY(180deg);
 }
-

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

@@ -1,5 +1,5 @@
-import { IoPause, IoPlay, IoPlaySkipBack, IoPlaySkipForward, IoReload, IoStop } from 'react-icons/io5';
 import { Playback, TimerPhase } from 'ontime-types';
+import { IoPause, IoPlay, IoPlaySkipBack, IoPlaySkipForward, IoReload, IoStop } from 'react-icons/io5';
 
 import { setPlayback } from '../../../../common/hooks/useSocket';
 import { getPlaybackControlState } from '../playbackControl.utils';

apps/client/src/features/control/playback/playback-timer/PlaybackTimer.tsx

@@ -1,11 +1,11 @@
-import { PropsWithChildren } from 'react';
 import { MaybeNumber, Playback, TimerPhase } from 'ontime-types';
 import { dayInMs, millisToString } from 'ontime-utils';
+import { PropsWithChildren } from 'react';
 
 import AppLink from '../../../../common/components/link/app-link/AppLink';
 import Tooltip from '../../../../common/components/tooltip/Tooltip';
-import { useTimer } from '../../../../common/hooks/useSocket';
 import useReport from '../../../../common/hooks-query/useReport';
+import { useTimer } from '../../../../common/hooks/useSocket';
 import { formatDuration } from '../../../../common/utils/time';
 import TimerDisplay from '../timer-display/TimerDisplay';
 

apps/client/src/features/control/playback/tap-button/TapButton.tsx

@@ -1,5 +1,5 @@
-import { ForwardedRef, forwardRef, PropsWithChildren } from 'react';
 import { Playback } from 'ontime-types';
+import { ForwardedRef, PropsWithChildren, forwardRef } from 'react';
 
 import { cx } from '../../../../common/utils/styleUtils';
 

apps/client/src/features/control/playback/tracking-playback-bar/TrackingPlaybackBar.tsx

@@ -1,7 +1,7 @@
-import { IoAdd, IoArrowDown, IoArrowUp, IoPause, IoPlay, IoPlaySkipForward, IoRemove, IoStop } from 'react-icons/io5';
 import { useHotkeys, useLocalStorage } from '@mantine/hooks';
 import { Playback, SimpleDirection, SimplePlayback, TimerPhase } from 'ontime-types';
 import { millisToString, parseUserTime } from 'ontime-utils';
+import { IoAdd, IoArrowDown, IoArrowUp, IoPause, IoPlay, IoPlaySkipForward, IoRemove, IoStop } from 'react-icons/io5';
 
 import TimeInput from '../../../../common/components/input/time-input/TimeInput';
 import {