feature : added truncation and tooltip to patientview timeline track labels

[anantJjain]

Fix cBioPortal/cbioportal#10448

Describe changes proposed in this pull request:

• Used the already existing TruncatedText class/component limiting the maxLength value to 8(for labels with length < = 10) or if label length>10 dividing it by a factor of 1.5 which was previously set to 20 characters long.
• After getting truncated the text label shows a tooltip(when hovered) displaying the complete track label.
• Defined a minimum width of the parent div of the span containing the track label based on the length of track label.

Any screenshots or GIFs?

Before:

After:

Notify reviewers

@alisman @inodb
Kindly check this PR and let me know if I am missing out on something.

[netlify]

✅ Deploy Preview for cbioportalfrontend ready!

Name	Link
🔨 Latest commit	2e5691a
🔍 Latest deploy log	https://app.netlify.com/sites/cbioportalfrontend/deploys/65e6dc3628f25d00084c0eac
😎 Deploy Preview	https://deploy-preview-4864--cbioportalfrontend.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[alisman]

@anantJjain thanks for looking at this. there's still a problem. it seems that the label "pane" width is dynamic but then the labels get truncated inside unnecessarily. see if there's a way

[anantJjain]

Sure @alisman,will look into it.