[apache#4641] fix(web): improvement scroll bar on the catalog detail …

…page ellipsis display (apache#5271)

### What changes were proposed in this pull request?

improvement scroll bar on the catalog detail page ellipsis display

![image](https://github.com/user-attachments/assets/de7e44ea-0c37-4b34-ab52-c171259e3bf2)

Fix: apache#4641

### Does this PR introduce _any_ user-facing change?
N/A

### How was this patch tested?
manually

web/web/src/components/DetailsDrawer.js

@@ -205,16 +205,19 @@ const DetailsDrawer = props => {
                 {properties.map((item, index) => {
                   return (
                     <TableRow key={index} data-refer={`details-props-index-${index}`}>
-                      <TableCell className={'twc-py-[0.7rem]'} data-refer={`details-props-key-${item.key}`}>
+                      <TableCell
+                        className={'twc-py-[0.7rem] twc-truncate twc-max-w-[134px]'}
+                        data-refer={`details-props-key-${item.key}`}
+                      >
                         <Tooltip
                           title={<span data-refer={`tip-details-props-key-${item.key}`}>{item.key}</span>}
                           placement='bottom'
                         >
-                          {item.key.length > 22 ? `${item.key.substring(0, 22)}...` : item.key}
+                          {item.key}
                         </Tooltip>
                       </TableCell>
                       <TableCell
-                        className={'twc-py-[0.7rem]'}
+                        className={'twc-py-[0.7rem] twc-truncate twc-max-w-[134px]'}
                         data-refer={`details-props-value-${item.value}`}
                         data-prev-refer={`details-props-key-${item.key}`}
                       >
@@ -224,7 +227,7 @@ const DetailsDrawer = props => {
                             title={<span data-prev-refer={`tip-details-props-key-${item.key}`}>{item.value}</span>}
                             placement='bottom'
                           >
-                            {item.value.length > 22 ? `${item.value.substring(0, 22)}...` : item.value}
+                            {item.value}
                           </Tooltip>
                         )}
                       </TableCell>