feat: enhance canvas and node components with improved edge handling and new node features

- Refactored canvas toolbar to utilize new canvas placement context for node creation.
- Updated node components (compare, group, image, note, prompt, text) to include source and target handles for better edge management.
- Improved edge intersection handling during node drag operations for enhanced user experience.
- Added utility functions for edge identification and node positioning to streamline interactions.

lib/canvas-utils.ts

@@ -55,12 +55,14 @@ export const NODE_HANDLE_MAP: Record<
   string,
   { source?: string; target?: string }
 > = {
-  image: { source: undefined },
-  text: { source: undefined },
+  image: { source: undefined, target: undefined },
+  text: { source: undefined, target: undefined },
   prompt: { source: "prompt-out", target: "image-in" },
   "ai-image": { source: "image-out", target: "prompt-in" },
+  group: { source: undefined, target: undefined },
   frame: { source: "frame-out", target: "frame-in" },
-  compare: { target: "left" },
+  note: { source: undefined, target: undefined },
+  compare: { source: "compare-out", target: "left" },
 };
 
 /**