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

ref: N25B-114

src/visualProgrammingUI/VisProgUI.tsx

@@ -21,7 +21,8 @@ import '@xyflow/react/dist/style.css';
 import {
     StartNode,
     EndNode,
-    PhaseNode
+    PhaseNode,
+    NormNode
 } from "./components/NodeDefinitions.tsx";
 
 import { Sidebar } from './components/DragDropSidebar.tsx';
@@ -30,6 +31,7 @@ const nodeTypes = {
     start: StartNode,
     end: EndNode,
     phase: PhaseNode,
+    norm: NormNode
 };
 
 const initialNodes = [
@@ -67,8 +69,6 @@ const VisProgUI = ()=>  {
     const [nodes, , onNodesChange] = useNodesState(initialNodes);
     const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
 
-
-
     const onConnect = useCallback(
         (params: Edge | Connection) => setEdges((els) => addEdge(params, els)),
         [setEdges],