Use vue files for navigation tabs and buttons

What does this MR do?

Use vue files for navigation tabs and buttons components

Does this MR meet the acceptance criteria?

• Tests
  • All builds are passing
• Conform by the merge request performance guides
• Conform by the style guides
• Branch has no merge conflicts with master (if it does - rebase it please)
• Squashed related commits together

What are the relevant issue numbers?

#31349 (closed)