Fix page title missing or invalid on some pages

[HRemonen]

The <title> of the page is critical, because it is the first thing a screen reader user hears. Blind users cannot glance quickly at the content of a web page to see what the page is about, so they rely on the page title to give them this information.

If a page is the result of a user action or scripted change of context, the text of the <title> SHOULD describe the result or change of context to the user. Meaning that for example if the page has tabs that change the content dynamically the title should display the most important thing first and then the page name or the website name separated with "|".

See also

https://dequeuniversity.com/resources/video-tutorial-page-title

https://dequeuniversity.com/checklists/web/page-title

---

Things to consider

React 19 brings the native HTML title element to be used from components.

When React 19 is launched we can get rid of the react-helmet library and migrate