[Web][UMA-1084]Rename wrong aria-label and title for AddressBookMenu button (#2472)

* fix: rename wrong aria-label and title for AddressBookMenu button

* refactor: improve syntax

Author: alecat88

apps/web/src/components/Menu/AddressBookMenu/AddressBookMenu.test.tsx

@@ -0,0 +1,27 @@
+import { useSortedContacts } from "@umami/state";
+import { getButtonByName } from "@umami/test-utils";
+
+import { AddressBookMenu } from "./AddressBookMenu";
+import { renderInDrawer, screen } from "../../../testUtils";
+
+jest.mock("@umami/state", () => ({
+  ...jest.requireActual("@umami/state"),
+  useSortedContacts: jest.fn(),
+}));
+
+describe("<AddressBookMenu />", () => {
+  beforeEach(() => {
+    jest.mocked(useSortedContacts).mockReturnValue([
+      {
+        name: "randomName",
+        pkh: "randomPkh",
+      },
+    ]);
+  });
+
+  it('renders the "More Options" button with the correct aria-label and title', async () => {
+    await renderInDrawer(<AddressBookMenu />);
+    expect(getButtonByName("More Options")).toBeVisible();
+    expect(screen.getByLabelText("More Options")).toBeVisible();
+  });
+});

apps/web/src/components/Menu/AddressBookMenu/AddressBookMenu.tsx

@@ -84,9 +84,9 @@ const ContactItem = ({ contact }: ContactItemProps) => {
         <IconButton
           color={color("500")}
           transform="rotate(90deg)"
-          aria-label="Remove Peer"
+          aria-label="More Options"
           icon={<ThreeDotsIcon />}
-          title="Remove Peer"
+          title="More Options"
           variant="iconButtonSolid"
         />
       </ActionsDropdown>