fix(frontend): reformat source files

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

frontend/src/pages/[id].tsx

@@ -3,14 +3,13 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React from 'react'
 import { getNote } from '../api/notes'
-import type { NextPage } from 'next'
-import { useAsync } from 'react-use'
 import { Redirect } from '../components/common/redirect'
 import { useSingleStringUrlParameter } from '../hooks/common/use-single-string-url-parameter'
 import Custom404 from './404'
+import type { NextPage } from 'next'
+import React from 'react'
+import { useAsync } from 'react-use'
 
 /**
  * Redirects the user to the editor if the link is a root level direct link to a version 1 note.

frontend/src/pages/_app.tsx

@@ -3,19 +3,19 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { AppInitialProps, AppProps } from 'next/app'
-import { ErrorBoundary } from '../components/error-boundary/error-boundary'
-import { ApplicationLoader } from '../components/application-loader/application-loader'
 import '../../global-styles/dark.scss'
 import '../../global-styles/index.scss'
-import { BaseHead } from '../components/layout/base-head'
-import { StoreProvider } from '../redux/store-provider'
-import { UiNotificationBoundary } from '../components/notifications/ui-notification-boundary'
-import { ExpectedOriginBoundary } from '../utils/uri-origin-boundary'
-import React from 'react'
+import { ApplicationLoader } from '../components/application-loader/application-loader'
 import { BaseUrlContextProvider } from '../components/common/base-url/base-url-context-provider'
 import type { BaseUrls } from '../components/common/base-url/base-url-context-provider'
+import { ErrorBoundary } from '../components/error-boundary/error-boundary'
+import { BaseHead } from '../components/layout/base-head'
+import { UiNotificationBoundary } from '../components/notifications/ui-notification-boundary'
+import { StoreProvider } from '../redux/store-provider'
 import { BaseUrlFromEnvExtractor } from '../utils/base-url-from-env-extractor'
+import { ExpectedOriginBoundary } from '../utils/uri-origin-boundary'
+import type { AppInitialProps, AppProps } from 'next/app'
+import React from 'react'
 
 interface AppPageProps {
   baseUrls: BaseUrls | undefined

frontend/src/pages/api/mock-backend/private/alias.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { Alias, NewAliasDto } from '../../../../api/alias/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse) => {
   respondToMatchingRequest<Alias>(

frontend/src/pages/api/private/config.ts

@@ -3,10 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextApiRequest, NextApiResponse } from 'next'
 import type { Config } from '../../../api/config/types'
 import { AuthProviderType } from '../../../api/config/types'
 import { HttpMethod, respondToMatchingRequest } from '../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse) => {
   respondToMatchingRequest<Config>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/groups/_EVERYONE.ts

@@ -3,9 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { GroupInfo } from '../../../../api/group/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse) => {
   respondToMatchingRequest<GroupInfo>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/groups/_LOGGED_IN.ts

@@ -3,9 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { GroupInfo } from '../../../../api/group/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse) => {
   respondToMatchingRequest<GroupInfo>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/groups/hedgedoc-devs.ts

@@ -3,9 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { GroupInfo } from '../../../../api/group/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse) => {
   respondToMatchingRequest<GroupInfo>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/me/history.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { HistoryEntry } from '../../../../api/history/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse) => {
   respondToMatchingRequest<HistoryEntry[]>(HttpMethod.GET, req, res, [

frontend/src/pages/api/private/me/index.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { LoginUserInfo } from '../../../../api/me/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<LoginUserInfo>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/me/media.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { MediaUpload } from '../../../../api/media/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 /*
  * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)

frontend/src/pages/api/private/media.ts

@@ -3,11 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
 import type { MediaUpload } from '../../../api/media/types'
 import { HttpMethod, respondToMatchingRequest } from '../../../handler-utils/respond-to-matching-request'
 import { isMockMode, isTestMode } from '../../../utils/test-modes'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse): Promise<void> => {
   if (isMockMode && !isTestMode) {

frontend/src/pages/api/private/notes/features/index.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../../handler-utils/respond-to-matching-request'
 import type { Note } from '../../../../../api/notes/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<Note>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/notes/features/revisions/0.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../../../handler-utils/respond-to-matching-request'
 import type { RevisionDetails } from '../../../../../../api/revisions/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<RevisionDetails>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/notes/features/revisions/1.ts

@@ -3,9 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../../../handler-utils/respond-to-matching-request'
 import type { RevisionDetails } from '../../../../../../api/revisions/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<RevisionDetails>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/notes/features/revisions/index.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../../../handler-utils/respond-to-matching-request'
 import type { RevisionMetadata } from '../../../../../../api/revisions/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<RevisionMetadata[]>(HttpMethod.GET, req, res, [

frontend/src/pages/api/private/notes/index.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { Note } from '../../../../api/notes/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<Note>(

frontend/src/pages/api/private/notes/slide-example/index.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../../handler-utils/respond-to-matching-request'
 import type { Note } from '../../../../../api/notes/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<Note>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/tokens.ts

@@ -3,9 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextApiRequest, NextApiResponse } from 'next'
 import type { AccessToken } from '../../../api/tokens/types'
 import { HttpMethod, respondToMatchingRequest } from '../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse) => {
   respondToMatchingRequest<AccessToken[]>(HttpMethod.GET, req, res, [

frontend/src/pages/api/private/users/erik.ts

@@ -3,9 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { UserInfo } from '../../../../api/users/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<UserInfo>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/users/molly.ts

@@ -3,10 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { UserInfo } from '../../../../api/users/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<UserInfo>(HttpMethod.GET, req, res, {

frontend/src/pages/api/private/users/tilman.ts

@@ -3,9 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
 import type { UserInfo } from '../../../../api/users/types'
+import { HttpMethod, respondToMatchingRequest } from '../../../../handler-utils/respond-to-matching-request'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = (req: NextApiRequest, res: NextApiResponse): void => {
   respondToMatchingRequest<UserInfo>(HttpMethod.GET, req, res, {

frontend/src/pages/history.tsx

@@ -3,15 +3,15 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import React, { useEffect } from 'react'
-import type { NextPage } from 'next'
-import { Trans, useTranslation } from 'react-i18next'
-import { HistoryToolbar } from '../components/history-page/history-toolbar/history-toolbar'
-import { Row } from 'react-bootstrap'
 import { HistoryContent } from '../components/history-page/history-content/history-content'
-import { LandingLayout } from '../components/landing-layout/landing-layout'
-import { HistoryToolbarStateContextProvider } from '../components/history-page/history-toolbar/toolbar-context/history-toolbar-state-context-provider'
+import { HistoryToolbar } from '../components/history-page/history-toolbar/history-toolbar'
 import { useSafeRefreshHistoryStateCallback } from '../components/history-page/history-toolbar/hooks/use-safe-refresh-history-state'
+import { HistoryToolbarStateContextProvider } from '../components/history-page/history-toolbar/toolbar-context/history-toolbar-state-context-provider'
+import { LandingLayout } from '../components/landing-layout/landing-layout'
+import type { NextPage } from 'next'
+import React, { useEffect } from 'react'
+import { Row } from 'react-bootstrap'
+import { Trans, useTranslation } from 'react-i18next'
 
 /**
  * The page that shows the local and remote note history.

frontend/src/pages/intro.tsx

@@ -3,19 +3,19 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { NextPage } from 'next'
-import { LandingLayout } from '../components/landing-layout/landing-layout'
-import { EditorToRendererCommunicatorContextProvider } from '../components/editor-page/render-context/editor-to-renderer-communicator-context-provider'
+import { Branding } from '../components/common/branding/branding'
 import {
   HedgeDocLogoSize,
   HedgeDocLogoType,
   HedgeDocLogoWithText
 } from '../components/common/hedge-doc-logo/hedge-doc-logo-with-text'
-import { Trans } from 'react-i18next'
-import { Branding } from '../components/common/branding/branding'
+import { EditorToRendererCommunicatorContextProvider } from '../components/editor-page/render-context/editor-to-renderer-communicator-context-provider'
 import { CoverButtons } from '../components/intro-page/cover-buttons/cover-buttons'
-import React from 'react'
 import { IntroCustomContent } from '../components/intro-page/intro-custom-content'
+import { LandingLayout } from '../components/landing-layout/landing-layout'
+import type { NextPage } from 'next'
+import React from 'react'
+import { Trans } from 'react-i18next'
 
 /**
  * Renders the intro page with the logo and the customizable intro text.

frontend/src/pages/login.tsx

@@ -3,20 +3,19 @@
 
  SPDX-License-Identifier: AGPL-3.0-only
  */
