createTooltip(tooltipEl, settings = {}) {
    const tooltipAttribute = tooltipEl.getAttribute('data-tooltip');
    const tooltipDataTitle = tooltipEl.getAttribute('data-title');
    const tooltipText = this.interpolate(tooltipDataTitle || tooltipAttribute)
                            .replace(/(?:\r\n|\r|\n)/g, '<br />');

    return tippy(tooltipEl, {
      allowHTML: true,
      trigger: 'mouseenter click focus',
      placement: 'right',
      zIndex: 10000,
      interactive: true,
      ...settings,
      content: this.t(this.sanitize(tooltipText), { _userInput: true }),
    });
  }
Creates the tooltip instance using tippy.js and returns it
@param {HTMLElement} tooltipEl - HTML element to attach the tooltip
@param {object|null|undefined} settings - tippy.js options
@returns {import('tippy.js').Tippy} - tippy.js instance