fixes/ Semantic Html Issues

[Mubashirshariq]

Fixes #2967

Changes:

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[Mubashirshariq]

@lindapaiste plz review

[lindapaiste]

I wonder if it makes sense to keep the <header> here and remove the one in in the NavBar component instead? It's subjective. It depends on whether we consider the toolbar with the play button etc. to be part of the header or not. I can see the arguments for both ways.

[Mubashirshariq]

In my perspective, centralizing the header in the NavBar component aligns with a cleaner and more cohesive design, emphasizing a unified user interface.

[Mubashirshariq]

But still if you want i will remove the one in the Navbar one and keep this one.

[raclim]

Closing due to addressed by #3130. I'm sorry that we couldn't get this in, but please feel free to check out our other issues!