-
+import type { AuthProviderWithCustomName } from '../api/config/types'
+import { AuthProviderType } from '../api/config/types'
+import { RedirectBack } from '../components/common/redirect-back'
+import { ShowIf } from '../components/common/show-if/show-if'
+import { LandingLayout } from '../components/landing-layout/landing-layout'
+import { filterOneClickProviders } from '../components/login-page/auth/utils'
+import { ViaLdap } from '../components/login-page/auth/via-ldap'
+import { ViaLocal } from '../components/login-page/auth/via-local'
+import { ViaOneClick } from '../components/login-page/auth/via-one-click'
+import { useApplicationState } from '../hooks/common/use-application-state'
 import React, { useMemo } from 'react'
 import { Card, Col, Row } from 'react-bootstrap'
 import { Trans, useTranslation } from 'react-i18next'
-import { ShowIf } from '../components/common/show-if/show-if'
-import { ViaLocal } from '../components/login-page/auth/via-local'
-import { ViaLdap } from '../components/login-page/auth/via-ldap'
-import { ViaOneClick } from '../components/login-page/auth/via-one-click'
-import { useApplicationState } from '../hooks/common/use-application-state'
-import { LandingLayout } from '../components/landing-layout/landing-layout'
-import { RedirectBack } from '../components/common/redirect-back'
-import type { AuthProviderWithCustomName } from '../api/config/types'
-import { AuthProviderType } from '../api/config/types'
-import { filterOneClickProviders } from '../components/login-page/auth/utils'
 
 /**
  * Renders the login page with buttons and fields for the enabled auth providers.

frontend/src/pages/n/[noteId].tsx

@@ -3,12 +3,11 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React from 'react'
+import { NoteLoadingBoundary } from '../../components/common/note-loading-boundary/note-loading-boundary'
+import { EditorPageContent } from '../../components/editor-page/editor-page-content'
 import { EditorToRendererCommunicatorContextProvider } from '../../components/editor-page/render-context/editor-to-renderer-communicator-context-provider'
 import type { NextPage } from 'next'
-import { EditorPageContent } from '../../components/editor-page/editor-page-content'
-import { NoteLoadingBoundary } from '../../components/common/note-loading-boundary/note-loading-boundary'
+import React from 'react'
 
 /**
  * Renders a page that is used by the user to edit markdown notes. It contains the editor and a renderer.

frontend/src/pages/new.tsx

@@ -3,14 +3,13 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { NextPage } from 'next'
-import { useSingleStringUrlParameter } from '../hooks/common/use-single-string-url-parameter'
-import { useAsync } from 'react-use'
 import { createNote } from '../api/notes'
 import { AsyncLoadingBoundary } from '../components/common/async-loading-boundary'
 import { Redirect } from '../components/common/redirect'
 import { CommonErrorPage } from '../components/error-pages/common-error-page'
+import { useSingleStringUrlParameter } from '../hooks/common/use-single-string-url-parameter'
+import type { NextPage } from 'next'
+import { useAsync } from 'react-use'
 
 /**
  * Creates a new note, optionally including the passed content and redirects to that note.

frontend/src/pages/p/[noteId].tsx

@@ -3,12 +3,11 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React from 'react'
-import { EditorToRendererCommunicatorContextProvider } from '../../components/editor-page/render-context/editor-to-renderer-communicator-context-provider'
-import { SlideShowPageContent } from '../../components/slide-show-page/slide-show-page-content'
-import { NoteAndAppTitleHead } from '../../components/layout/note-and-app-title-head'
 import { NoteLoadingBoundary } from '../../components/common/note-loading-boundary/note-loading-boundary'
+import { EditorToRendererCommunicatorContextProvider } from '../../components/editor-page/render-context/editor-to-renderer-communicator-context-provider'
+import { NoteAndAppTitleHead } from '../../components/layout/note-and-app-title-head'
+import { SlideShowPageContent } from '../../components/slide-show-page/slide-show-page-content'
+import React from 'react'
 
 /**
  * Renders a page that is used by the user to hold a presentation. It contains the renderer for the presentation.

frontend/src/pages/profile.tsx

@@ -3,18 +3,17 @@
 
  SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React from 'react'
-import { Col, Row } from 'react-bootstrap'
-import { useApplicationState } from '../hooks/common/use-application-state'
+import { AuthProviderType } from '../api/config/types'
+import { Redirect } from '../components/common/redirect'
 import { ShowIf } from '../components/common/show-if/show-if'
+import { LandingLayout } from '../components/landing-layout/landing-layout'
 import { ProfileAccessTokens } from '../components/profile-page/access-tokens/profile-access-tokens'
 import { ProfileAccountManagement } from '../components/profile-page/account-management/profile-account-management'
 import { ProfileChangePassword } from '../components/profile-page/settings/profile-change-password'
 import { ProfileDisplayName } from '../components/profile-page/settings/profile-display-name'
-import { LandingLayout } from '../components/landing-layout/landing-layout'
-import { Redirect } from '../components/common/redirect'
-import { AuthProviderType } from '../api/config/types'
+import { useApplicationState } from '../hooks/common/use-application-state'
+import React from 'react'
+import { Col, Row } from 'react-bootstrap'
 
 /**
  * Profile page that includes forms for changing display name, password (if internal login is used),

frontend/src/pages/register.tsx

@@ -3,27 +3,26 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
+import { doLocalRegister } from '../api/auth/local'
+import { RegisterError as RegisterErrorType } from '../api/auth/types'
+import { DisplayNameField } from '../components/common/fields/display-name-field'
+import { NewPasswordField } from '../components/common/fields/new-password-field'
+import { PasswordAgainField } from '../components/common/fields/password-again-field'
+import { UsernameField } from '../components/common/fields/username-field'
+import { Redirect } from '../components/common/redirect'
+import { LandingLayout } from '../components/landing-layout/landing-layout'
+import { fetchAndSetUser } from '../components/login-page/auth/utils'
+import { useUiNotifications } from '../components/notifications/ui-notification-boundary'
+import { RegisterError } from '../components/register-page/register-error/register-error'
+import { RegisterInfos } from '../components/register-page/register-infos/register-infos'
+import { useApplicationState } from '../hooks/common/use-application-state'
+import { useOnInputChange } from '../hooks/common/use-on-input-change'
+import type { NextPage } from 'next'
+import { useRouter } from 'next/router'
 import type { FormEvent } from 'react'
 import React, { useCallback, useMemo, useState } from 'react'
 import { Button, Card, Col, Form, Row } from 'react-bootstrap'
 import { Trans, useTranslation } from 'react-i18next'
-import { doLocalRegister } from '../api/auth/local'
-import { useApplicationState } from '../hooks/common/use-application-state'
-import { fetchAndSetUser } from '../components/login-page/auth/utils'
-import { RegisterError as RegisterErrorType } from '../api/auth/types'
-import { RegisterInfos } from '../components/register-page/register-infos/register-infos'
-import { UsernameField } from '../components/common/fields/username-field'
-import { DisplayNameField } from '../components/common/fields/display-name-field'
-import { NewPasswordField } from '../components/common/fields/new-password-field'
-import { PasswordAgainField } from '../components/common/fields/password-again-field'
-import { useOnInputChange } from '../hooks/common/use-on-input-change'
-import { RegisterError } from '../components/register-page/register-error/register-error'
-import { LandingLayout } from '../components/landing-layout/landing-layout'
-import { useRouter } from 'next/router'
-import type { NextPage } from 'next'
-import { Redirect } from '../components/common/redirect'
-import { useUiNotifications } from '../components/notifications/ui-notification-boundary'
 
 /**
  * Renders the registration page with fields for username, display name, password, password retype and information about terms and conditions.

frontend/src/pages/render.tsx

@@ -3,11 +3,11 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import React from 'react'
-import { useApplyDarkMode } from '../hooks/common/use-apply-dark-mode'
-import { IframeMarkdownRenderer } from '../components/render-page/iframe-markdown-renderer'
 import { RendererToEditorCommunicatorContextProvider } from '../components/editor-page/render-context/renderer-to-editor-communicator-context-provider'
+import { IframeMarkdownRenderer } from '../components/render-page/iframe-markdown-renderer'
+import { useApplyDarkMode } from '../hooks/common/use-apply-dark-mode'
 import type { NextPage } from 'next'
+import React from 'react'
 
 /**
  * Renders the actual markdown renderer that receives the content and meta data via iframe communication.

frontend/src/pages/s/[noteId].tsx

@@ -3,15 +3,14 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React from 'react'
-import { useApplyDarkMode } from '../../hooks/common/use-apply-dark-mode'
 import { MotdModal } from '../../components/common/motd-modal/motd-modal'
+import { NoteLoadingBoundary } from '../../components/common/note-loading-boundary/note-loading-boundary'
+import { DocumentReadOnlyPageContent } from '../../components/document-read-only-page/document-read-only-page-content'
 import { AppBar, AppBarMode } from '../../components/editor-page/app-bar/app-bar'
 import { EditorToRendererCommunicatorContextProvider } from '../../components/editor-page/render-context/editor-to-renderer-communicator-context-provider'
-import { DocumentReadOnlyPageContent } from '../../components/document-read-only-page/document-read-only-page-content'
 import { NoteAndAppTitleHead } from '../../components/layout/note-and-app-title-head'
-import { NoteLoadingBoundary } from '../../components/common/note-loading-boundary/note-loading-boundary'
+import { useApplyDarkMode } from '../../hooks/common/use-apply-dark-mode'
+import React from 'react'
 
 /**
  * Renders a page that contains only the rendered document without an editor or realtime updates.