fix z-stacking on chrome for flow builder

frontend/src/lib/components/common/tabs/Tab.svelte

@@ -25,7 +25,7 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
 	class={twMerge(
-		'border-b-2 py-1 px-4 cursor-pointer transition-all ease-linear font-medium',
+		'border-b-2 py-1 px-4 cursor-pointer transition-all z-10 ease-linear font-medium',
 		$selected?.startsWith(value)
 			? 'border-gray-600 text-gray-800 '
 			: 'border-gray-300 border-opacity-0 hover:border-opacity-100 text-gray-600',

frontend/src/lib/components/flows/content/FlowModuleComponent.svelte

@@ -177,7 +177,7 @@
 				style="max-height: calc(100% - {totalTopGap}px) !important;"
 			>
 				<Splitpanes horizontal>
-					<Pane class="-z-10" size={isScript ? 30 : 50} minSize={20}>
+					<Pane size={isScript ? 30 : 50} minSize={20}>
 						{#if value.type === 'rawscript'}
 							<div class="h-full">
 								<Editor
@@ -203,6 +203,7 @@
 										await reload(flowModule)
 									}}
 									formatAction={() => reload(flowModule)}
+									fixedOverflowWidgets
 								/>
 							</div>
 						{:else if value.type === 'script'}