Prettify vue shared component & improve tests to match guidelines

What does this MR do?

Prettify some vue shared component & improve tests to match guidelines

Does this MR meet the acceptance criteria?

• Review
  • Has been reviewed by Frontend
• Conform by the merge request performance guides
• Conform by the style guides
• Squashed related commits together