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/app-settings/panel/settings-panel/GeneralSettings.tsx

@@ -1,7 +1,7 @@
-import { lazy, useEffect } from 'react';
-import { useForm } from 'react-hook-form';
 import { useDisclosure } from '@mantine/hooks';
 import { Settings } from 'ontime-types';
+import { lazy, useEffect } from 'react';
+import { useForm } from 'react-hook-form';
 
 import { postSettings } from '../../../../common/api/settings';
 import { maybeAxiosError } from '../../../../common/api/utils';
@@ -11,7 +11,6 @@ import Select from '../../../../common/components/select/Select';
 import useSettings from '../../../../common/hooks-query/useSettings';
 import { preventEscape } from '../../../../common/utils/keyEvent';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import GeneralPinInput from './composite/GeneralPinInput';
 
 const TranslationModal = lazy(() => import('./composite/CustomTranslationModal'));

apps/client/src/features/app-settings/panel/settings-panel/ProjectData.tsx

@@ -1,7 +1,7 @@
+import { type ProjectData } from 'ontime-types';
 import { ChangeEvent, useEffect, useRef } from 'react';
 import { useFieldArray, useForm } from 'react-hook-form';
 import { IoAdd, IoDownloadOutline, IoTrash } from 'react-icons/io5';
-import { type ProjectData } from 'ontime-types';
 
 import { projectLogoPath } from '../../../../common/api/constants';
 import { uploadProjectLogo } from '../../../../common/api/project';

apps/client/src/features/app-settings/panel/settings-panel/ServerPortSettings.tsx

@@ -1,6 +1,6 @@
+import { PortInfo } from 'ontime-types';
 import { useCallback, useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
-import { PortInfo } from 'ontime-types';
 
 import { getServerPort, postServerPort } from '../../../../common/api/settings';
 import { maybeAxiosError } from '../../../../common/api/utils';

apps/client/src/features/app-settings/panel/settings-panel/SettingsPanel.tsx

@@ -2,7 +2,6 @@ import useScrollIntoView from '../../../../common/hooks/useScrollIntoView';
 import { isDocker } from '../../../../externals';
 import type { PanelBaseProps } from '../../panel-list/PanelList';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import GeneralSettings from './GeneralSettings';
 import ProjectData from './ProjectData';
 import ServerPortSettings from './ServerPortSettings';

apps/client/src/features/app-settings/panel/settings-panel/ViewSettings.tsx

@@ -1,7 +1,7 @@
-import { useEffect } from 'react';
-import { useForm } from 'react-hook-form';
 import { useDisclosure } from '@mantine/hooks';
 import { ViewSettings as ViewSettingsType } from 'ontime-types';
+import { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
 
 import { maybeAxiosError } from '../../../../common/api/utils';
 import Button from '../../../../common/components/buttons/Button';
@@ -12,7 +12,6 @@ import Switch from '../../../../common/components/switch/Switch';
 import useViewSettings from '../../../../common/hooks-query/useViewSettings';
 import { preventEscape } from '../../../../common/utils/keyEvent';
 import * as Panel from '../../panel-utils/PanelUtils';
-
 import CodeEditorModal from './composite/StyleEditorModal';
 
 const cssOverrideDocsUrl = 'https://docs.getontime.no/features/custom-styling/';

apps/client/src/features/app-settings/panel/settings-panel/composite/CustomTranslationModal.tsx

@@ -1,6 +1,6 @@
+import { TranslationObject, langEn } from 'ontime-types';
 import { useMemo } from 'react';
 import { useForm } from 'react-hook-form';
-import { langEn, TranslationObject } from 'ontime-types';
 
 import { maybeAxiosError } from '../../../../../common/api/utils';
 import Button from '../../../../../common/components/buttons/Button';

apps/client/src/features/app-settings/panel/settings-panel/composite/GeneralPinInput.tsx

@@ -1,7 +1,7 @@
+import { Settings } from 'ontime-types';
 import { PropsWithChildren, useState } from 'react';
 import { UseFormRegister } from 'react-hook-form';
 import { IoEyeOutline } from 'react-icons/io5';
-import { Settings } from 'ontime-types';
 
 import IconButton from '../../../../../common/components/buttons/IconButton';
 import Input from '../../../../../common/components/input/input/Input';

apps/client/src/features/app-settings/panel/settings-panel/composite/StyleEditor.tsx

@@ -1,7 +1,6 @@
+import Prism from 'prismjs/components/prism-core';
 import { forwardRef, memo, useEffect, useImperativeHandle, useState } from 'react';
 import Editor from 'react-simple-code-editor';
-import Prism from 'prismjs/components/prism-core';
-
 import 'prismjs/components/prism-css';
 import 'prismjs/themes/prism-tomorrow.min.css';
 import style from './StyleEditor.module.scss';

apps/client/src/features/app-settings/panel/settings-panel/composite/StyleEditorModal.module.scss

@@ -4,7 +4,7 @@
 
 .right {
   align-self: end;
-  text-align: right
+  text-align: right;
 }
 
 .column {

apps/client/src/features/app-settings/panel/settings-panel/composite/StyleEditorModal.tsx

@@ -1,4 +1,4 @@
-import { lazy, Suspense, useEffect, useRef, useState } from 'react';
+import { Suspense, lazy, useEffect, useRef, useState } from 'react';
 
 import { getCSSContents, postCSSContents, restoreCSSContents } from '../../../../../common/api/assets';
 import Button from '../../../../../common/components/buttons/Button';