Upgrade node modules

37 files changed, 167 insertions, 133 deletions

diff --git a/src/components/ui/AppLoader/index.tsx b/src/components/ui/AppLoader/index.tsx
index 4b5828ef4..a2133e174 100644
--- a/src/components/ui/AppLoader/index.tsx
+++ b/src/components/ui/AppLoader/index.tsx
@@ -1,9 +1,9 @@
-import { Component, ReactElement } from 'react';
 import classnames from 'classnames';
-import withStyles, { WithStylesProps } from 'react-jss';
-import { Theme } from '../../../themes';
-import FullscreenLoader from '../FullscreenLoader';
+import { Component, type ReactElement } from 'react';
+import withStyles, { type WithStylesProps } from 'react-jss';
 import shuffleArray from '../../../helpers/array-helpers';
+import type { Theme } from '../../../themes';
+import FullscreenLoader from '../FullscreenLoader';
 
 import styles from './styles';
 
diff --git a/src/components/ui/FAB.tsx b/src/components/ui/FAB.tsx
index acb0f690e..b4eeace8b 100644
--- a/src/components/ui/FAB.tsx
+++ b/src/components/ui/FAB.tsx
@@ -1,7 +1,7 @@
-import { Component, ReactElement, ReactNode } from 'react';
-import { observer } from 'mobx-react';
 import classnames from 'classnames';
 import { noop } from 'lodash';
