lint and cell copy fix

Author: Deepak-Gnanasekar

frontend/src/widgets/copyable-cell/copyable-cell.css

@@ -1,10 +1,6 @@
 /* Copyable Cell - hover tooltip with copy for table cells */
 
-.copyable-cell {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  min-height: 20px;
+.copyable-cell-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

frontend/src/widgets/copyable-cell/index.js

@@ -62,7 +62,7 @@ function CopyableCell({ children, value, className = "" }) {
   );
 
   if (!textValue) {
-    return <div className={`copyable-cell ${className}`}>{children}</div>;
+    return <span className={className}>{children}</span>;
   }
 
   const truncatedValue =
@@ -89,18 +89,19 @@ function CopyableCell({ children, value, className = "" }) {
   );
 
   return (
-    <Tooltip
-      title={tooltipContent}
-      placement="topLeft"
-      color={token.colorBgElevated}
-      overlayInnerStyle={overlayStyle}
-      mouseEnterDelay={0.4}
-      destroyTooltipOnHide
-    >
-      <div className={`copyable-cell ${className}`} onDoubleClick={doCopy}>
-        {children}
-      </div>
-    </Tooltip>
+    <span className={className}>
+      <Tooltip
+        title={tooltipContent}
+        color={token.colorBgElevated}
+        overlayInnerStyle={overlayStyle}
+        mouseEnterDelay={0.4}
+        destroyTooltipOnHide
+      >
+        <span className="copyable-cell-text" onDoubleClick={doCopy}>
+          {children}
+        </span>
+      </Tooltip>
+    </span>
   );
 }