fix(frontend): Fix app drawer display + add missing flattent (#1853)

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

@@ -339,7 +339,7 @@
 		result = res
 
 		// Flows with loops can have multiple results
-		const errorAsArray = Array.isArray(result) ? result : [result]
+		const errorAsArray = Array.isArray(result) ? result.flat() : [result]
 
 		// As soon as we have an error, we consider the component errored
 		const hasErrors = errorAsArray.some((r) => r?.error)

frontend/src/lib/components/apps/components/layout/AppDrawer.svelte

@@ -90,6 +90,7 @@
 				appDrawer?.toggleDrawer()
 				$focusedGrid = undefined
 			}}
+			fullScreen={$mode !== 'dnd'}
 		>
 			<div
 				class="h-full"
@@ -109,7 +110,6 @@
 						visible={open && render}
 						{id}
 						subGridId={`${id}-0`}
-						containerHeight={1200}
 						on:focus={() => {
 							if (!$connectingInput.opened) {
 								$selectedComponent = [id]

frontend/src/lib/components/common/drawer/Drawer.svelte

@@ -138,6 +138,7 @@
 		background: white;
 		z-index: 3;
 		transition: transform var(--duration) ease;
+		height: 100%;
 	}
 
 	.panel.left {

frontend/src/lib/components/common/drawer/DrawerContent.svelte

@@ -9,9 +9,11 @@
 	export let forceOverflowVisible = false
 	export let tooltip: string = ''
 	export let documentationLink: string | undefined = undefined
+
+	export let fullScreen: boolean = true
 </script>
 
-<div class="flex flex-col divide-y h-screen max-h-screen">
+<div class={classNames('flex flex-col divide-y ', fullScreen ? 'h-screen max-h-screen' : 'h-full')}>
 	<div class="flex justify-between w-full items-center px-2 py-2 gap-2">
 		<div class="flex items-center gap-2 min-w-0">
 			<CloseButton on:close />