Add support for multiple tooltips in the same Vue component

What does this MR do?

EE MR, https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/2051

• Add support for multiple tooltips in the same Vue component, v-tooltip directive

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

Why was this MR needed?

• Using ref="tooltip" multiple times in the same Vue component will only result in the last(source-order) to actually have a tooltip.

---

We want to avoid .has-tooltip and data-toggle="tooltip" in Vue files.

Does this MR meet the acceptance criteria?

• Update developer docs, https://docs.gitlab.com/ce/development/fe_guide/style_guide_js.html#vue-and-boostrap
• Tests
  • Added for this feature/bug
  • 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?

Closes #33223 (closed)