[Feature] Add dynamic titles

[devtobi]

Relevant template

refarch-frontend

Problem description (optional)

Currently the application title is set statically inside the html file. It would be better if the title gets updated dynamically and thus resembled the navigation structure of the application.

Desired solution

We should add additional metadata to the routes (e.g. title field) and update the title dynamically when navigation happens (e.g via a beforeEach or afterEach route guard)

Considered alternatives (optional)

Maybe a more sophisticated solution like https://vue-meta.nuxtjs.org/ or https://unhead.unjs.io/setup/vue/installation might be better.

Additional context (optional)

No response

No duplicate

• I confirm that this issue is not a duplicate

Code of Conduct

• I agree to follow this project's Code of Conduct