Fix the drop target moving too fast when picking up a drag and drop item (#1762)

Author: sroy3

webview/src/plots/components/comparisonTable/DropTarget.tsx

@@ -7,8 +7,8 @@ export const DropTarget: React.FC = () => (
     <Icon
       icon={AllIcons.ELLIPSIS}
       className={styles.smallDropIcon}
-      width={20}
-      height={20}
+      width={15}
+      height={15}
     />
   </div>
 )

webview/src/shared/components/dragDrop/DragDropContainer.tsx

@@ -83,15 +83,15 @@ export const DragDropContainer: React.FC<DragDropContainerProps> = ({
 }) => {
   const [draggedOverId, setDraggedOverId] = useState('')
   const [draggedId, setDraggedId] = useState('')
-  const [direction, setDirection] = useState(DragEnterDirection.RIGHT)
+  const [direction, setDirection] = useState(DragEnterDirection.LEFT)
   const { draggedRef, setDraggedRef } =
     useContext<DragDropContextValue>(DragDropContext)
   const draggedOverIdTimeout = useRef<number>(0)
 
   const cleanup = () => {
     setDraggedOverId('')
     setDraggedId('')
-    setDirection(DragEnterDirection.RIGHT)
+    setDirection(DragEnterDirection.LEFT)
   }
 
   useEffect(() => {