Refactor onSave and onCancel to track both layout and widgetArray useState() in order to restore state on cancel

client/src/components/Canvas/views/Home.jsx

@@ -13,7 +13,7 @@ import { v4 as uuid } from 'uuid';
 
 export default function Home({...props}) {
   // deconstructing props
-  const { view, layout, setLayout, setOriginalLayout,  onLayoutChange, onChangeView, onCancel, 
+  const { view, layout, setLayout, setOriginalLayout,  onLayoutChange, onChangeView, onCancel, setOriginalWidgets,
     isDelete, setIsDelete, beginEditIfNeeded, isEditable, setIsEditable, widgetArray, setWidgetArray } = props;
 
   // const onAddWidget = (ID, w, h, minw, minh, maxw, maxh) => {

client/src/components/Dashboard.jsx

@@ -19,9 +19,8 @@ export default function Dashboard() {
 
   const beginEditIfNeeded = () => {
     if ( !isEditable ) {
-      // Save deep copies to preserve state
-      setOriginalLayout(structuredClone(layout));
-      setOriginalWidgets(structuredClone(widgetArray));
+      setOriginalLayout(layout);
+      setOriginalWidgets(widgetArray);
       setIsEditable(true);
       setIsDelete(false);
     }