fix(ui): canvas stuttering, perf improvements

[psychedelicious]

Summary

We have reports of canvas "stutters" (UI-blocking GC events) on 3.7.0 and 4.0.0. I'm not sure what changed in v3.7.0, could have always been an issue and it's just a coincidence that it's popped up now.

PR introduces a few perf optimizations for canvas, benchmarked across Chrome, FF and Safari.

• Prevent canvas history from growing beyond the max (prevents potential memory leaks & reduces blocking GC events)
• Use more efficient algorithm for deep cloning
• Reduce max canvas history from 128 to 100

Related Issues / Discussions

Discord thread for canvas "stutters": https://discord.com/channels/1020123559063990373/1224446493323296809

QA Instructions

To replicate the excessively large history on main, draw about 50 mask lines. You can just click in the same spot over and over again rather than actually dragging the mouse to draw a line. Then press Shift + C about 100 times, and finally draw a line. Depending on your hardware and browser, we expect some lag at this point.

Run this in the JS browser console:

let request = window.indexedDB.open("invoke", 1);

request.onsuccess = (event) => {
  const db = event.target.result;
  const transaction = db.transaction(["invoke-store"], "readonly");
  const store = transaction.objectStore("invoke-store");
  const getRequest = store.get("@@invokeai-canvas");
  
  getRequest.onsuccess = (event) => {
    data = JSON.parse(event.target.result)
    console.log("Past layer states:", data.pastLayerStates.length);
  };
};

This prints the size of the undo history - we expect it to be around 150, which seems to be the danger zone. It'll be different depending on hardware and browser, though.

Next, switch to this PR. You'll need to stop the dev server, pnpm i and then start it again.

You should be back to where you left of in the canvas. Draw a single line with the mask. This should reset your history - run the snippet above again, should say 100 (or less). Draw around, we expect improved performance from here on out.

Merge Plan

n/a

Checklist

• The PR has a short but descriptive title, suitable for a changelog
• Tests added / updated (if applicable) n/a
• Documentation added / updated (if applicable)