fix(app): improve carousel list recursive error

frontend/src/lib/components/apps/components/display/AppCarouselList.svelte

@@ -135,15 +135,7 @@
 
 <InitializeComponent {id} />
 
-<RunnableWrapper
-	render={true}
-	{outputs}
-	autoRefresh
-	{componentInput}
-	{id}
-	bind:initializing
-	bind:result
->
+<RunnableWrapper {render} {outputs} autoRefresh {componentInput} {id} bind:initializing bind:result>
 	{#if everRender}
 		<div class="w-full flex flex-wrap overflow-auto divide-y max-h-full">
 			{#if $app.subgrids?.[`${id}-0`]}

frontend/src/lib/components/apps/components/helpers/NonRunnableComponent.svelte

@@ -77,7 +77,7 @@
 		})
 	}
 
-	$effect.pre(() => {
+	$effect(() => {
 		componentInput.type === 'evalv2' &&
 			componentInput.connections &&
 			untrack(() => builtSubscriptions(componentInput.connections))

frontend/src/lib/components/apps/editor/GridViewer.svelte

@@ -130,6 +130,7 @@
 			{@const left = (item[getComputedCols] && item[getComputedCols].x) * xPerPx + gapX}
 
 			<div
+				id={`wm-component-${item.id}`}
 				class="svlt-grid-item"
 				style="width: {width}px; height:{height}px; {onTop
 					? 'z-index: 1000;'

frontend/src/lib/components/apps/svelte-grid/MoveResize.svelte

@@ -77,7 +77,7 @@
 
 	const scale = ctx ? ctx.scale : writable(100)
 
-	const divId = `component-${id}`
+	const divId = `wm-component-${id}`
 	let shadowElement: HTMLElement | undefined = $state()
 
 	let active = $state(false)