Introduce a callback as prop to React component to track node click in flowchart

[jitu5]

Description

Add a callback function as a prop to the Kedro-Viz React component. This callback will track node clicks, enabling developers to handle node click events outside of the component. This enhancement aims to provide more flexibility and control over interactions within the flowchart and facilitates communication with the Kedro extension to understand which node the user clicked and pass on the node data to the Kedro extension.

Context

This feature will allow users of the Kedro-Viz component to define custom behavior when nodes are clicked. It will be particularly useful for applications that require interactions such as displaying detailed information about a node. Additionally, it enhances communication with the Kedro extension by providing node click data.

Possible Implementation

• Add the onNodeClick prop to the Kedro-Viz component's prop types.
• Update the node click handler within the component to call onNodeClick with appropriate node data.
• Implement the logic to pass node data to the Kedro extension.

This issue is linked to parent ticket #1968

Checklist

• Include labels so that we can categorise your feature request