Replace Qtip Library with Bootstrap Tooltip

[milospp]

VIVO GitHub issue: 3931
Linked VIVO PR

What does this pull request do?

This pull request focuses on the removal of the Qtip library from the project, substituting it with Bootstrap's tooltip that utilizes Popper 2 as its underlying mechanism. The design has been configured to maintain similarity with the previous implementation using Qtip.

What's new?

The Bootstrap tooltip automatically identifies available screen space for display but is limited to top, bottom, left, and right orientations, excluding corners.

Before:

After:

How should this be tested?

On the Individual profile page:

• Hover, Research area icon (#researchAreaIcon)
• Click, Contanct Info link icon (#uriIcon)

On the Search results page:

• Click, download icon (#downloadIcon)

On the MapOfScience page:

• Hover over next elements, #mageIconOne, #exploreInfoIcon, #compareInfoIcon, #imageIconThree

Additional Notes:

• This pull request may impact dependencies, as it involves the removal of the Qtip library and the addition of Popper. Please be mindful of potential issues in this regard.

Interested parties

@VIVO-project/vivo-committers

[gneissone]

Please see review vivo-project/VIVO#3937 (review) for general remarks.

These changes work well with Wilma, but do not work with the default vitro template since vitro does not include bootstrap. Wonder if the tooltips can just be dropped completely in the vitro template, since it was intended to be minimal in the first place...