fix masking claning on update issue

frontend/src/lib/App.svelte

@@ -29,6 +29,7 @@
 	}
 
 	const promptImgStorage = useObject('promptImgStorage');
+	$: console.log('isRendering', $isRenderingCanvas);
 
 	$: isLoading = $myPresence?.status === Status.loading || $isRenderingCanvas || false;
 	function onShowModal(e: CustomEvent) {

frontend/src/lib/PaintCanvas.svelte

@@ -149,9 +149,9 @@
 		position: { x: number; y: number };
 		id: string;
 	};
-	function renderImages(promptImgList: PromptImgObject[]) {
+	async function renderImages(promptImgList: PromptImgObject[]) {
 		$isRenderingCanvas = true;
-		Promise.allSettled(
+		await Promise.allSettled(
 			promptImgList.map(
 				({ imgURL, position, id, room }) =>
 					new Promise<ImageRendered>((resolve, reject) => {
@@ -178,8 +178,8 @@
 				imagesOnCanvas.add(id);
 				canvasCtx.drawImage(img, position.x, position.y, img.width, img.height);
 			});
-			$isRenderingCanvas = false;
 		});
+		$isRenderingCanvas = false;
 	}
 	function zoomed(e: Event) {
 		const transform = ($currZoomTransform = e.transform);

frontend/src/lib/PaintFrame.svelte

@@ -30,21 +30,20 @@
 	let frameElement: HTMLDivElement;
 	let dragEnabled = true;
 	let isDragging = false;
+	let firstLoading = true;
+
 	$: prompt = $myPresence?.currentPrompt;
 	$: isLoading =
 		$myPresence?.status === Status.loading || $myPresence?.status === Status.prompting || false;
 
-	$: {
-		if (!dragEnabled && $myPresence.status === Status.loading) {
-			dragEnabled = true;
-		}
-	}
 	$: coord = {
 		x: transform.applyX(position.x),
 		y: transform.applyY(position.y)
 	};
-	$: if (!$isRenderingCanvas) {
+
+	$: if (!$isRenderingCanvas && firstLoading) {
 		cleanMask();
+		firstLoading = false;
 	}
 
 	$: if ($loadingState === 'Complete' && !dragEnabled) {