Add browser meta tags for favicon and title (#1746)

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

src/hooks/common/use-app-title.ts

@@ -4,13 +4,16 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { useEffect } from 'react'
+import { useMemo } from 'react'
 import { useApplicationState } from './use-application-state'
 
-export const useDocumentTitle = (title?: string): void => {
+/**
+ * Returns the app title with branding if set.
+ */
+export const useAppTitle = (): string => {
   const brandingName = useApplicationState((state) => state.config.branding.name)
 
-  useEffect(() => {
-    document.title = `${title ? title + ' - ' : ''}HedgeDoc ${brandingName ? ` @ ${brandingName}` : ''}`
-  }, [brandingName, title])
+  return useMemo(() => {
+    return 'HedgeDoc' + (brandingName ? ` @ ${brandingName}` : '')
+  }, [brandingName])
 }

src/hooks/common/use-note-title.ts

@@ -6,13 +6,15 @@
 
 import { useTranslation } from 'react-i18next'
 import { useApplicationState } from './use-application-state'
-import { useDocumentTitle } from './use-document-title'
 import { useMemo } from 'react'
 
-export const useDocumentTitleWithNoteTitle = (): void => {
+/**
+ * Returns the title of the note or a placeholder text.
+ */
+export const useNoteTitle = (): string => {
   const { t } = useTranslation()
   const untitledNote = useMemo(() => t('editor.untitledNote'), [t])
   const noteTitle = useApplicationState((state) => state.noteDetails.noteTitle)
 
-  useDocumentTitle(noteTitle === '' ? untitledNote : noteTitle)
+  return useMemo(() => (noteTitle === '' ? untitledNote : noteTitle), [noteTitle, untitledNote])
 }