Feat: add data to edges with source and handle info

.gitattributes

@@ -17,4 +17,5 @@
 
 # Denote all files that are truly binary and should not be modified.
 *.png binary
-*.jpg binary
+*.jpg binary
+*.mp4 binary

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -203,6 +203,10 @@ export default function Page({
         addEdge(
           {
             ...params,
+            data: {
+              targetHandle: scapeJSONParse(params.targetHandle!),
+              sourceHandle: scapeJSONParse(params.sourceHandle!),
+            },
             style: { stroke: "#555" },
             className:
               ((scapeJSONParse(params.targetHandle!) as targetHandleType)