fix(renderer): Fix .pushTransform and .popTransform don't always transform paths correctly

Author: personalizedrefrigerator

packages/js-draw/src/rendering/renderers/AbstractRenderer.ts

@@ -204,6 +204,9 @@ export default abstract class AbstractRenderer {
 	}
 
 	public pushTransform(transform: Mat33) {
+		// Draw all pending paths that used the previous transform (if any).
+		this.flushPath();
+
 		this.transformStack.push(this.selfTransform);
 		this.setTransform(this.getCanvasToScreenTransform().rightMul(transform));
 	}
@@ -213,6 +216,9 @@ export default abstract class AbstractRenderer {
 			throw new Error('Unable to pop more transforms than have been pushed!');
 		}
 
+		// Draw all pending paths that used the old transform (if any):
+		this.flushPath();
+
 		this.setTransform(this.transformStack.pop() ?? null);
 	}