chore: added tests

got 50.72% code coverage. Not sure if it is feasible to mock import behaviour

ref: N25B-189

src/pages/VisProgPage/visualProgrammingUI/components/SaveLoadPanel.tsx

@@ -1,8 +1,8 @@
-import React from "react";
 import useFlowStore from "../VisProgStores";
 import styles from "../../VisProg.module.css";
-import { useReactFlow, type Edge } from "@xyflow/react";
+import {type Edge } from "@xyflow/react";
 import type { AppNode } from "../VisProgTypes";
+import { cleanup } from "@testing-library/react";
 
 type SavedProject = {
   version: 1;
@@ -14,7 +14,7 @@ type SavedProject = {
 
 
 
-function makeProjectBlob(name: string, nodes: AppNode[], edges: Edge[]): Blob {
+export function makeProjectBlob(name: string, nodes: AppNode[], edges: Edge[]): Blob {
   const payload = {
     version: 1,
     name,
@@ -109,9 +109,7 @@ export default function SaveLoadPanel() {
       }
 
       //We clear all the current edges and nodes
-      setEdges([]);
-      setNodes([]);
-
+      cleanup();
       //set all loaded nodes and edges into the VisProg
       const loadedNodes = proj.nodes as AppNode[];
       const loadedEdges = proj.edges as Edge[];