Frontend: Replace the tooltip component with popovers

Overview

This proposal came out from @marcel.amirault #285493 (comment 1256763386)

And inspired by the work Tufts University Solution Validation: CI/CD onb... (ux-research#2500 - closed)

Proposal

Current implementation - example	Popover

• Design tab 👉
• Figma prototype 🔗

Original comment - for future iterations

So, I wonder if one thing we can do is expand the amount of information we display in the tooltip. For example, with a regular job, we show things like:

• running:
• failed (allowed to fail):

Unfortunately trigger jobs show no useful information in the tooltip:

• 
• 

But downstream pipeline cards DO show useful information:

• 
• 

So as one way to help improve the UX here, what if we make use of that "wasted" trigger job tooltip to show some more useful information? Some initial ideas, but needs a bit more thought cc @sunjungp

• Downstream pipeline #12345678 triggered (trigger job allowed to fail)
  Pipeline #12345678 running
• Downstream pipeline #12345678 failed to trigger (trigger job allowed to fail)
• Downstream pipeline #12345678 triggered
  Pipeline #12345678 failed
• Downstream pipeline #12345678 triggered (pipeline status mirrored in trigger job)
  Pipeline #12345678 allowed to fail