+import { observer } from 'mobx-react';
+import { Component, type ReactElement, type ReactNode } from 'react';
 
 interface IProps {
   className: string;
diff --git a/src/components/ui/FullscreenLoader/index.tsx b/src/components/ui/FullscreenLoader/index.tsx
index 09c1d5fbb..40b04abe8 100644
--- a/src/components/ui/FullscreenLoader/index.tsx
+++ b/src/components/ui/FullscreenLoader/index.tsx
@@ -1,11 +1,11 @@
-import { Component, ReactElement, ReactNode } from 'react';
-import { observer } from 'mobx-react';
-import withStyles, { WithStylesProps } from 'react-jss';
 import classnames from 'classnames';
+import { observer } from 'mobx-react';
+import { Component, type ReactElement, type ReactNode } from 'react';
+import withStyles, { type WithStylesProps } from 'react-jss';
+import type { Theme } from '../../../themes';
+import { H1 } from '../headline';
 import Loader from '../loader/index';
 import styles from './styles';
-import { H1 } from '../headline';
-import { Theme } from '../../../themes';
 
 interface IProps extends WithStylesProps<typeof styles> {
   className?: string;
diff --git a/src/components/ui/InfoBar.tsx b/src/components/ui/InfoBar.tsx
index f3f1adbe7..5fd27f61a 100644
--- a/src/components/ui/InfoBar.tsx
+++ b/src/components/ui/InfoBar.tsx
@@ -1,14 +1,18 @@
-import { Component, MouseEventHandler, ReactNode } from 'react';
-import { observer } from 'mobx-react';
 import classnames from 'classnames';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
+import { observer } from 'mobx-react';
+import { Component, type MouseEventHandler, type ReactNode } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 
 import { mdiClose } from '@mdi/js';
 import { noop } from 'lodash';
-import Loader from './loader/index';
+import { DEFAULT_LOADER_COLOR } from '../../config';
 import Appear from './effects/Appear';
 import Icon from './icon';
-import { DEFAULT_LOADER_COLOR } from '../../config';
+import Loader from './loader/index';
 
 const messages = defineMessages({
   hide: {
diff --git a/src/components/ui/Infobox.tsx b/src/components/ui/Infobox.tsx
index 14e1a581c..fc88c4654 100644
--- a/src/components/ui/Infobox.tsx
+++ b/src/components/ui/Infobox.tsx
@@ -1,12 +1,21 @@
-import { Component, MouseEventHandler, ReactElement, ReactNode } from 'react';
-import classnames from 'classnames';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiAlert, mdiCheckboxMarkedCircleOutline, mdiClose } from '@mdi/js';
+import classnames from 'classnames';
 import { noop } from 'lodash';
 import { observer } from 'mobx-react';
-import Loader from './loader/index';
-import Icon from './icon';
+import {
+  Component,
+  type MouseEventHandler,
+  type ReactElement,
+  type ReactNode,
+} from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 import { DEFAULT_LOADER_COLOR } from '../../config';
+import Icon from './icon';
+import Loader from './loader/index';
 
 const icons = {
   'checkbox-marked-circle-outline': mdiCheckboxMarkedCircleOutline,
diff --git a/src/components/ui/Link.tsx b/src/components/ui/Link.tsx
index f9fdd57f9..816798d79 100644
--- a/src/components/ui/Link.tsx
+++ b/src/components/ui/Link.tsx
@@ -1,9 +1,14 @@
-import { Component, CSSProperties, ReactNode, MouseEvent } from 'react';
-import { inject, observer } from 'mobx-react';
 import classnames from 'classnames';
+import { inject, observer } from 'mobx-react';
+import {
+  type CSSProperties,
+  Component,
+  type MouseEvent,
+  type ReactNode,
+} from 'react';
+import type { StoresProps } from '../../@types/ferdium-components.types';
 import matchRoute from '../../helpers/routing-helpers';
 import { openExternalUrl } from '../../helpers/url-helpers';
-import { StoresProps } from '../../@types/ferdium-components.types';
 
 interface IProps extends Partial<StoresProps> {
   children: ReactNode;
@@ -54,7 +59,6 @@ class Link extends Component<IProps> {
     });
 
     return (
-      // biome-ignore lint/a11y/useValidAnchor: <explanation>
       <a
         href={router.history.createHref(to)}
         className={linkClasses}
diff --git a/src/components/ui/Modal/index.tsx b/src/components/ui/Modal/index.tsx
index 154beef0c..15326a289 100644
--- a/src/components/ui/Modal/index.tsx
+++ b/src/components/ui/Modal/index.tsx
@@ -1,8 +1,8 @@
-import { Component, ReactNode } from 'react';
-import ReactModal from 'react-modal';
-import classnames from 'classnames';
-import injectCSS, { WithStylesProps } from 'react-jss';
 import { mdiClose } from '@mdi/js';
+import classnames from 'classnames';
+import { Component, type ReactNode } from 'react';
+import injectCSS, { type WithStylesProps } from 'react-jss';
+import ReactModal from 'react-modal';
 
 import Icon from '../icon';
 import styles from './styles';
diff --git a/src/components/ui/Radio.tsx b/src/components/ui/Radio.tsx
index 901958c78..b556eb4ca 100644
--- a/src/components/ui/Radio.tsx
+++ b/src/components/ui/Radio.tsx
@@ -1,7 +1,7 @@
-import { Component } from 'react';
-import { observer } from 'mobx-react';
 import classnames from 'classnames';
-import FieldInterface from 'mobx-react-form/lib/models/FieldInterface';
+import { observer } from 'mobx-react';
+import type FieldInterface from 'mobx-react-form/lib/models/FieldInterface';
+import { Component } from 'react';
 // biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Error from './error';
 
diff --git a/src/components/ui/SearchInput.tsx b/src/components/ui/SearchInput.tsx
index b2caaa1de..2e70d1b35 100644
--- a/src/components/ui/SearchInput.tsx
+++ b/src/components/ui/SearchInput.tsx
@@ -1,8 +1,8 @@
-import { ChangeEvent, Component, ReactElement } from 'react';
-import { observer } from 'mobx-react';
+import { mdiCloseCircleOutline, mdiMagnify } from '@mdi/js';
 import classnames from 'classnames';
 import { debounce, noop } from 'lodash';
-import { mdiCloseCircleOutline, mdiMagnify } from '@mdi/js';
+import { observer } from 'mobx-react';
+import { type ChangeEvent, Component, type ReactElement } from 'react';
 import Icon from './icon';
 
 interface IProps {
diff --git a/src/components/ui/Select.tsx b/src/components/ui/Select.tsx
index a2ed4216f..4abed849d 100644
--- a/src/components/ui/Select.tsx
+++ b/src/components/ui/Select.tsx
@@ -1,14 +1,14 @@
+import classnames from 'classnames';
+import { observer } from 'mobx-react';
 import {
-  createRef,
+  type ChangeEvent,
   Component,
-  ReactElement,
-  RefObject,
-  ChangeEvent,
-  ReactNode,
+  type ReactElement,
+  type ReactNode,
+  type RefObject,
+  createRef,
 } from 'react';
-import { observer } from 'mobx-react';
-import classnames from 'classnames';
-import { Field } from '../../@types/mobx-form.types';
+import type { Field } from '../../@types/mobx-form.types';
 
 interface IProps {
   field: Field;
diff --git a/src/components/ui/ServiceIcon.tsx b/src/components/ui/ServiceIcon.tsx
index 6920611d0..03a345c23 100644
--- a/src/components/ui/ServiceIcon.tsx
+++ b/src/components/ui/ServiceIcon.tsx
@@ -1,8 +1,8 @@
-import { Component, ReactNode } from 'react';
-import { observer } from 'mobx-react';
-import withStyles, { WithStylesProps } from 'react-jss';
 import classnames from 'classnames';
-import ServiceModel from '../../models/Service';
+import { observer } from 'mobx-react';
+import { Component, type ReactNode } from 'react';
+import withStyles, { type WithStylesProps } from 'react-jss';
+import type ServiceModel from '../../models/Service';
 
 const styles = theme => ({
   root: {
diff --git a/src/components/ui/Slider.tsx b/src/components/ui/Slider.tsx
index aa351ccd2..4f22290ef 100644
--- a/src/components/ui/Slider.tsx
+++ b/src/components/ui/Slider.tsx
@@ -1,7 +1,7 @@
-import { ChangeEvent, Component, ReactElement } from 'react';
-import { observer } from 'mobx-react';
 import classnames from 'classnames';
 import { noop } from 'lodash';
+import { observer } from 'mobx-react';
+import { type ChangeEvent, Component, type ReactElement } from 'react';
 
 interface IProps {
   field: any;
diff --git a/src/components/ui/StatusBarTargetUrl.tsx b/src/components/ui/StatusBarTargetUrl.tsx
index d969267eb..92cb6c36d 100644
--- a/src/components/ui/StatusBarTargetUrl.tsx
+++ b/src/components/ui/StatusBarTargetUrl.tsx
@@ -1,6 +1,6 @@
-import { Component } from 'react';
-import { observer } from 'mobx-react';
 import classnames from 'classnames';
+import { observer } from 'mobx-react';
+import { Component } from 'react';
 import Appear from './effects/Appear';
 
 interface IProps {
diff --git a/src/components/ui/Tabs/TabItem.tsx b/src/components/ui/Tabs/TabItem.tsx
index 55dee42c6..df99a8bfb 100644
--- a/src/components/ui/Tabs/TabItem.tsx
+++ b/src/components/ui/Tabs/TabItem.tsx
@@ -1,4 +1,4 @@
-import { Fragment, ReactElement } from 'react';
+import { Fragment, type ReactElement } from 'react';
 
 export interface IProps {
   children:
diff --git a/src/components/ui/Tabs/Tabs.tsx b/src/components/ui/Tabs/Tabs.tsx
index d7f75c8b8..a5ec148aa 100644
--- a/src/components/ui/Tabs/Tabs.tsx
+++ b/src/components/ui/Tabs/Tabs.tsx
@@ -1,7 +1,12 @@
-import { Children, Component, ReactElement, ReactPortal } from 'react';
-import { observer } from 'mobx-react';
 import classnames from 'classnames';
-import { IProps as TabItemProps } from './TabItem';
+import { observer } from 'mobx-react';
+import {
+  Children,
+  Component,
+  type ReactElement,
+  type ReactPortal,
+} from 'react';
+import type { IProps as TabItemProps } from './TabItem';
 
 interface IProps {
   children:
diff --git a/src/components/ui/WebviewLoader/index.tsx b/src/components/ui/WebviewLoader/index.tsx
index c4e9c724c..53e10d3b9 100644
--- a/src/components/ui/WebviewLoader/index.tsx
+++ b/src/components/ui/WebviewLoader/index.tsx
@@ -1,7 +1,11 @@
-import { Component, ReactElement } from 'react';
 import { observer } from 'mobx-react';
-import injectSheet, { WithStylesProps } from 'react-jss';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
+import { Component, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import injectSheet, { type WithStylesProps } from 'react-jss';
 import FullscreenLoader from '../FullscreenLoader';
 
 const messages = defineMessages({
diff --git a/src/components/ui/badge/ProBadge.tsx b/src/components/ui/badge/ProBadge.tsx
index a5947d3a8..fd5752ed0 100644
--- a/src/components/ui/badge/ProBadge.tsx
+++ b/src/components/ui/badge/ProBadge.tsx
@@ -1,9 +1,9 @@
 import { mdiStar } from '@mdi/js';
 import classnames from 'classnames';
 import { Component } from 'react';
-import injectStyle, { WithStylesProps } from 'react-jss';
+import injectStyle, { type WithStylesProps } from 'react-jss';
 
-import { Theme } from '../../../themes';
+import type { Theme } from '../../../themes';
 import Icon from '../icon';
 import Badge from './index';
 
diff --git a/src/components/ui/badge/index.tsx b/src/components/ui/badge/index.tsx
index 44fbf2d4a..e464c07ec 100644
--- a/src/components/ui/badge/index.tsx
+++ b/src/components/ui/badge/index.tsx
@@ -1,8 +1,8 @@
 import classnames from 'classnames';
-import { Component, ReactNode } from 'react';
-import injectStyle, { WithStylesProps } from 'react-jss';
+import { Component, type ReactNode } from 'react';
+import injectStyle, { type WithStylesProps } from 'react-jss';
 
-import { Theme } from '../../../themes';
+import type { Theme } from '../../../themes';
 
 const badgeStyles = (theme: Theme) => {
   const styles = {};
diff --git a/src/components/ui/button/index.tsx b/src/components/ui/button/index.tsx
index 3247072a9..5c606f274 100644
--- a/src/components/ui/button/index.tsx
+++ b/src/components/ui/button/index.tsx
@@ -1,14 +1,14 @@
 /* eslint-disable no-use-before-define */
 import Icon from '@mdi/react';
 import classnames from 'classnames';
-import { Property } from 'csstype';
+import type { Property } from 'csstype';
 import { noop } from 'lodash';
-import { Component, MouseEventHandler } from 'react';
-import withStyles, { WithStylesProps } from 'react-jss';
-import Loader from '../loader/index';
-import { Theme } from '../../../themes';
-import { IFormField } from '../typings/generic';
+import { Component, type MouseEventHandler } from 'react';
+import withStyles, { type WithStylesProps } from 'react-jss';
 import { DEFAULT_LOADER_COLOR } from '../../../config';
+import type { Theme } from '../../../themes';
+import Loader from '../loader/index';
+import type { IFormField } from '../typings/generic';
 
 type ButtonType =
   | 'primary'
@@ -206,7 +206,6 @@ class ButtonComponent extends Component<IProps, IState> {
     );
 
     const wrapperComponent = href ? (
-      // biome-ignore lint/a11y/useValidAnchor: <explanation>
       <a
         href={href}
         target={target}
diff --git a/src/components/ui/colorPickerInput/index.tsx b/src/components/ui/colorPickerInput/index.tsx
index 39fd0220a..4870a3675 100644
--- a/src/components/ui/colorPickerInput/index.tsx
+++ b/src/components/ui/colorPickerInput/index.tsx
@@ -1,15 +1,15 @@
+import classnames from 'classnames';
+import { noop } from 'lodash';
+import { observer } from 'mobx-react';
 import {
-  ChangeEvent,
+  type ChangeEvent,
   Component,
+  type InputHTMLAttributes,
+  type RefObject,
   createRef,
-  InputHTMLAttributes,
-  RefObject,
 } from 'react';
-import { observer } from 'mobx-react';
-import classnames from 'classnames';
-import { Color, ColorResult, SliderPicker } from 'react-color';
-import { noop } from 'lodash';
-import { FormFields } from '../../../@types/mobx-form.types';
+import { type Color, type ColorResult, SliderPicker } from 'react-color';
+import type { FormFields } from '../../../@types/mobx-form.types';
 
 interface IProps extends InputHTMLAttributes<HTMLInputElement>, FormFields {
   onColorChange: (event: ChangeEvent<HTMLInputElement>) => void;
diff --git a/src/components/ui/effects/Appear.tsx b/src/components/ui/effects/Appear.tsx
index 06f63a029..c32c339fd 100644
--- a/src/components/ui/effects/Appear.tsx
+++ b/src/components/ui/effects/Appear.tsx
@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, useEffect, useState } from 'react';
+import { type ReactElement, type ReactNode, useEffect, useState } from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 
 interface IProps {
diff --git a/src/components/ui/error/index.tsx b/src/components/ui/error/index.tsx
index 01fb5ca27..d0008529f 100644
--- a/src/components/ui/error/index.tsx
+++ b/src/components/ui/error/index.tsx
@@ -1,4 +1,4 @@
-import { Classes } from 'jss';
+import type { Classes } from 'jss';
 import { Component } from 'react';
 import injectSheet from 'react-jss';
 
diff --git a/src/components/ui/error/styles.ts b/src/components/ui/error/styles.ts
index 9da95705a..ac781052f 100644
--- a/src/components/ui/error/styles.ts
+++ b/src/components/ui/error/styles.ts
@@ -1,4 +1,4 @@
-import { Theme } from '../../../themes';
+import type { Theme } from '../../../themes';
 
 export default (theme: Theme) => ({
   message: {
diff --git a/src/components/ui/headline/index.tsx b/src/components/ui/headline/index.tsx
index 8e40fa896..2070745bb 100644
--- a/src/components/ui/headline/index.tsx
+++ b/src/components/ui/headline/index.tsx
@@ -1,15 +1,15 @@
 import classnames from 'classnames';
 import {
   Component,
+  type MouseEventHandler,
+  type ReactElement,
+  type ReactNode,
   createElement,
-  MouseEventHandler,
-  ReactElement,
-  ReactNode,
 } from 'react';
-import injectStyle, { WithStylesProps } from 'react-jss';
+import injectStyle, { type WithStylesProps } from 'react-jss';
 
-import { Theme } from '../../../themes';
-import { Omit } from '../typings/generic';
+import type { Theme } from '../../../themes';
+import type { Omit } from '../typings/generic';
 
 const styles = (theme: Theme) => ({
   headline: {
diff --git a/src/components/ui/icon/index.tsx b/src/components/ui/icon/index.tsx
index 04a00d0e0..ad9f43730 100644
--- a/src/components/ui/icon/index.tsx
+++ b/src/components/ui/icon/index.tsx
@@ -1,9 +1,9 @@
 import MdiIcon from '@mdi/react';
 import classnames from 'classnames';
-import { Component, ReactElement } from 'react';
-import injectStyle, { WithStylesProps } from 'react-jss';
+import { Component, type ReactElement } from 'react';
+import injectStyle, { type WithStylesProps } from 'react-jss';
 
-import { Theme } from '../../../themes';
+import type { Theme } from '../../../themes';
 
 const styles = (theme: Theme) => ({
   icon: {
diff --git a/src/components/ui/imageUpload/index.tsx b/src/components/ui/imageUpload/index.tsx
index 3b164ed41..876572484 100644
--- a/src/components/ui/imageUpload/index.tsx
+++ b/src/components/ui/imageUpload/index.tsx
@@ -1,11 +1,11 @@
-import { Component, ReactElement } from 'react';
-import { observer } from 'mobx-react';
-import classnames from 'classnames';
-import Dropzone from 'react-dropzone';
 import { mdiDelete, mdiFileImage } from '@mdi/js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react';
 import prettyBytes from 'pretty-bytes';
-import Icon from '../icon';
+import { Component, type ReactElement } from 'react';
+import Dropzone from 'react-dropzone';
 import { isWindows } from '../../../environment';
+import Icon from '../icon';
 
 interface IProps {
   field: any;
diff --git a/src/components/ui/infobox/index.tsx b/src/components/ui/infobox/index.tsx
index a1c4f9d21..36ea6a59f 100644
--- a/src/components/ui/infobox/index.tsx
+++ b/src/components/ui/infobox/index.tsx
@@ -2,9 +2,9 @@
 import { mdiClose } from '@mdi/js';
 import classnames from 'classnames';
 import { noop } from 'lodash';
-import { Component, ReactElement, ReactNode } from 'react';
-import withStyles, { WithStylesProps } from 'react-jss';
-import { Theme } from '../../../themes';
+import { Component, type ReactElement, type ReactNode } from 'react';
+import withStyles, { type WithStylesProps } from 'react-jss';
+import type { Theme } from '../../../themes';
 import Icon from '../icon';
 
 const buttonStyles = (theme: Theme) => {
diff --git a/src/components/ui/input/index.tsx b/src/components/ui/input/index.tsx
index 68cc9ee22..c61efe570 100644
--- a/src/components/ui/input/index.tsx
+++ b/src/components/ui/input/index.tsx
@@ -1,22 +1,26 @@
 import { mdiEye, mdiEyeOff } from '@mdi/js';
 import classnames from 'classnames';
+import { noop } from 'lodash';
+import { observer } from 'mobx-react';
 import {
   Component,
+  type InputHTMLAttributes,
+  type KeyboardEvent,
+  type ReactElement,
+  type RefObject,
   createRef,
-  InputHTMLAttributes,
-  ReactElement,
-  RefObject,
-  KeyboardEvent,
 } from 'react';
-import withStyles, { WithStylesProps } from 'react-jss';
-import { noop } from 'lodash';
-import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
-import Icon from '../icon';
-import { IFormField } from '../typings/generic';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import withStyles, { type WithStylesProps } from 'react-jss';
 // biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Error from '../error';
+import Icon from '../icon';
 import Label from '../label';
+import type { IFormField } from '../typings/generic';
 import Wrapper from '../wrapper';
 import { scorePasswordFunc } from './scorePassword';
 import styles from './styles';
diff --git a/src/components/ui/input/styles.ts b/src/components/ui/input/styles.ts
index ebae0e40d..580c72889 100644
--- a/src/components/ui/input/styles.ts
+++ b/src/components/ui/input/styles.ts
@@ -1,6 +1,6 @@
-import { Property } from 'csstype';
+import type { Property } from 'csstype';
 
-import { Theme } from '../../../themes';
+import type { Theme } from '../../../themes';
 
 const prefixStyles = (theme: Theme) => ({
   background: theme.inputPrefixBackground,
diff --git a/src/components/ui/label/index.tsx b/src/components/ui/label/index.tsx
index 5f5cc5c8e..c0a3903b0 100644
--- a/src/components/ui/label/index.tsx
+++ b/src/components/ui/label/index.tsx
@@ -1,8 +1,8 @@
 import classnames from 'classnames';
-import { Component, LabelHTMLAttributes } from 'react';
-import injectSheet, { WithStylesProps } from 'react-jss';
+import { Component, type LabelHTMLAttributes } from 'react';
+import injectSheet, { type WithStylesProps } from 'react-jss';
 
-import { IFormField } from '../typings/generic';
+import type { IFormField } from '../typings/generic';
 
 import styles from './styles';
 
diff --git a/src/components/ui/label/styles.ts b/src/components/ui/label/styles.ts
index faa44ae5b..fecfa1816 100644
--- a/src/components/ui/label/styles.ts
+++ b/src/components/ui/label/styles.ts
@@ -1,4 +1,4 @@
-import { Theme } from '../../../themes';
+import type { Theme } from '../../../themes';
 
 export default (theme: Theme) => ({
   content: {},
diff --git a/src/components/ui/loader/index.tsx b/src/components/ui/loader/index.tsx
index c0ae15028..8757985b9 100644
--- a/src/components/ui/loader/index.tsx
+++ b/src/components/ui/loader/index.tsx
@@ -1,9 +1,9 @@
 import classnames from 'classnames';
+import { inject } from 'mobx-react';
 import { Component } from 'react';
-import injectStyle, { WithStylesProps } from 'react-jss';
+import injectStyle, { type WithStylesProps } from 'react-jss';
 import { Oval } from 'react-loader-spinner';
-import { inject } from 'mobx-react';
-import { FerdiumStores } from '../../../@types/stores.types';
+import type { FerdiumStores } from '../../../@types/stores.types';
 import { DEFAULT_LOADER_COLOR } from '../../../config';
 
 const styles = () => ({
diff --git a/src/components/ui/select/index.tsx b/src/components/ui/select/index.tsx
index 0d8520f58..2716ebc2d 100644
--- a/src/components/ui/select/index.tsx
+++ b/src/components/ui/select/index.tsx
@@ -5,14 +5,19 @@ import {
 } from '@mdi/js';
 import Icon from '@mdi/react';
 import classnames from 'classnames';
-import { ChangeEvent, Component, createRef, ReactElement } from 'react';
-import withStyles, { WithStylesProps } from 'react-jss';
 import { noop } from 'lodash';
-import { Theme } from '../../../themes';
-import { IFormField } from '../typings/generic';
+import {
+  type ChangeEvent,
+  Component,
+  type ReactElement,
+  createRef,
+} from 'react';
+import withStyles, { type WithStylesProps } from 'react-jss';
+import type { Theme } from '../../../themes';
 // biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Error from '../error';
 import Label from '../label';
+import type { IFormField } from '../typings/generic';
 import Wrapper from '../wrapper';
 
 let popupTransition: string = 'none';
diff --git a/src/components/ui/textarea/index.tsx b/src/components/ui/textarea/index.tsx
index 0967c4c25..4a0e77afe 100644
--- a/src/components/ui/textarea/index.tsx
+++ b/src/components/ui/textarea/index.tsx
@@ -1,9 +1,9 @@
 import classnames from 'classnames';
-import { Component, createRef, TextareaHTMLAttributes } from 'react';
-import injectSheet, { WithStylesProps } from 'react-jss';
+import { Component, type TextareaHTMLAttributes, createRef } from 'react';
+import injectSheet, { type WithStylesProps } from 'react-jss';
 
 import { noop } from 'lodash';
-import { IFormField } from '../typings/generic';
+import type { IFormField } from '../typings/generic';
 
 // biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Error from '../error';
diff --git a/src/components/ui/textarea/styles.ts b/src/components/ui/textarea/styles.ts
index 36fc2a82e..c4c27b95d 100644
--- a/src/components/ui/textarea/styles.ts
+++ b/src/components/ui/textarea/styles.ts
@@ -1,6 +1,6 @@
-import { Property } from 'csstype';
+import type { Property } from 'csstype';
 
-import { Theme } from '../../../themes';
+import type { Theme } from '../../../themes';
 
 export default (theme: Theme) => ({
   label: {
diff --git a/src/components/ui/toggle/index.tsx b/src/components/ui/toggle/index.tsx
index 878ffecdc..dc426b3a1 100644
--- a/src/components/ui/toggle/index.tsx
+++ b/src/components/ui/toggle/index.tsx
@@ -1,13 +1,13 @@
 import classnames from 'classnames';
-import { Property } from 'csstype';
+import type { Property } from 'csstype';
 import { noop } from 'lodash';
-import { Component, InputHTMLAttributes, ReactElement } from 'react';
-import withStyles, { WithStylesProps } from 'react-jss';
-import { Theme } from '../../../themes';
+import { Component, type InputHTMLAttributes, type ReactElement } from 'react';
+import withStyles, { type WithStylesProps } from 'react-jss';
+import type { Theme } from '../../../themes';
 // biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
 import Error from '../error';
 import Label from '../label';
-import { IFormField } from '../typings/generic';
+import type { IFormField } from '../typings/generic';
 import Wrapper from '../wrapper';
 
 const buttonTransition: string = window?.matchMedia(
diff --git a/src/components/ui/wrapper/index.tsx b/src/components/ui/wrapper/index.tsx
index 450d09fd1..081b13b36 100644
--- a/src/components/ui/wrapper/index.tsx
+++ b/src/components/ui/wrapper/index.tsx
@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { Component, ReactNode } from 'react';
-import injectStyle, { WithStylesProps } from 'react-jss';
+import { Component, type ReactNode } from 'react';
+import injectStyle, { type WithStylesProps } from 'react-jss';
 
 // eslint-disable-next-line no-use-before-define
 interface IProps extends WithStylesProps<typeof styles> {