feat(MR detail): truncate description in header

[gitdallas]

closes: https://issues.redhat.com/browse/RHOAIENG-12026

Description

truncates long descriptions in the header for mr details

How Has This Been Tested?

ran locally

Test Impact

no logical change, no test impact

Request review criteria:

description is truncated if it would extend multiple lines, on hover a tooltip will show up

Self checklist (all need to be checked):

• The developer has manually tested the changes and verified that the changes work
• Testing instructions have been added in the PR body (for PRs involving changes that are not immediately obvious).
• The developer has added tests or explained why testing cannot be added (unit or cypress tests for related changes)

If you have UI changes:

• Included any necessary screenshots or gifs if it was a UI change.
• Included tags to the UX team if it was a UI/UX change.

After the PR is posted & before it merges:

• The developer has tested their solution on a cluster by using the image produced by the PR to main

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 85.21%. Comparing base (3174a74) to head (241863f).
Report is 10 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3138      +/-   ##
==========================================
+ Coverage   85.20%   85.21%   +0.01%     
==========================================
  Files        1244     1244              
  Lines       27117    27117              
  Branches     7152     7152              
==========================================
+ Hits        23104    23109       +5     
+ Misses       4013     4008       -5     

Files with missing lines	Coverage Δ
...creens/ModelVersionDetails/ModelVersionDetails.tsx	90.32% <100.00%> (ø)
...elRegistry/screens/ModelVersions/ModelVersions.tsx	100.00% <100.00%> (ø)
...odelVersionsArchive/ModelVersionArchiveDetails.tsx	100.00% <100.00%> (ø)
...redModelsArchive/RegisteredModelArchiveDetails.tsx	96.15% <100.00%> (ø)

... and 3 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3174a74...241863f. Read the comment docs.

[ppadti]

@gitdallas I think we have to truncate the description in few more pages as mentioned in the ticket - version details page, archived model details page and archived version details page.

[manaswinidas]

All looks good. But the layout changes a little in Model version Details page. The dropdown and Actions button look like this(earlier they were positioned horizontally from side-to-side, now they are vertical) while truncating big descriptions. @yih-wang is this expected?

[yih-wang]

Update: Just talked to @yannnz and she kinda likes to keep this layout for pipeline screen. So for consistency consideration, let's hold off on this change. Need further discussion of whether we want to modify the layout here for model registry solely.

@manaswinidas Good catch!
I raised this issue to the post-mvp scope during my overall review. Not sure how large the issue is to be addressed in this pr. I'm okay with addressing this either in this PR or leaving it for the post-MVP.
Also, this issue might come from the pipeline code we're reusing since the pipeline version details page also has the same layout issue. It will be great if we can address this issue in both places together.

[manaswinidas]

Thanks @yih-wang for the clarification!

[manaswinidas]

/lgtm

[mturley]

LGTM, thanks @gitdallas

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: manaswinidas, mturley

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS [mturley]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment