test: wrap interactions that update state with act wrapper

in preparation for consuming latest version of React Testing Library
and its sibling packages

src/components/tabs/tabs.test.tsx

@@ -1719,9 +1719,14 @@ describe("check events for Tabs component", () => {
           </Tab>
         </Tabs>,
       );
+
       const tab2 = screen.getByRole("tab", { name: "Test 2" });
-      tab2.focus();
+      act(() => {
+        tab2.focus();
+      });
+
       await user.keyboard("{Enter}");
+
       expect(onTabChange).toHaveBeenCalledWith("2");
     });
   });
@@ -1757,9 +1762,14 @@ describe("check events for Tabs component", () => {
           </Tab>
         </Tabs>,
       );
+
       const tab2 = screen.getByRole("tab", { name: "Test 2" });
-      tab2.focus();
+      act(() => {
+        tab2.focus();
+      });
+
       await user.keyboard("{Enter}");
+
       expect(onTabChange).toHaveBeenCalledWith("2");
     });
   });
@@ -1807,9 +1817,14 @@ describe("check events for Tabs component", () => {
           drawer content
         </Drawer>,
       );
+
       const tab2 = screen.getByRole("tab", { name: "Test 2" });
-      tab2.focus();
+      act(() => {
+        tab2.focus();
+      });
+
       await user.keyboard("{Enter}");
+
       expect(onTabChange).toHaveBeenCalledWith("2");
     });
   });

src/components/vertical-menu/vertical-menu.test.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { render, screen } from "@testing-library/react";
+import { render, screen, act } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
 import {
@@ -174,7 +174,9 @@ describe("VerticalMenu", () => {
         </>,
       );
       const closeBtn = screen.getByRole("button");
-      closeBtn.focus();
+      act(() => {
+        closeBtn.focus();
+      });
       await user.keyboard("{Space}");
       expect(setMockState).toHaveBeenCalledWith(false);
     });
@@ -195,7 +197,9 @@ describe("VerticalMenu", () => {
         </>,
       );
       const closeBtn = screen.getByRole("button");
-      closeBtn.focus();
+      act(() => {
+        closeBtn.focus();
+      });
       await user.keyboard("{enter}");
       expect(setMockState).toHaveBeenCalledWith(false);
     });