fix e2e tests and linting

Author: emily-shen

packages/local-explorer-ui/src/__e2e__/d1/d1-database.spec.ts

@@ -38,7 +38,7 @@ describe("D1 Database Studio", () => {
 			await selectTableButton.click();
 
 			// Should show the users table from seed data
-			const usersOption = page.getByRole("option", { name: "users" });
+			const usersOption = page.getByRole("menuitem", { name: "users" });
 			const isUsersVisible = await usersOption.isVisible();
 			expect(isUsersVisible).toBe(true);
 		});
@@ -192,7 +192,9 @@ describe("D1 Database Studio", () => {
 
 			await openTableSelector();
 
-			const productsOption = page.getByRole("option", { name: "products" });
+			const productsOption = page.getByRole("menuitem", {
+				name: "products",
+			});
 			const isProductsVisible = await productsOption.isVisible();
 			expect(isProductsVisible).toBe(true);
 		});

packages/local-explorer-ui/src/__e2e__/do/durable-object.spec.ts

@@ -103,7 +103,9 @@ describe("Durable Objects", () => {
 
 			await openTableSelector();
 
-			const productsOption = page.getByRole("option", { name: "products" });
+			const productsOption = page.getByRole("menuitem", {
+				name: "products",
+			});
 			const isProductsVisible = await productsOption.isVisible();
 			expect(isProductsVisible).toBe(true);
 		});

packages/local-explorer-ui/src/components/TableSelect.tsx

@@ -51,7 +51,10 @@ export function TableSelect({
 				<CaretUpDownIcon className="h-3.5 w-3.5 text-kumo-subtle" />
 			</DropdownMenu.Trigger>
 
-			<DropdownMenu.Content className="max-h-72 overflow-y-auto" style={{ zIndex: 50 }}>
+			<DropdownMenu.Content
+				className="max-h-72 overflow-y-auto"
+				style={{ zIndex: 50 }}
+			>
 				<DropdownMenu.Item icon={PlusIcon} onClick={handleCreateTable}>
 					Create table
 				</DropdownMenu.Item>