fix(frontend): Fix app InputValue sync (#994)

* fix(frontend): Fix app InputValue sync

* fix(frontend): Fix drawer

frontend/src/lib/components/ItemPicker.svelte

@@ -135,8 +135,8 @@
 				</div>
 			{/if}
 		</div>
-		<span slot="submission" class="mr-2">
+		<svelte:fragment slot="actions">
 			<slot name="submission" />
-		</span>
+		</svelte:fragment>
 	</DrawerContent>
 </Drawer>

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

@@ -10,7 +10,7 @@
 
 	const { worldStore } = getContext<AppEditorContext>('AppEditorContext')
 
-	$: $worldStore && handleConnection()
+	$: input && $worldStore && handleConnection()
 
 	function handleConnection() {
 		if (input.type === 'output') {

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

@@ -14,7 +14,7 @@
 </script>
 
 <div class="flex flex-col divide-y h-screen max-h-screen">
-	<div class="flex justify-between w-wull items-center px-4 py-2 ">
+	<div class="flex justify-between w-wull items-center px-2 py-2 ">
 		<div class="flex items-center gap-2">
 			<button
 				on:click={() => dispatch('close')}

frontend/src/lib/components/flows/pickers/PickHubScript.svelte

@@ -39,7 +39,7 @@
 	{#if filteredItems.length == 0}
 		<NoItemFound />
 	{:else}
-		<ul class="divide-y divide-gray-200 border rounded-md overflow-hidden">
+		<ul class="divide-y divide-gray-200 border rounded-md">
 			{#each filteredItems as item (item.path)}
 				<li class="flex flex-row w-full">
 					<button

frontend/src/routes/PickHubFlow.svelte

@@ -43,7 +43,7 @@
 	{#if filteredItems.length == 0}
 		<NoItemFound />
 	{:else}
-		<ul class="divide-y divide-gray-200 border rounded-md overflow-hidden">
+		<ul class="divide-y divide-gray-200 border rounded-md">
 			{#each filteredItems as item (item)}
 				<li class="flex flex-row w-full">
 					<button

frontend/src/routes/resources.svelte

@@ -211,7 +211,7 @@
 
 <Drawer bind:this={resourceTypeDrawer} size="800px">
 	<DrawerContent title="Create resource type" on:close={resourceTypeDrawer.closeDrawer}>
-		<svelte:fragment slot="submission">
+		<svelte:fragment slot="actions">
 			<Button startIcon={{ icon: faSave }} on:click={addResourceType}>Save</Button>
 		</svelte:fragment>
 		<div class="flex flex-col gap-6">