fix(ui): fixing run overview truncated tag tooltips on hover

[ArtsiomWB]

Description

There's an issue with tag tooltips on the run overview page. When a tag's text is too long and gets truncated, users should be able to hover over it to see the full text in a tooltip. However, the tooltip functionality is currently inconsistent.

Currently, there's an issue with the tooltip behavior:
The tooltip for a tag only appears after either:

• Adding another tag, or
• Removing any tag

Before these actions, the first tag's tooltip doesn't show up after truncation at all.

Screen.Recording.2024-12-11.at.4.27.01.PM.mov

With my changes below and adding it a state, the tool tips show up on the tags right as you load in the overivew page

Screen.Recording.2024-12-11.at.4.30.44.PM.mov

• Fixes WB-15219

The PR adds useState:
const [isTruncated, setIsTruncated] = useState(false);
to track and make sure that the tag is truncated. That after the tag has been truncated without any elements of the UI being edited, the page remembers and displays the tooltip of the truncated tag right away.

Testing

How was this PR tested?

[github-actions]

CLA Assistant Lite bot:
Thank you for your submission, we really appreciate it. Like many open-source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution. You can sign the CLA by just posting a Pull Request Comment same as the below format.

---

I have read the CLA Document and I hereby sign the CLA

---

_{You can retrigger this bot by commenting recheck in this Pull Request}

[onx2]

one nit, but non-blocking - nice work!