Fix state not being saved before entering edit or delete modes

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

@@ -72,7 +72,8 @@ export default function Home({...props}) {
 
   const onEditWidgets = () => {
     console.log("widgets are now editable");
-    setOriginalLayout(layout); // Backup layout before editing
+    beginEditIfNeeded(); // Save state before anything else
+    // setOriginalLayout(layout); // Backup layout before editing
     // Set all widgets to editable, static: false
     setLayout(prevLayout =>
       prevLayout.map(item => ({
@@ -100,7 +101,8 @@ export default function Home({...props}) {
 
   const onDeleteWidgets = () => {
     console.log("Start deleting widgets...");
-    setOriginalLayout(layout);
+    beginEditIfNeeded(); // Save state before anything else
+    // setOriginalLayout(layout);
     setIsEditable(true);
     setIsDelete(true);
   }