[KED-2144] Scrolling on Kedro-Viz throws errors when pipeline is empty (

#342)

* added checks for infinity or NaN values for zoom

* further include zoom actions with checks

* moved and added comments

* added tests to test for invalid zoom values

* update according to PR comment

* deleted tests ( more proper test set up for flowchart zoom will commence in seperate ticket)

* move check before scaling operations

src/components/flowchart/index.js

@@ -200,6 +200,12 @@ export class FlowChart extends Component {
       // When zoom changes
       .on('zoom', () => {
         const { k: scale, x, y } = event.transform;
+
+        // Ensure valid x and y values before performing zoom operations
+        if (!isFinite(x) || !isFinite(y) || isNaN(x) || isNaN(y)) {
+          return;
+        }
+
         const [
           minScale = 0,
           maxScale = Infinity