Re-implement breakage note with close button and without tooltipster

[lenacohen]

• Re-implement the Google sign-in breakage note to move it from the end of the DOM to a logical place for screenreader users
  • Tooltipster does not have an option for this and seemed to undo moving the tooltip root in functionReady
• Made closing the tooltip more clear/accessible by removing click to close and adding a close button (with slightly different styling than Add close icon to breakage note tooltip #3034). This also allows users to highlight/copy text without it closing the tooltip.

Closes #3034

[lenacohen]

Current implementation:

Slightly different margin and placement for the close button (with existing tooltip shown for comparison):

[ghostwords]

The sign-in note may take up more header space, depending on the language. In English, the note covers the show/hide sliders header (with the "what is a tracker" link), at least on sites with enough domains like nytimes.com. In Russian, the note will also cover most of the Badger logo and top right corner icons.

I don't think we want to be able to tab through things obscured by the note. I also think the note should be the first thing we tab to, followed by the domain toggle the note points to.

Maybe showing the note should gray out header elements and remove them from tab order? (I'm not sure how to solve this yet, but it seems like this is a problem.)