fix(frontend): update a few svelte packages (#3222)

frontend/package.json

@@ -52,15 +52,14 @@
 		"style-to-object": "^0.4.1",
 		"stylelint-config-recommended": "^13.0.0",
 		"svelte": "^4.0.0",
-		"svelte-awesome-color-picker": "^2.4.5",
+		"svelte-awesome-color-picker": "^3.0.4",
 		"svelte-check": "^3.4.3",
-		"svelte-floating-ui": "^1.5.3",
-		"svelte-highlight": "^7.3.0",
+		"svelte-floating-ui": "^1.5.8",
+		"svelte-highlight": "^7.6.0",
 		"svelte-multiselect": "^10.0.0",
-		"svelte-overlay": "^1.4.1",
 		"svelte-popperjs": "^1.3.2",
 		"svelte-preprocess": "^5.0.1",
-		"svelte-range-slider-pips": "^2.2.3",
+		"svelte-range-slider-pips": "^2.3.1",
 		"svelte-splitpanes": "^0.8.0",
 		"svelte2tsx": "^0.6.16",
 		"tailwindcss": "^3.4.1",
@@ -123,11 +122,11 @@
 		"quill": "^1.3.7",
 		"svelte-autosize": "^1.0.1",
 		"svelte-carousel": "^1.0.25",
-		"svelte-chartjs": "^3.1.2",
-		"svelte-dnd-action": "^0.9.22",
-		"svelte-exmarkdown": "^2.1.0",
+		"svelte-chartjs": "^3.1.5",
+		"svelte-dnd-action": "^0.9.38",
+		"svelte-exmarkdown": "^3.0.3",
 		"svelte-infinite-loading": "^1.3.8",
-		"svelte-portal": "^2.2.0",
+		"svelte-portal": "^2.2.1",
 		"svelte-tiny-virtual-list": "^2.0.5",
 		"tailwind-merge": "^1.13.2",
 		"vscode": "npm:@codingame/monaco-vscode-api@>=1.83.5 <1.84.0",
@@ -404,4 +403,4 @@
 	"optionalDependencies": {
 		"fsevents": "^2.3.3"
 	}
-}
+}

frontend/src/lib/components/JobArgs.svelte

@@ -12,7 +12,6 @@
 	import Row from './table/Row.svelte'
 
 	export let args: any
-	export let tableClass = ''
 
 	let jsonViewer: Drawer
 	let runLocally: Drawer

frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte

@@ -32,9 +32,8 @@
 			bind:isOpen
 			bind:hex={value}
 			label={value}
-			canChangeMode={false}
 			components={ChromeVariant}
-			toRight
+			sliderDirection="horizontal"
 			--focus-color="#e0e7ff"
 		/>
 	</div>

frontend/src/lib/components/jobs/JobPreview.svelte

@@ -112,7 +112,7 @@
 				{/if}
 			</div>
 			<div class="w-1/2 h-full overflow-auto">
-				<JobArgs args={job?.args} tableClass="!pt-0 !min-w-0 !block" />
+				<JobArgs args={job?.args} />
 			</div>
 			<div class="w-1/2 h-full overflow-auto p-2">
 				{#if job && 'scheduled_for' in job && !job.running && job.scheduled_for && forLater(job.scheduled_for)}