feat: added title based tooltips and updated handle styling to reflect in and output handles

ref: N25B-450

src/pages/VisProgPage/visualProgrammingUI/nodes/StartNode.tsx

@@ -58,7 +58,7 @@ export default function StartNode(props: NodeProps<StartNode>) {
         </div>
         <SingleConnectionHandle type="source" position={Position.Right} id="source" rules={[
           allowOnlyConnectionsFromHandle([{nodeType:"phase",handleId:"target"}])
-        ]}/>
+        ]} title="Connect to a phaseNode"/>
       </div>
     </>
   );