Fix tool shelf's scrollbar layout shift

Caused by Chromium 113 removing `overflow: overlay;`.
This fixes it for just the tool shelf.

frontend/src/components/Editor.svelte

@@ -187,8 +187,6 @@
 		.scrollable-y {
 			// Firefox (standardized in CSS, but less capable)
 			scrollbar-width: thin;
-			scrollbar-width: 6px;
-			scrollbar-gutter: 6px;
 			scrollbar-color: var(--color-5-dullgray) transparent;
 
 			&:not(:hover) {
@@ -234,24 +232,15 @@
 		}
 
 		.scrollable-x.scrollable-y {
-			// Standard
 			overflow: auto;
-			// WebKit
-			overflow: overlay;
 		}
 
 		.scrollable-x:not(.scrollable-y) {
-			// Standard
 			overflow: auto hidden;
-			// WebKit
-			overflow-x: overlay;
 		}
 
 		.scrollable-y:not(.scrollable-x) {
-			// Standard
 			overflow: hidden auto;
-			// WebKit
-			overflow-y: overlay;
 		}
 	}
 

frontend/src/components/floating-menus/MenuList.svelte

@@ -200,7 +200,7 @@
 	bind:this={self}
 >
 	<!-- If we put the scrollableY on the layoutcol for non-font dropdowns then for some reason it always creates a tiny scrollbar.
-	However when we are using the virtual scrolling then we need the layoutcol to be scrolling so we can bind the events without using $refs. -->
+	However when we are using the virtual scrolling then we need the layoutcol to be scrolling so we can bind the events without using `self`. -->
 	<LayoutCol
 		bind:this={scroller}
 		scrollableY={scrollableY && virtualScrollingEntryHeight !== 0}

frontend/src/components/panels/Document.svelte

@@ -144,7 +144,7 @@
 	export function updateDocumentOverlays(svg: string) {
 		overlaysSvg = svg;
 	}
-	
+
 	export function updateDocumentArtboards(svg: string) {
 		artboardSvg = svg;
 		rasterizedCanvas = undefined;
@@ -525,6 +525,7 @@
 
 		.shelf-and-viewport {
 			.shelf {
+				width: 32px;
 				flex: 0 0 auto;
 
 				.tools {