Refactor ElipsisText component to integrate Tooltip for truncated text

- Updated the ElipsisText component to conditionally wrap truncated text in a Tooltip, enhancing user experience by providing additional context on hover.
- Simplified the rendering logic by consolidating the content structure, improving code readability and maintainability.

src/components/Dashboard/common/ElipsisText.jsx

@@ -1,6 +1,7 @@
 import { useLayoutEffect, useRef, useState } from 'react'
 import PropTypes from 'prop-types'
 import { Typography } from 'antd'
+import Tooltip from './Tooltip'
 
 const { Text } = Typography
 
@@ -70,13 +71,7 @@ const ElipsisText = ({ children, style, className, title, code, ...rest }) => {
   const showTruncated = truncated && Boolean(end)
   const RootTag = code ? 'code' : 'span'
 
-  return (
-    <Text
-      {...rest}
-      className={['elipsis-text-wrapper', className].filter(Boolean).join(' ')}
-      title={title ?? text}
-      style={style}
-    >
+  const content = (
     <span
       className={showTruncated ? 'elipsis-text is-truncated' : 'elipsis-text'}
       ref={containerRef}
@@ -93,6 +88,15 @@ const ElipsisText = ({ children, style, className, title, code, ...rest }) => {
         </span>
       </RootTag>
     </span>
+  )
+
+  return (
+    <Text
+      {...rest}
+      className={['elipsis-text-wrapper', className].filter(Boolean).join(' ')}
+      style={style}
+    >
+      {truncated ? <Tooltip title={title ?? text}>{content}</Tooltip> : content}
     </Text>
   )
 }