feat: added Norm nodes and an extra handle on phase nodes

ref: N25B-114

src/visualProgrammingUI/components/NodeDefinitions.tsx

@@ -10,6 +10,7 @@ type defaultNodeData = {
 
 type startNodeData = defaultNodeData;
 type endNodeData = defaultNodeData;
+type normNodeData = defaultNodeData;
 type phaseNodeData = defaultNodeData & {
     number: number;
 };
@@ -85,9 +86,26 @@ export const PhaseNode= ({ id, data }: PhaseNodeProps) => {
             <div className="default-node">
                 <div> phase {data.number} {data.label} </div>
                 <Handle type="target" position={Position.Left} id="target" />
+                <Handle type="target" position={Position.Bottom } id="norms" />
                 <Handle type="source" position={Position.Right} id="source" />
             </div>
         </>
     );
 };
 
+type NormNodeProps = {
+    id: string;
+    data: normNodeData;
+};
+
+export const NormNode= ({ id, data }: NormNodeProps) => {
+    return (
+        <>
+            <Toolbar nodeId={id} />
+            <div className="default-node">
+                <div> Norm {data.label} </div>
+                <Handle type="source" position={Position.Right} id="NormSource" />
+            </div>
+        </>
+    );
+};