Desktop: Hook up native window controls (#3161)

* Implement window controls

* Fix drag target size

* Maximize with drag area double click

frontend/src/components/layout/LayoutRow.svelte

@@ -43,6 +43,7 @@
 	on:dragover
 	on:dragstart
 	on:drop
+	on:mousedown
 	on:mouseup
 	on:pointerdown
 	on:pointerenter
@@ -67,7 +68,6 @@ on:keydown
 on:keypress
 on:keyup
 on:lostpointercapture
-on:mousedown
 on:mouseenter
 on:mouseleave
 on:mousemove

frontend/src/components/window/title-bar/TitleBar.svelte

@@ -76,13 +76,15 @@
 				<TextButton label={entry.label} icon={entry.icon} menuListChildren={entry.children} action={entry.action} flush={true} />
 			{/each}
 		{/if}
+		<LayoutRow on:mousedown={() => editor.handle.appWindowDrag()} on:dblclick={() => editor.handle.appWindowMaximize()} />
 	</LayoutRow>
 	<!-- Document title -->
-	<LayoutRow class="center">
+	<LayoutRow class="center" on:mousedown={() => editor.handle.appWindowDrag()} on:dblclick={() => editor.handle.appWindowMaximize()}>
 		<WindowTitle text={windowTitle} />
 	</LayoutRow>
 	<!-- Window buttons (except on Mac) -->
 	<LayoutRow class="right">
+		<LayoutRow on:mousedown={() => editor.handle.appWindowDrag()} on:dblclick={() => editor.handle.appWindowMaximize()} />
 		{#if platform === "Windows"}
 			<WindowButtonsWindows {maximized} />
 		{:else if platform === "Linux"}