Fix truncation bug in pipeline dropdowns

What does this MR do?

Fix for the bug in pipeline truncation. Also adds the TooltipOnTruncation component, which displays the tooltip only when the entry is truncated.

Still to do

• Get tooltip to display in correct position (this may also fix #57900 (closed))
• Check all instances of the pipeline widget for regressions & consider replacing the CSS with utility classes
• Remove hardcoded data and replace with correct name - status content 😅

What are the relevant issue numbers?

#58712 (closed), #57900 (closed)

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary — N/A
• Documentation created/updated via this MR — N/A
• Documentation reviewed by technical writer or follow-up review issue created — N/A
• Tests added for this feature/bug — N/A
• Tested in all supported browsers
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the database guides — N/A
• Link to e2e tests MR added if this MR has Requires e2e tests label. See the Test Planning Process. — N/A
• Security reports checked/validated by reviewer

Closes #58712 (closed)