Upgrade node modules

12 files changed, 140 insertions, 91 deletions

diff --git a/src/components/settings/SettingsLayout.tsx b/src/components/settings/SettingsLayout.tsx
index f96ad7394..17f8c3e33 100644
--- a/src/components/settings/SettingsLayout.tsx
+++ b/src/components/settings/SettingsLayout.tsx
@@ -1,12 +1,16 @@
-import { Component, PropsWithChildren, ReactElement } from 'react';
-import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiClose } from '@mdi/js';
+import { observer } from 'mobx-react';
+import { Component, type PropsWithChildren, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 import { Outlet } from 'react-router-dom';
-import ErrorBoundary from '../util/ErrorBoundary';
+import { isEscKeyPress } from '../../jsUtils';
 import Appear from '../ui/effects/Appear';
 import Icon from '../ui/icon';
-import { isEscKeyPress } from '../../jsUtils';
+import ErrorBoundary from '../util/ErrorBoundary';
 
 const messages = defineMessages({
   closeSettings: {
diff --git a/src/components/settings/account/AccountDashboard.tsx b/src/components/settings/account/AccountDashboard.tsx
index eab019084..76b4ce14e 100644
--- a/src/components/settings/account/AccountDashboard.tsx
+++ b/src/components/settings/account/AccountDashboard.tsx
@@ -1,18 +1,22 @@
-import { Component } from 'react';
 import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
+import { Component } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 import { H1, H2 } from '../../ui/headline';
 
-import Loader from '../../ui/loader';
-import Button from '../../ui/button';
-import Infobox from '../../ui/infobox/index';
 import {
   DEFAULT_LOADER_COLOR,
-  LOCAL_SERVER,
   LIVE_FRANZ_API,
+  LOCAL_SERVER,
 } from '../../../config';
-import User from '../../../models/User';
+import type User from '../../../models/User';
+import Button from '../../ui/button';
+import Infobox from '../../ui/infobox/index';
+import Loader from '../../ui/loader';
 
 const messages = defineMessages({
   headline: {
diff --git a/src/components/settings/navigation/SettingsNavigation.tsx b/src/components/settings/navigation/SettingsNavigation.tsx
index 66763c6a6..0504b6553 100644
--- a/src/components/settings/navigation/SettingsNavigation.tsx
+++ b/src/components/settings/navigation/SettingsNavigation.tsx
@@ -1,12 +1,16 @@
-import { Component } from 'react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { inject, observer } from 'mobx-react';
+import { Component } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 import { NavLink } from 'react-router-dom';
-import { StoresProps } from '../../../@types/ferdium-components.types';
+import type { StoresProps } from '../../../@types/ferdium-components.types';
 import {
-  LOCAL_SERVER,
   LIVE_FERDIUM_API,
   LIVE_FRANZ_API,
+  LOCAL_SERVER,
 } from '../../../config';
 import globalMessages from '../../../i18n/globalMessages';
 
diff --git a/src/components/settings/releaseNotes/ReleaseNotesDashboard.tsx b/src/components/settings/releaseNotes/ReleaseNotesDashboard.tsx
index 9b17e551c..1afc17491 100644
--- a/src/components/settings/releaseNotes/ReleaseNotesDashboard.tsx
+++ b/src/components/settings/releaseNotes/ReleaseNotesDashboard.tsx
@@ -1,7 +1,7 @@
-import { Component } from 'react';
-import { observer } from 'mobx-react';
-import { IntlShape, defineMessages, injectIntl } from 'react-intl';
 import Markdown from 'markdown-to-jsx';
+import { observer } from 'mobx-react';
+import { Component } from 'react';
+import { type IntlShape, defineMessages, injectIntl } from 'react-intl';
 import { ferdiumVersion } from '../../../environment-remote';
 import {
   getFerdiumVersion,
diff --git a/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx b/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
index 4a6fe54f4..23db7141e 100644
--- a/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
+++ b/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
@@ -1,14 +1,18 @@
-import { Component } from 'react';
 import { inject, observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
+import { Component } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 
 import { mdiClose } from '@mdi/js';
 import { Outlet } from 'react-router-dom';
-import ErrorBoundary from '../../util/ErrorBoundary';
+import type { Actions } from '../../../actions/lib/actions';
+import { isEscKeyPress } from '../../../jsUtils';
 import Appear from '../../ui/effects/Appear';
 import Icon from '../../ui/icon';
-import { isEscKeyPress } from '../../../jsUtils';
-import { Actions } from '../../../actions/lib/actions';
+import ErrorBoundary from '../../util/ErrorBoundary';
 
 const messages = defineMessages({
   closeSettings: {
diff --git a/src/components/settings/services/EditServiceForm.tsx b/src/components/settings/services/EditServiceForm.tsx
index 520cb3c46..69893c16c 100644
--- a/src/components/settings/services/EditServiceForm.tsx
+++ b/src/components/settings/services/EditServiceForm.tsx
@@ -1,25 +1,29 @@
-import { Component, FormEvent, ReactElement } from 'react';
-import { observer } from 'mobx-react';
-import { Link } from 'react-router-dom';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiInformation } from '@mdi/js';
 import { noop } from 'lodash';
-import Form from '../../../lib/Form';
-import Tabs from '../../ui/Tabs/Tabs';
-import TabItem from '../../ui/Tabs/TabItem';
-import Input from '../../ui/input/index';
-import Toggle from '../../ui/toggle';
-import Slider from '../../ui/Slider';
-import Button from '../../ui/button';
-import ImageUpload from '../../ui/imageUpload';
-import Select from '../../ui/Select';
+import { observer } from 'mobx-react';
+import { Component, type FormEvent, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import { Link } from 'react-router-dom';
 import { isMac } from '../../../environment';
+import { normalizedUrl } from '../../../helpers/url-helpers';
 import globalMessages from '../../../i18n/globalMessages';
-import Icon from '../../ui/icon';
+import type Form from '../../../lib/Form';
+import type { IRecipe } from '../../../models/Recipe';
+import type Service from '../../../models/Service';
+import Select from '../../ui/Select';
+import Slider from '../../ui/Slider';
+import TabItem from '../../ui/Tabs/TabItem';
+import Tabs from '../../ui/Tabs/Tabs';
+import Button from '../../ui/button';
 import { H3 } from '../../ui/headline';
-import { IRecipe } from '../../../models/Recipe';
-import Service from '../../../models/Service';
-import { normalizedUrl } from '../../../helpers/url-helpers';
+import Icon from '../../ui/icon';
+import ImageUpload from '../../ui/imageUpload';
+import Input from '../../ui/input/index';
+import Toggle from '../../ui/toggle';
 
 const messages = defineMessages({
   saveService: {
diff --git a/src/components/settings/services/ServiceError.tsx b/src/components/settings/services/ServiceError.tsx
index 87efdeb96..426565547 100644
--- a/src/components/settings/services/ServiceError.tsx
+++ b/src/components/settings/services/ServiceError.tsx
@@ -1,7 +1,11 @@
-import { Component, ReactElement } from 'react';
 import { observer } from 'mobx-react';
+import { Component, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 import { Link } from 'react-router-dom';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import Infobox from '../../ui/Infobox';
 import Button from '../../ui/button';
 
diff --git a/src/components/settings/services/ServiceItem.tsx b/src/components/settings/services/ServiceItem.tsx
index 35b63b160..7df59f1d2 100644
--- a/src/components/settings/services/ServiceItem.tsx
+++ b/src/components/settings/services/ServiceItem.tsx
@@ -1,10 +1,14 @@
-import { Component, ReactElement } from 'react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
-import { Tooltip as ReactTooltip } from 'react-tooltip';
-import { observer } from 'mobx-react';
-import classnames from 'classnames';
 import { mdiBellOff, mdiMessageBulletedOff, mdiPower } from '@mdi/js';
-import ServiceModel from '../../../models/Service';
+import classnames from 'classnames';
+import { observer } from 'mobx-react';
+import { Component, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import { Tooltip as ReactTooltip } from 'react-tooltip';
+import type ServiceModel from '../../../models/Service';
 import Icon from '../../ui/icon';
 
 const messages = defineMessages({
diff --git a/src/components/settings/services/ServicesDashboard.tsx b/src/components/settings/services/ServicesDashboard.tsx
index b8c3ce3f0..e63898ae5 100644
--- a/src/components/settings/services/ServicesDashboard.tsx
+++ b/src/components/settings/services/ServicesDashboard.tsx
@@ -1,16 +1,20 @@
-import { Component, ReactElement } from 'react';
+import type { To } from 'history';
 import { observer } from 'mobx-react';
+import { Component, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 import { Link } from 'react-router-dom';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
-import { To } from 'history';
-import SearchInput from '../../ui/SearchInput';
-import Infobox from '../../ui/Infobox';
-import Loader from '../../ui/loader';
+import type Service from '../../../models/Service';
 import FAB from '../../ui/FAB';
-import ServiceItem from './ServiceItem';
+import Infobox from '../../ui/Infobox';
+import SearchInput from '../../ui/SearchInput';
 import Appear from '../../ui/effects/Appear';
 import { H1 } from '../../ui/headline';
-import Service from '../../../models/Service';
+import Loader from '../../ui/loader';
+import ServiceItem from './ServiceItem';
 
 const messages = defineMessages({
   headline: {
diff --git a/src/components/settings/settings/EditSettingsForm.tsx b/src/components/settings/settings/EditSettingsForm.tsx
index 81cfe8b12..598158e20 100644
--- a/src/components/settings/settings/EditSettingsForm.tsx
+++ b/src/components/settings/settings/EditSettingsForm.tsx
@@ -1,31 +1,20 @@
 import { systemPreferences } from '@electron/remote';
-import { Component, ReactElement } from 'react';
-import { observer } from 'mobx-react';
-import prettyBytes from 'pretty-bytes';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiGithub, mdiOpenInNew, mdiPowerPlug } from '@mdi/js';
 import { noop } from 'lodash';
-import Form from '../../../lib/Form';
-import Button from '../../ui/button';
-import Toggle from '../../ui/toggle';
-import Select from '../../ui/Select';
-import Input from '../../ui/input/index';
-import ColorPickerInput from '../../ui/colorPickerInput';
-import Infobox from '../../ui/Infobox';
-import { H1, H2, H3, H5 } from '../../ui/headline';
+import { observer } from 'mobx-react';
+import prettyBytes from 'pretty-bytes';
+import { Component, type ReactElement } from 'react';
 import {
-  ferdiumVersion,
-  userDataCertsPath,
-  userDataPath,
-  userDataRecipesPath,
-} from '../../../environment-remote';
-import { updateVersionParse } from '../../../helpers/update-helpers';
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 import {
   DEFAULT_ACCENT_COLOR,
   DEFAULT_APP_SETTINGS,
   FERDIUM_TRANSLATION,
-  GITHUB_FRANZ_URL,
   GITHUB_FERDIUM_URL,
+  GITHUB_FRANZ_URL,
   SPLIT_COLUMNS_MAX,
   SPLIT_COLUMNS_MIN,
 } from '../../../config';
@@ -35,10 +24,25 @@ import {
   isWindows,
   lockFerdiumShortcutKey,
 } from '../../../environment';
+import {
+  ferdiumVersion,
+  userDataCertsPath,
+  userDataPath,
+  userDataRecipesPath,
+} from '../../../environment-remote';
+import { updateVersionParse } from '../../../helpers/update-helpers';
 import { openExternalUrl, openPath } from '../../../helpers/url-helpers';
 import globalMessages from '../../../i18n/globalMessages';
-import Icon from '../../ui/icon';
+import type Form from '../../../lib/Form';
+import Infobox from '../../ui/Infobox';
+import Select from '../../ui/Select';
 import Slider from '../../ui/Slider';
+import Button from '../../ui/button';
+import ColorPickerInput from '../../ui/colorPickerInput';
+import { H1, H2, H3, H5 } from '../../ui/headline';
+import Icon from '../../ui/icon';
+import Input from '../../ui/input/index';
+import Toggle from '../../ui/toggle';
 
 const debug = require('../../../preload-safe-debug')(
   'Ferdium:EditSettingsForm',
diff --git a/src/components/settings/team/TeamDashboard.tsx b/src/components/settings/team/TeamDashboard.tsx
index 96613373e..b2d5aa6d5 100644
--- a/src/components/settings/team/TeamDashboard.tsx
+++ b/src/components/settings/team/TeamDashboard.tsx
@@ -1,16 +1,20 @@
 // TODO: Is this feature even being used? If not, then we can cleanup this code
 
-import { Component, ReactElement } from 'react';
+import classnames from 'classnames';
 import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
+import { Component, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import withStyles, { type WithStylesProps } from 'react-jss';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
-import withStyles, { WithStylesProps } from 'react-jss';
-import classnames from 'classnames';
-import Loader from '../../ui/loader';
-import Button from '../../ui/button';
+import { DEFAULT_LOADER_COLOR, LIVE_FRANZ_API } from '../../../config';
 import Infobox from '../../ui/Infobox';
+import Button from '../../ui/button';
 import { H1 } from '../../ui/headline';
-import { DEFAULT_LOADER_COLOR, LIVE_FRANZ_API } from '../../../config';
+import Loader from '../../ui/loader';
 
 const messages = defineMessages({
   headline: {
diff --git a/src/components/settings/user/EditUserForm.tsx b/src/components/settings/user/EditUserForm.tsx
index 5a2a5a83e..f4b84166a 100644
--- a/src/components/settings/user/EditUserForm.tsx
+++ b/src/components/settings/user/EditUserForm.tsx
@@ -1,14 +1,23 @@
-import { Component, FormEvent, FormEventHandler, ReactElement } from 'react';
+import { noop } from 'lodash';
 import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
+import {
+  Component,
+  type FormEvent,
+  type FormEventHandler,
+  type ReactElement,
+} from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 import { Link } from 'react-router-dom';
-import { noop } from 'lodash';
-import Input from '../../ui/input/index';
-import Form from '../../../lib/Form';
-import Button from '../../ui/button';
-import Radio from '../../ui/Radio';
+import type Form from '../../../lib/Form';
 import Infobox from '../../ui/Infobox';
+import Radio from '../../ui/Radio';
+import Button from '../../ui/button';
 import { H2 } from '../../ui/headline';
+import Input from '../../ui/input/index';
 
 const messages = defineMessages({
   headline: {