Add the Spreadsheet panel to inspect node output data (#2442)

* Inspect node ouput stub

* Fix compile error in tests

* Create a table

* Clickable tables

* Add vector data support

* Checkbox to enable the panel

* Remove Instances table ID column; style the spreadsheet

---------

Co-authored-by: Keavon Chambers <keavon@keavon.com>

frontend/src/components/widgets/WidgetTable.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+	import { type WidgetTable as WidgetTableFromJsMessages } from "@graphite/messages";
+
+	import WidgetSpan from "@graphite/components/widgets/WidgetSpan.svelte";
+
+	export let widgetData: WidgetTableFromJsMessages;
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	export let layoutTarget: any; // TODO: Give this a real type
+</script>
+
+<table>
+	{#each widgetData.tableWidgets as row}
+		<tr>
+			{#each row as cell}
+				<td>
+					<WidgetSpan widgetData={{ rowWidgets: [cell] }} {layoutTarget} />
+				</td>
+			{/each}
+		</tr>
+	{/each}
+</table>
+
+<style lang="scss">
+	table {
+		background: var(--color-3-darkgray);
+		border: none;
+		border-spacing: 4px;
+		border-radius: 2px;
+
+		td {
+			background: var(--color-2-mildblack);
+			vertical-align: top;
+			border: none;
+			border-radius: 2px;
+			padding: 4px 8px;
+		}
+
+		tr:first-child td {
+			background-image: var(--inheritance-dots-background-4-dimgray);
+		}
+	}
+</style>