Use aria descriptions instead of labels for TextWithTooltip (#10952)

* Use aria descriptions instead of labels for TextWithTooltip

to prevent clobbering the reading of the content

* Update snapshot

* Fix snapshots

* Iterate

* Update snapshots

* delint

test/components/views/beacon/BeaconListItem-test.tsx

@@ -28,6 +28,11 @@ import {
     makeRoomWithBeacons,
 } from "../../../test-utils";
 
+// Fake random strings to give a predictable snapshot for IDs
+jest.mock("matrix-js-sdk/src/randomstring", () => ({
+    randomString: () => "abdefghi",
+}));
+
 describe("<BeaconListItem />", () => {
     // 14.03.2022 16:15
     const now = 1647270879403;

test/components/views/beacon/DialogSidebar-test.tsx

@@ -27,6 +27,11 @@ import {
     mockClientMethodsUser,
 } from "../../../test-utils";
 
+// Fake random strings to give a predictable snapshot for IDs
+jest.mock("matrix-js-sdk/src/randomstring", () => ({
+    randomString: () => "abdefghi",
+}));
+
 describe("<DialogSidebar />", () => {
     const defaultProps: ComponentProps<typeof DialogSidebar> = {
         beacons: [],

test/components/views/beacon/ShareLatestLocation-test.tsx

@@ -21,6 +21,11 @@ import ShareLatestLocation from "../../../../src/components/views/beacon/ShareLa
 import { copyPlaintext } from "../../../../src/utils/strings";
 import { flushPromises } from "../../../test-utils";
 
+// Fake random strings to give a predictable snapshot for IDs
+jest.mock("matrix-js-sdk/src/randomstring", () => ({
+    randomString: () => "abdefghi",
+}));
+
 jest.mock("../../../../src/utils/strings", () => ({
     copyPlaintext: jest.fn().mockResolvedValue(undefined),
 }));

test/components/views/beacon/__snapshots__/BeaconListItem-test.tsx.snap

@@ -32,6 +32,7 @@ exports[`<BeaconListItem /> when a beacon is live and has locations renders beac
           class="mx_BeaconListItem_interactions"
         >
           <div
+            aria-describedby="mx_TooltipTarget_abdefghi"
             tabindex="0"
           >
             <a

test/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap

@@ -62,6 +62,7 @@ exports[`<DialogSidebar /> renders sidebar correctly with beacons 1`] = `
               class="mx_BeaconListItem_interactions"
             >
               <div
+                aria-describedby="mx_TooltipTarget_abdefghi"
                 tabindex="0"
               >
                 <a

test/components/views/beacon/__snapshots__/ShareLatestLocation-test.tsx.snap

@@ -3,6 +3,7 @@
 exports[`<ShareLatestLocation /> renders share buttons when there is a location 1`] = `
 <DocumentFragment>
   <div
+    aria-describedby="mx_TooltipTarget_abdefghi"
     tabindex="0"
   >
     <a