chore(backport release-1.3): fix(ui): graph edge glitch (#3615)

Co-authored-by: Mayursinh Sarvaiya <[email protected]>

Author: akuitybot

ui/src/features/project/pipelines/graph.tsx

@@ -81,6 +81,7 @@ export const Graph = memo((props: GraphProps) => {
       minZoom={0.1}
       nodesConnectable={false}
       nodesDraggable={false}
+      proOptions={{ hideAttribution: true }}
     >
       <Controls />
     </ReactFlow>

ui/src/features/project/pipelines/nodes/custom-node.tsx

@@ -91,7 +91,8 @@ CustomNode.Container = (props: PropsWithChildren<{ stage?: Stage; warehouse?: Wa
         type='target'
         position={Position.Left}
         style={{
-          backgroundColor: 'transparent'
+          backgroundColor: 'transparent',
+          top: '48%'
         }}
       />
       <div className={styles.container}>{props.children}</div>
@@ -100,7 +101,8 @@ CustomNode.Container = (props: PropsWithChildren<{ stage?: Stage; warehouse?: Wa
         type='source'
         position={Position.Right}
         style={{
-          backgroundColor: 'transparent'
+          backgroundColor: 'transparent',
+          top: '48%'
         }}
       />
     </>