Resolve "Tooltips flicker when highlighting award emoji"

What does this MR do?

fix flickering. data-boundary defaults to scrollParent, which in this case was .note-body. This means the tooltip often overlaps the button. If your mouse is where the tooltip appears, hovered element rapidly switches between button & tooltip, causing it to flicker.

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

are there any tooltips with this issue that I've missed?

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Conform by the code review guidelines
  • Has been reviewed by a Frontend maintainer
• Conform by the style guides

What are the relevant issue numbers?

Closes #48568 (closed)