fix(frontend): reformat source files

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

frontend/src/components/application-loader/application-loader.tsx

@@ -3,14 +3,13 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { PropsWithChildren } from 'react'
-import React, { Fragment, Suspense, useMemo } from 'react'
+import { Logger } from '../../utils/logger'
+import { ApplicationLoaderError } from './application-loader-error'
 import { createSetUpTaskList } from './initializers'
 import { LoadingScreen } from './loading-screen/loading-screen'
-import { Logger } from '../../utils/logger'
+import type { PropsWithChildren } from 'react'
+import React, { Fragment, Suspense, useMemo } from 'react'
 import { useAsync } from 'react-use'
-import { ApplicationLoaderError } from './application-loader-error'
 
 const log = new Logger('ApplicationLoader')
 

frontend/src/components/application-loader/initializers/fetch-frontend-config.ts

@@ -3,7 +3,6 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
 import { getConfig } from '../../../api/config'
 import { setConfig } from '../../../redux/config/methods'
 

frontend/src/components/application-loader/initializers/index.ts

@@ -3,14 +3,13 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import { setUpI18n } from './setupI18n'
 import { refreshHistoryState } from '../../../redux/history/methods'
+import { Logger } from '../../../utils/logger'
+import { isDevMode, isTestMode } from '../../../utils/test-modes'
 import { fetchAndSetUser } from '../../login-page/auth/utils'
 import { fetchFrontendConfig } from './fetch-frontend-config'
 import { loadDarkMode } from './load-dark-mode'
-import { isDevMode, isTestMode } from '../../../utils/test-modes'
-import { Logger } from '../../../utils/logger'
+import { setUpI18n } from './setupI18n'
 
 const logger = new Logger('Application Loader')
 

frontend/src/components/application-loader/initializers/load-dark-mode.ts

@@ -3,11 +3,11 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import { setDarkModePreference } from '../../../redux/dark-mode/methods'
-import { Logger } from '../../../utils/logger'
-import { isClientSideRendering } from '../../../utils/is-client-side-rendering'
-import { DarkModePreference } from '../../../redux/dark-mode/types'
 import { DARK_MODE_LOCAL_STORAGE_KEY } from '../../../hooks/common/use-apply-dark-mode'
+import { setDarkModePreference } from '../../../redux/dark-mode/methods'
+import { DarkModePreference } from '../../../redux/dark-mode/types'
+import { isClientSideRendering } from '../../../utils/is-client-side-rendering'
+import { Logger } from '../../../utils/logger'
 
 const logger = new Logger('Dark mode initializer')
 

frontend/src/components/application-loader/initializers/setupI18n.ts

@@ -3,14 +3,13 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
+import { isDevMode } from '../../../utils/test-modes'
 import type { ResourceKey } from 'i18next'
 import i18n, { use as i18nUse } from 'i18next'
 import LanguageDetector from 'i18next-browser-languagedetector'
 import resourcesToBackend from 'i18next-resources-to-backend'
 import { Settings } from 'luxon'
 import { initReactI18next } from 'react-i18next'
-import { isDevMode } from '../../../utils/test-modes'
 
 /**
  * Set up the internationalisation framework i18n.

frontend/src/components/application-loader/loading-screen/icon-row.tsx

@@ -3,11 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React, { useMemo } from 'react'
 import { createNumberRangeArray } from '../../common/number-range/number-range'
-import { RandomIcon } from './random-icon'
 import styles from './animations.module.scss'
+import { RandomIcon } from './random-icon'
+import React, { useMemo } from 'react'
 
 /**
  * Shows a number of {@link RandomIcon random icons in a row}.

frontend/src/components/application-loader/loading-screen/loading-animation.tsx

@@ -3,12 +3,11 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React, { useMemo } from 'react'
-import styles from './animations.module.scss'
 import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
-import { IconRow } from './icon-row'
 import { createNumberRangeArray } from '../../common/number-range/number-range'
+import styles from './animations.module.scss'
+import { IconRow } from './icon-row'
+import React, { useMemo } from 'react'
 
 export interface HedgeDocLogoProps {
   error: boolean

frontend/src/components/application-loader/loading-screen/loading-screen.tsx

@@ -3,13 +3,12 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
+import { ShowIf } from '../../common/show-if/show-if'
+import styles from '../application-loader.module.scss'
+import { LoadingAnimation } from './loading-animation'
 import type { ReactElement } from 'react'
 import React from 'react'
 import { Alert } from 'react-bootstrap'
-import { LoadingAnimation } from './loading-animation'
-import { ShowIf } from '../../common/show-if/show-if'
-import styles from '../application-loader.module.scss'
 
 export interface LoadingScreenProps {
   errorMessage?: string | ReactElement

frontend/src/components/application-loader/loading-screen/random-icon.tsx

@@ -3,11 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React, { useEffect, useState } from 'react'
-import type { IconName } from '../../common/fork-awesome/types'
 import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
+import type { IconName } from '../../common/fork-awesome/types'
 import styles from './animations.module.scss'
+import React, { useEffect, useState } from 'react'
 
 const elements: IconName[] = [
   'file-text',