Fix bug where other panel tabs would switch the document panel tabs

client/web/src/components/widgets/ShelfItem.vue

@@ -17,6 +17,10 @@
 		background: var(--color-accent);
 	}
 
+	.icon-button {
+		background: unset;
+	}
+
 	svg {
 		width: 24px;
 		height: 24px;

client/web/src/components/workspace/Panel.vue

@@ -158,10 +158,14 @@ export default defineComponent({
 	},
 	methods: {
 		async handleTabClick(tabIndex: number) {
+			if (this.panelType !== "Document") return;
+
 			const { select_document } = await wasm;
 			select_document(tabIndex);
 		},
 		async closeTab(tabIndex: number) {
+			if (this.panelType !== "Document") return;
+
 			const { close_document } = await wasm;
 			// eslint-disable-next-line no-alert
 			const result = window.confirm("Closing this document will permanently discard all work. Continue?");