Initial work migrating vector layers to document graph

* Fix pen tool (except overlays)
* Thumbnail of only the layer and not the composite
* Fix occasional transform breakages
* Constrain size of thumbnail
* Insert new layers at the top
* Broken layer tree
* Fix crash when drawing
* Reduce calls to send graph
* Reduce calls to updating properties
* Store cached transforms upon the document
* Fix missing node UI updates
* Fix fill tool and clean up imports and indentation
* Error on overide existing layer
* Fix pen tool (partially)
* Fix some lints

frontend/src/components/views/Graph.svelte

@@ -652,8 +652,8 @@
 					</svg>
 				</div>
 				<div class="thumbnail">
-					{#if node.thumbnailSvg}
-						{@html node.thumbnailSvg}
+					{#if $nodeGraph.thumbnails.has(node.id)}
+						{@html $nodeGraph.thumbnails.get(node.id) }
 					{/if}
 					{#if node.primaryOutput}
 						<svg
@@ -702,7 +702,7 @@
 				class:selected={selected.includes(node.id)}
 				class:previewed={node.previewed}
 				class:disabled={node.disabled}
-				class:is-layer={node.thumbnailSvg !== undefined}
+				class:is-layer={node.displayName === "Layer"}
 				style:--offset-left={(node.position?.x || 0) + (selected.includes(node.id) ? draggingNodes?.roundX || 0 : 0)}
 				style:--offset-top={(node.position?.y || 0) + (selected.includes(node.id) ? draggingNodes?.roundY || 0 : 0)}
 				style:--clip-path-id={`url(#${clipPathId})`}
@@ -1173,6 +1173,10 @@
 						.expand-arrow {
 							margin-right: 4px;
 						}
+						svg {
+							width: 30px;
+							height: 20px;
+						}
 					}
 				}