feat(frontend): add basic print functionality

Co-authored-by: Philip Molares <philip.molares@udo.edu>
Signed-off-by: Erik Michelson <github@erik.michelson.eu>
Signed-off-by: Philip Molares <philip.molares@udo.edu>

frontend/src/hooks/dark-mode/use-dark-mode-state.ts

@@ -1,11 +1,12 @@
 /*
- * SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
+ * SPDX-FileCopyrightText: 2024 The HedgeDoc developers (see AUTHORS file)
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 import { DarkModePreference } from '../../redux/dark-mode/types'
 import { useApplicationState } from '../common/use-application-state'
 import useMediaQuery from '@restart/hooks/useMediaQuery'
+import { useMemo } from 'react'
 
 /**
  * Uses the user settings and the browser preference to determine if dark mode should be used.
@@ -14,7 +15,14 @@ import useMediaQuery from '@restart/hooks/useMediaQuery'
  */
 export const useDarkModeState = (): boolean => {
   const preference = useApplicationState((state) => state.darkMode.darkModePreference)
+  const printModeEnabled = useApplicationState((state) => state.printMode)
   const isBrowserPreferringDark = useMediaQuery('(prefers-color-scheme: dark)')
 
-  return preference === DarkModePreference.DARK || (preference === DarkModePreference.AUTO && isBrowserPreferringDark)
+  return useMemo(() => {
+    if (printModeEnabled) {
+      return false
+    }
+
+    return preference === DarkModePreference.DARK || (preference === DarkModePreference.AUTO && isBrowserPreferringDark)
+  }, [preference, printModeEnabled, isBrowserPreferringDark])
 }