feat: db schema explorer collapsed by default (#3427)

frontend/src/lib/components/DBSchemaExplorer.svelte

@@ -95,7 +95,7 @@
 			{#if dbSchema.lang === 'graphql'}
 				<GraphqlSchemaViewer code={formatGraphqlSchema(dbSchema)} class="h-full" />
 			{:else}
-				<ObjectViewer json={formatSchema(dbSchema)} pureViewer />
+				<ObjectViewer json={formatSchema(dbSchema)} pureViewer collapseLevel={1} />
 			{/if}
 		</DrawerContent>
 	</Drawer>

frontend/src/lib/components/propertyPicker/ObjectViewer.svelte

@@ -20,6 +20,7 @@
 	export let topBrackets = false
 	export let topLevelNode = false
 	export let allowCopy = true
+	export let collapseLevel: number | undefined = undefined
 
 	let s3FileViewer: S3FilePicker
 
@@ -101,6 +102,8 @@
 								{pureViewer}
 								{allowCopy}
 								on:select
+								{collapseLevel}
+								collapsed={collapseLevel !== undefined ? level + 1 >= collapseLevel : undefined}
 							/>
 						{:else}
 							<button