svelte 5 nits

frontend/src/lib/components/DeployButton.svelte

@@ -51,10 +51,12 @@
 		}
 	}}
 	{hideDropdown}
-	on:dropdownOpen={({ detail }) => (dropdownOpen = detail)}
+	on:dropdownOpen={({ detail }) => {
+		dropdownOpen = detail
+	}}
 >
 	Deploy
-	<svelte:fragment slot="tooltip">
+	{#snippet tooltip()}
 		<div class="flex flex-row gap-2 w-80 p-4 bg-surface rounded-lg shadow-lg border z-[5001]">
 			<input
 				type="text"
@@ -76,5 +78,5 @@
 				Deploy
 			</Button>
 		</div>
-	</svelte:fragment>
+	{/snippet}
 </Button>

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

@@ -203,7 +203,7 @@
 
 <div class="p-2 flex flex-col gap-2">
 	<Button
-		tooltip="Decision tree graph editor"
+		title="Decision tree graph editor"
 		id="decision-tree-graph-editor"
 		on:click={() => {
 			drawer?.openDrawer()

frontend/src/lib/components/common/button/Button.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { run, createBubbler } from 'svelte/legacy'
+	import { createBubbler } from 'svelte/legacy'
 
 	const bubble = createBubbler()
 	import { createEventDispatcher } from 'svelte'
@@ -199,11 +199,11 @@
 				states: { open: undefined },
 				options: { openDelay: undefined }
 			}
-	run(() => {
+	$effect(() => {
 		tooltipPopover && openDelay !== undefined && ($openDelay = tooltipPopover?.openDelay)
 	}) //This option is reactive
 
-	run(() => {
+	$effect(() => {
 		$open !== undefined && dispatchIfMounted('tooltipOpen', $open)
 	})
 </script>

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

@@ -140,9 +140,6 @@
 				}}
 				startIcon={{ icon: Pen }}
 				iconOnly={false}
-				tooltip={module.value.hash != undefined
-					? 'Script is locked with a specific hash'
-					: undefined}
 				disabled={module.value.hash != undefined}
 			>
 				Edit