Fix the tooltip position of copy value and JSON Buttton (#1650)

Resolves #1649 

![Screenshot 2023-08-09
045507](https://github.com/jaegertracing/jaeger-ui/assets/81948346/774c75fd-bacf-42f0-9db4-87fce92a1bc3)

## Checklist
- [x] I have read
https://github.com/jaegertracing/jaeger/blob/master/CONTRIBUTING_GUIDELINES.md
- [x] I have signed all commits
- [ ] I have added unit tests for the new functionality

---------

Signed-off-by: Anik Dhabal Babu <adhabal2002@gamil.com>
Signed-off-by: Anik Dhabal Babu <adhabal2002@gmail.com>
Co-authored-by: Anik Dhabal Babu <adhabal2002@gamil.com>
Co-authored-by: Yuri Shkuro <yurishkuro@users.noreply.github.com>

packages/jaeger-ui/src/components/TraceDiff/TraceDiffGraph/__snapshots__/renderNode.test.js.snap

@@ -26,7 +26,7 @@ exports[`drawNode diffNode renders as expected when props.a and props.b are the
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
               icon="copy"
-              placement="left"
+              placement="top"
               tooltipTitle="Copy label"
             />
           </td>
@@ -72,7 +72,7 @@ exports[`drawNode diffNode renders as expected when props.a and props.b are the
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
             icon="copy"
-            placement="left"
+            placement="top"
             tooltipTitle="Copy label"
           />
         </td>
@@ -120,7 +120,7 @@ exports[`drawNode diffNode renders as expected when props.a is 0 1`] = `
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
               icon="copy"
-              placement="left"
+              placement="top"
               tooltipTitle="Copy label"
             />
           </td>
@@ -186,7 +186,7 @@ exports[`drawNode diffNode renders as expected when props.a is 0 1`] = `
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
             icon="copy"
-            placement="left"
+            placement="top"
             tooltipTitle="Copy label"
           />
         </td>
@@ -249,7 +249,7 @@ exports[`drawNode diffNode renders as expected when props.a is less than props.b
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
               icon="copy"
-              placement="left"
+              placement="top"
               tooltipTitle="Copy label"
             />
           </td>
@@ -315,7 +315,7 @@ exports[`drawNode diffNode renders as expected when props.a is less than props.b
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
             icon="copy"
-            placement="left"
+            placement="top"
             tooltipTitle="Copy label"
           />
         </td>
@@ -378,7 +378,7 @@ exports[`drawNode diffNode renders as expected when props.a is more than props.b
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
               icon="copy"
-              placement="left"
+              placement="top"
               tooltipTitle="Copy label"
             />
           </td>
@@ -444,7 +444,7 @@ exports[`drawNode diffNode renders as expected when props.a is more than props.b
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
             icon="copy"
-            placement="left"
+            placement="top"
             tooltipTitle="Copy label"
           />
         </td>
@@ -507,7 +507,7 @@ exports[`drawNode diffNode renders as expected when props.b is 0 1`] = `
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
               icon="copy"
-              placement="left"
+              placement="top"
               tooltipTitle="Copy label"
             />
           </td>
@@ -573,7 +573,7 @@ exports[`drawNode diffNode renders as expected when props.b is 0 1`] = `
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
             icon="copy"
-            placement="left"
+            placement="top"
             tooltipTitle="Copy label"
           />
         </td>
@@ -631,7 +631,7 @@ exports[`drawNode diffNode renders as expected when props.isUiFindMatch is true
               className="DiffNode--copyIcon"
               copyText="serviceName operationName"
               icon="copy"
-              placement="left"
+              placement="top"
               tooltipTitle="Copy label"
             />
           </td>
@@ -677,7 +677,7 @@ exports[`drawNode diffNode renders as expected when props.isUiFindMatch is true
             className="DiffNode--copyIcon"
             copyText="serviceName operationName"
             icon="copy"
-            placement="left"
+            placement="top"
             tooltipTitle="Copy label"
           />
         </td>

packages/jaeger-ui/src/components/common/CopyIcon.tsx

@@ -38,7 +38,7 @@ export default class CopyIcon extends React.PureComponent<PropsType, StateType>
   static defaultProps: Partial<PropsType> = {
     className: undefined,
     icon: 'copy',
-    placement: 'left',
+    placement: 'top',
   };
 
   state = {
@@ -64,7 +64,7 @@ export default class CopyIcon extends React.PureComponent<PropsType, StateType>
     return (
       <Tooltip
         arrowPointAtCenter
-        mouseLeaveDelay={0.1}
+        mouseLeaveDelay={0}
         onVisibleChange={this.handleTooltipVisibilityChange}
         placement={this.props.placement}
         title={this.state.hasCopied ? 'Copied' : this.props.tooltipTitle}

packages/jaeger-ui/src/components/common/__snapshots__/CopyIcon.test.js.snap

@@ -5,9 +5,9 @@ exports[`<CopyIcon /> renders as expected 1`] = `
   arrowPointAtCenter={true}
   autoAdjustOverflow={true}
   mouseEnterDelay={0.1}
-  mouseLeaveDelay={0.1}
+  mouseLeaveDelay={0}
   onVisibleChange={[Function]}
-  placement="left"
+  placement="top"
   title="tooltipTitleValue"
   transitionName="zoom-big-fast"
 >