Resolve "MR refactor: Performance costs of main element with `v-if`"

What does this MR do?

Changed couple of v-if on root elements of some components in the Vue MR component tree to be v-if already outside on the parent component.

Are there points in the code the reviewer needs to double check?

Check if all v-if from inside are the same also on the outside.

Why was this MR needed?

Improve performance.

Does this MR meet the acceptance criteria?

• Conform by the code review guidelines
  • Has been reviewed by a Frontend maintainer
• Conform by the merge request performance guides
• Conform by the style guides
• Conform by the database guides
• If you have multiple commits, please combine them into a few logically organized commits by squashing them
• Internationalization required/considered
• End-to-end tests pass (package-and-qa manual pipeline job)

What are the relevant issue numbers?

Closes #48898 (closed)