Upgrade node modules

9 files changed, 110 insertions, 78 deletions

diff --git a/src/components/auth/AuthLayout.tsx b/src/components/auth/AuthLayout.tsx
index eeb93b83b..67e898318 100644
--- a/src/components/auth/AuthLayout.tsx
+++ b/src/components/auth/AuthLayout.tsx
@@ -1,24 +1,24 @@
+import { mdiFlash } from '@mdi/js';
+import type { Response } from 'electron';
+import { TitleBar } from 'electron-react-titlebar/renderer';
+import { observer } from 'mobx-react';
 import {
-  cloneElement,
   Component,
-  MouseEventHandler,
-  ReactElement,
+  type MouseEventHandler,
+  type ReactElement,
+  cloneElement,
 } from 'react';
-import { observer } from 'mobx-react';
-import { TitleBar } from 'electron-react-titlebar/renderer';
-import { injectIntl, WrappedComponentProps } from 'react-intl';
-import { mdiFlash } from '@mdi/js';
-import { Response } from 'electron';
-import Link from '../ui/Link';
-import InfoBar from '../ui/InfoBar';
+import { type WrappedComponentProps, injectIntl } from 'react-intl';
+import { serverName } from '../../api/apiBase';
+import { GITHUB_FERDIUM_URL } from '../../config';
+import { isWindows } from '../../environment';
 import { Component as PublishDebugInfo } from '../../features/publishDebugInfo';
 import { updateVersionParse } from '../../helpers/update-helpers';
 import globalMessages from '../../i18n/globalMessages';
-import { isWindows } from '../../environment';
 import AppUpdateInfoBar from '../AppUpdateInfoBar';
-import { GITHUB_FERDIUM_URL } from '../../config';
+import InfoBar from '../ui/InfoBar';
+import Link from '../ui/Link';
 import Icon from '../ui/icon';
-import { serverName } from '../../api/apiBase';
 
 export interface IProps extends WrappedComponentProps {
   children: ReactElement;
diff --git a/src/components/auth/ChangeServer.tsx b/src/components/auth/ChangeServer.tsx
index c49e52673..665e8f6f9 100644
--- a/src/components/auth/ChangeServer.tsx
+++ b/src/components/auth/ChangeServer.tsx
@@ -1,19 +1,23 @@
-import { Component, FormEvent, ReactElement } from 'react';
-import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiArrowLeftCircle } from '@mdi/js';
 import { noop } from 'lodash';
