SONAR-21718 Fixing branch or pull request name overflowing out of the dropdown issue

server/sonar-web/src/main/js/app/components/nav/component/branch-like/CurrentBranchLike.tsx

@@ -34,7 +34,7 @@ export function CurrentBranchLike(props: CurrentBranchLikeProps) {
   const displayName = getBranchLikeDisplayName(currentBranchLike);
 
   return (
-    <div className="sw-flex sw-items-center text-ellipsis">
+    <div className="sw-flex sw-items-center sw-truncate">
       <BranchLikeIcon branchLike={currentBranchLike} />
       <TextMuted text={displayName} className="sw-ml-3" />
       <QualityGateStatus branchLike={currentBranchLike} className="sw-ml-4" />

server/sonar-web/src/main/js/app/components/nav/component/branch-like/MenuItem.tsx

@@ -46,7 +46,7 @@ export function MenuItem(props: MenuItemProps) {
         onSelect(branchLike);
       }}
     >
-      <div className="sw-flex sw-items-center sw-justify-between text-ellipsis sw-flex-1">
+      <div className="sw-flex sw-items-center sw-justify-between sw-truncate sw-flex-1">
         <div className="sw-flex sw-items-center">
           <BranchLikeIcon branchLike={branchLike} />