fix context menu keyboard focus

apps/nextjs/src/components/board/sections/gridstack/board-empty-space-context-menu.tsx

@@ -182,6 +182,7 @@ export const BoardEmptySpaceContextMenu = ({ section, refs, children, ...boxProp
       </Box>
       <Menu
         opened={menu !== null}
+        withInitialFocusPlaceholder={false}
         onChange={(opened) => {
           if (!opened) closeMenu();
         }}
@@ -194,6 +195,7 @@ export const BoardEmptySpaceContextMenu = ({ section, refs, children, ...boxProp
         </Menu.Target>
         <Menu.Dropdown>
           <Menu.Item
+            data-autofocus
             leftSection={<IconPlus size={18} />}
             onClick={() => {
               const placement = menu?.placement;

e2e/board-advanced-interactions.spec.ts

@@ -255,8 +255,6 @@ describe("Board advanced interactions", () => {
       await expect(grid).toHaveAttribute("aria-label", "Add item here");
 
       await grid.press("Shift+F10");
-      await expect(addHereMenuItem).toBeVisible();
-      await page.keyboard.press("ArrowDown");
       await expect(addHereMenuItem).toBeFocused();
       await page.keyboard.press("Enter");
       await expect(page.getByRole("dialog").filter({ hasText: "Choose item to add" })).toBeVisible();