Update all frontend npm dependencies except Svelte and Vite (#3120)

* Upgrade node dependencies except Svelte 5 and its peer deps

* Fix lint errors

* Fix previous Rust deps upgrade breakage

* Fix demo artwork

* Allow profiling CI workflow to fail

frontend/src/components/widgets/WidgetSection.svelte

@@ -35,17 +35,17 @@
 				editor.handle.setNodePinned(widgetData.id, !widgetData.pinned);
 				e?.stopPropagation();
 			}}
-			class={"show-only-on-hover"}
+			class="show-only-on-hover"
 		/>
 		<IconButton
-			icon={"Trash"}
-			tooltip={"Delete this node from the layer chain"}
+			icon="Trash"
+			tooltip="Delete this node from the layer chain"
 			size={24}
 			action={(e) => {
 				editor.handle.deleteNode(widgetData.id);
 				e?.stopPropagation();
 			}}
-			class={"show-only-on-hover"}
+			class="show-only-on-hover"
 		/>
 		<IconButton
 			icon={widgetData.visible ? "EyeVisible" : "EyeHidden"}

frontend/src/components/widgets/WidgetTable.svelte

@@ -9,15 +9,17 @@
 </script>
 
 <table>
-	{#each widgetData.tableWidgets as row}
-		<tr>
-			{#each row as cell}
-				<td>
-					<WidgetSpan widgetData={{ rowWidgets: [cell] }} {layoutTarget} />
-				</td>
-			{/each}
-		</tr>
-	{/each}
+	<tbody>
+		{#each widgetData.tableWidgets as row}
+			<tr>
+				{#each row as cell}
+					<td>
+						<WidgetSpan widgetData={{ rowWidgets: [cell] }} {layoutTarget} />
+					</td>
+				{/each}
+			</tr>
+		{/each}
+	</tbody>
 </table>
 
 <style lang="scss">

frontend/src/components/widgets/inputs/CurveInput.svelte

@@ -188,7 +188,7 @@
 	}
 </script>
 
-<LayoutRow class={"curve-input"} classes={{ disabled, ...classes }} style={styleName} {styles} {tooltip}>
+<LayoutRow class="curve-input" classes={{ disabled, ...classes }} style={styleName} {styles} {tooltip}>
 	<svg viewBox="0 0 1 1" on:pointermove={handlePointerMove} on:pointerup={handlePointerUp}>
 		{#each { length: GRID_SIZE - 1 } as _, i}
 			<path class="grid" d={`M 0 ${(i + 1) / GRID_SIZE} L 1 ${(i + 1) / GRID_SIZE}`} />

frontend/src/components/widgets/inputs/FieldInput.svelte

@@ -32,9 +32,7 @@
 	let id = String(Math.random()).substring(2);
 	let macKeyboardLayout = platformIsMac();
 
-	$: inputValue = value;
-
-	$: dispatch("value", inputValue);
+	$: dispatch("value", value);
 
 	// Select (highlight) all the text. For technical reasons, it is necessary to pass the current text.
 	export function selectAllText(currentText: string) {
@@ -85,7 +83,7 @@
 			{disabled}
 			{placeholder}
 			bind:this={inputOrTextarea}
-			bind:value={inputValue}
+			bind:value
 			on:focus={() => dispatch("textFocused")}
 			on:blur={() => dispatch("textChanged")}
 			on:change={() => dispatch("textChanged")}
@@ -104,7 +102,7 @@
 			{spellcheck}
 			{disabled}
 			bind:this={inputOrTextarea}
-			bind:value={inputValue}
+			bind:value
 			on:focus={() => dispatch("textFocused")}
 			on:blur={() => dispatch("textChanged")}
 			on:change={() => dispatch("textChanged")}

frontend/src/components/widgets/inputs/NumberInput.svelte

@@ -640,7 +640,7 @@
 </script>
 
 <FieldInput
-	class={"number-input"}
+	class="number-input"
 	classes={{
 		increment: mode === "Increment",
 		range: mode === "Range",

frontend/src/components/widgets/labels/UserInputLabel.svelte

@@ -39,7 +39,7 @@
 	export let requiresLock = false;
 	export let textOnly = false;
 
-	$: keyboardLockInfoMessage = watchKeyboardLockInfoMessage(fullscreen.keyboardLockApiSupported);
+	$: keyboardLockInfoMessage = watchKeyboardLockInfoMessage($fullscreen.keyboardLockApiSupported);
 
 	$: displayKeyboardLockNotice = requiresLock && !$fullscreen.keyboardLocked;