+import { observer } from 'mobx-react';
+import { Component, type FormEvent, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import { LIVE_FERDIUM_API, LIVE_FRANZ_API } from '../../config';
+import { url, required } from '../../helpers/validation-helpers';
+import globalMessages from '../../i18n/globalMessages';
 import Form from '../../lib/Form';
-import Input from '../ui/input/index';
+import Infobox from '../ui/Infobox';
+import Link from '../ui/Link';
 import Select from '../ui/Select';
 import Button from '../ui/button';
-import Link from '../ui/Link';
-import Infobox from '../ui/Infobox';
-import { url, required } from '../../helpers/validation-helpers';
-import { LIVE_FERDIUM_API, LIVE_FRANZ_API } from '../../config';
-import globalMessages from '../../i18n/globalMessages';
 import { H1 } from '../ui/headline';
 import Icon from '../ui/icon';
+import Input from '../ui/input/index';
 
 const messages = defineMessages({
   headline: {
diff --git a/src/components/auth/Invite.tsx b/src/components/auth/Invite.tsx
index 0d39d861a..93441abe3 100644
--- a/src/components/auth/Invite.tsx
+++ b/src/components/auth/Invite.tsx
@@ -1,16 +1,20 @@
-import { Component } from 'react';
-import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
-import { Link } from 'react-router-dom';
 import classnames from 'classnames';
 import { noop } from 'lodash';
-import Infobox from '../ui/Infobox';
-import Appear from '../ui/effects/Appear';
-import Form from '../../lib/Form';
+import { observer } from 'mobx-react';
+import { Component } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import { Link } from 'react-router-dom';
 import { email, required } from '../../helpers/validation-helpers';
-import Input from '../ui/input/index';
+import Form from '../../lib/Form';
+import Infobox from '../ui/Infobox';
 import Button from '../ui/button';
+import Appear from '../ui/effects/Appear';
 import { H1 } from '../ui/headline';
+import Input from '../ui/input/index';
 
 const messages = defineMessages({
   settingsHeadline: {
diff --git a/src/components/auth/Locked.tsx b/src/components/auth/Locked.tsx
index 34d010782..46ce24a2e 100644
--- a/src/components/auth/Locked.tsx
+++ b/src/components/auth/Locked.tsx
@@ -1,13 +1,17 @@
 import { systemPreferences } from '@electron/remote';
-import { Component } from 'react';
-import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { noop } from 'lodash';
+import { observer } from 'mobx-react';
+import { Component } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import { isMac } from '../../environment';
 import Form from '../../lib/Form';
-import Input from '../ui/input/index';
 import Button from '../ui/button';
 import { H1 } from '../ui/headline';
-import { isMac } from '../../environment';
+import Input from '../ui/input/index';
 
 const messages = defineMessages({
   headline: {
diff --git a/src/components/auth/Login.tsx b/src/components/auth/Login.tsx
index 9bad731c8..37ce595eb 100644
--- a/src/components/auth/Login.tsx
+++ b/src/components/auth/Login.tsx
@@ -1,19 +1,23 @@
-import { Component, FormEvent, ReactElement } from 'react';
-import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiArrowLeftCircle } from '@mdi/js';
 import { noop } from 'lodash';
-import Icon from '../ui/icon';
+import { observer } from 'mobx-react';
+import { Component, type FormEvent, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import type { GlobalError } from '../../@types/ferdium-components.types';
+import { serverBase } from '../../api/apiBase'; // TODO: Remove this line after fixing password recovery in-app
 import { LIVE_FRANZ_API } from '../../config';
 import { API_VERSION } from '../../environment-remote';
-import { serverBase } from '../../api/apiBase'; // TODO: Remove this line after fixing password recovery in-app
+import { email, required } from '../../helpers/validation-helpers';
 import Form from '../../lib/Form';
-import { required, email } from '../../helpers/validation-helpers';
-import Input from '../ui/input/index';
-import Button from '../ui/button';
 import Link from '../ui/Link';
+import Button from '../ui/button';
 import { H1 } from '../ui/headline';
-import { GlobalError } from '../../@types/ferdium-components.types';
+import Icon from '../ui/icon';
+import Input from '../ui/input/index';
 
 const messages = defineMessages({
   headline: {
diff --git a/src/components/auth/Password.tsx b/src/components/auth/Password.tsx
index 03adc3859..6f398c3fb 100644
--- a/src/components/auth/Password.tsx
+++ b/src/components/auth/Password.tsx
@@ -1,16 +1,20 @@
-import { Component, FormEvent } from 'react';
 import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
+import { Component, type FormEvent } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
 
 import { noop } from 'lodash';
+import { email, required } from '../../helpers/validation-helpers';
+import globalMessages from '../../i18n/globalMessages';
 import Form from '../../lib/Form';
-import { required, email } from '../../helpers/validation-helpers';
-import Input from '../ui/input/index';
-import Button from '../ui/button';
-import Link from '../ui/Link';
 import Infobox from '../ui/Infobox';
-import globalMessages from '../../i18n/globalMessages';
+import Link from '../ui/Link';
+import Button from '../ui/button';
 import { H1 } from '../ui/headline';
+import Input from '../ui/input/index';
 
 const messages = defineMessages({
   headline: {
diff --git a/src/components/auth/SetupAssistant.tsx b/src/components/auth/SetupAssistant.tsx
index c25495471..c1965dbb4 100644
--- a/src/components/auth/SetupAssistant.tsx
+++ b/src/components/auth/SetupAssistant.tsx
@@ -1,17 +1,21 @@
-import { Component } from 'react';
-import { observer } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
-import withStyles, { WithStylesProps } from 'react-jss';
 import classnames from 'classnames';
-import Input from '../ui/input/index';
-import Button from '../ui/button';
-import Badge from '../ui/badge';
-import Modal from '../ui/Modal';
+import { observer } from 'mobx-react';
+import { Component } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import withStyles, { type WithStylesProps } from 'react-jss';
+import { CDN_URL } from '../../config';
+import globalMessages from '../../i18n/globalMessages';
 import Infobox from '../ui/Infobox';
+import Modal from '../ui/Modal';
+import Badge from '../ui/badge';
+import Button from '../ui/button';
 import Appear from '../ui/effects/Appear';
-import globalMessages from '../../i18n/globalMessages';
-import { CDN_URL } from '../../config';
 import { H1, H2 } from '../ui/headline';
+import Input from '../ui/input/index';
 
 const SLACK_ID = 'slack';
 
diff --git a/src/components/auth/Signup.tsx b/src/components/auth/Signup.tsx
index 06a9774aa..84974fd07 100644
--- a/src/components/auth/Signup.tsx
+++ b/src/components/auth/Signup.tsx
@@ -1,18 +1,22 @@
-import { Component } from 'react';
-import { observer, inject } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiArrowLeftCircle } from '@mdi/js';
 import { noop } from 'lodash';
+import { inject, observer } from 'mobx-react';
+import { Component } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import type { GlobalError } from '../../@types/ferdium-components.types';
+import type { Actions } from '../../actions/lib/actions';
+import { serverBase } from '../../api/apiBase';
+import { email, minLength, required } from '../../helpers/validation-helpers';
 import Form from '../../lib/Form';
-import { required, email, minLength } from '../../helpers/validation-helpers';
-import Input from '../ui/input/index';
-import Button from '../ui/button';
 import Link from '../ui/Link';
-import Icon from '../ui/icon';
-import { serverBase } from '../../api/apiBase';
+import Button from '../ui/button';
 import { H1 } from '../ui/headline';
-import { GlobalError } from '../../@types/ferdium-components.types';
-import { Actions } from '../../actions/lib/actions';
+import Icon from '../ui/icon';
+import Input from '../ui/input/index';
 
 const messages = defineMessages({
   headline: {
diff --git a/src/components/auth/Welcome.tsx b/src/components/auth/Welcome.tsx
index c1a2db386..ec1c167c0 100644
--- a/src/components/auth/Welcome.tsx
+++ b/src/components/auth/Welcome.tsx
@@ -1,14 +1,18 @@
-import { Component, ReactElement } from 'react';
-import { observer, inject } from 'mobx-react';
-import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { noop } from 'lodash';
-import serverlessLogin from '../../helpers/serverless-helpers';
-import shuffleArray from '../../helpers/array-helpers';
+import { inject, observer } from 'mobx-react';
+import { Component, type ReactElement } from 'react';
+import {
+  type WrappedComponentProps,
+  defineMessages,
+  injectIntl,
+} from 'react-intl';
+import type { StoresProps } from '../../@types/ferdium-components.types';
 import { serverName } from '../../api/apiBase';
+import shuffleArray from '../../helpers/array-helpers';
+import serverlessLogin from '../../helpers/serverless-helpers';
+import type RecipePreview from '../../models/RecipePreview';
 import Link from '../ui/Link';
 import { H1 } from '../ui/headline';
-import { StoresProps } from '../../@types/ferdium-components.types';
-import RecipePreview from '../../models/RecipePreview';
 
 const messages = defineMessages({
   signupButton: {