fix(frontend): Disable move in nested subgrid (#1238)

* fix(frontend): Disable move in nested subgrid

* fix(frontend): Disable move in nested subgrid

frontend/src/lib/components/apps/editor/settingsPanel/MoveToOtherGrid.svelte

@@ -4,7 +4,13 @@
 	import { faCopy } from '@fortawesome/free-solid-svg-icons'
 	import { getContext } from 'svelte'
 	import type { App, AppEditorContext } from '../../types'
-	import { createNewGridItem, deleteGridItem, findGridItem, insertNewGridItem } from '../appUtils'
+	import {
+		createNewGridItem,
+		deleteGridItem,
+		findGridItem,
+		getAllSubgridsAndComponentIds,
+		insertNewGridItem
+	} from '../appUtils'
 	import type { AppComponent } from '../component'
 
 	export let component: AppComponent | undefined
@@ -73,6 +79,8 @@
 		value: 'main-grid',
 		disabled: parent === undefined
 	}
+
+	$: [subgrids] = component ? getAllSubgridsAndComponentIds($app, component) : [[], []]
 	$: availableGrids = listAllSubGrids($app)
 	$: options = availableGrids
 		? [
@@ -80,7 +88,7 @@
 				...availableGrids?.map((grid) => ({
 					label: grid,
 					value: grid,
-					disabled: grid === parent || (component && grid.startsWith(component.id))
+					disabled: grid === parent || subgrids.includes(grid)
 				}))
 		  ]
 		: [defaultOption]