Use popovers instead of tooltips in inline code quality

What does this MR do?

For #336116 (closed)

Related issues: #2526 (closed), #330909 (closed)

This MR replaces the tooltips in the implementation of inline code quality (#2526 (closed)) with popovers so that we can have more control over the formatting of the text inside of them.

Screenshots

tooltip (before)	default popover	popover - improved (current state of MR)

Screen_Recording_2021-07-27_at_14.26.08

Does this MR meet the acceptance criteria?

Conformity

• I have included changelog trailers, or none are needed. (Does this MR need a changelog?)
• I have added/updated documentation, or it's not needed. (Is documentation required?)
• I have properly separated EE content from FOSS, or this MR is FOSS only. (Where should EE code go?)
• I have added information for database reviewers in the MR description, or it's not needed. (Does this MR have database related changes?)
• I have self-reviewed this MR per code review guidelines.
• This MR does not harm performance, or I have asked a reviewer to help assess the performance impact. (Merge request performance guidelines)
• I have followed the style guides.
• This change is backwards compatible across updates, or this does not apply.

Availability and Testing

• I have added/updated tests following the Testing Guide, or it's not needed. (Consider all test levels. See the Test Planning Process.)
• I have tested this MR in all supported browsers, or it's not needed.
• I have informed the Infrastructure department of a default or new setting change per definition of done, or it's not needed.