Jonas Braathen
--- a/frontend/src/components/page/page.tsx

+ 10

− 2
+++ b/frontend/src/components/page/page.tsx

+ 10

− 2
 import React from 'react'
 import { Helmet } from 'react-helmet'
+import { useTranslation } from 'react-i18next'
 import styled from 'styled-components/macro'
 @@ -17,15 +18,18 @@ const StyledPageHeader = styled.h2`
 @@ -17,15 +18,18 @@ const StyledPageHeader = styled.h2`
 interface IPage {
  children: React.ReactNode
-  header: string
+  header?: string
 }
 export default function Page(props: IPage) {
  const { header, children } = props
+  const { i18n, t } = useTranslation()
+  const appTitle = t('common:header:applicationTitle')
  return (
    <>
-      <Helmet>
+      <Helmet titleTemplate={`%s - ${appTitle}`} defaultTitle={appTitle}>
+        <html lang={i18n.language} />
        <title>{header}</title>
      </Helmet>
      <StyledPage>
 @@ -35,3 +39,7 @@ export default function Page(props: IPage) {
 @@ -35,3 +39,7 @@ export default function Page(props: IPage) {
    </>
  )
 }
+Page.defaultProps = {
+  header: null,
+}