Stabilise React useId values in DOM snapshots in element-web (#33579)

* Stabilise React useId values in DOM snapshots - app/web

* Stabilise React useId values in DOM snapshots - shared components

* Update additional snapshots

* Added comments and changed replace pattern to 'react-use-id-N'

apps/web/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap

@@ -32,7 +32,7 @@ exports[`<LocationShareMenu /> with live location disabled goes to labs flag scr
         >
           <input
             class="_input_udcm8_24"
-            id="_r_0_"
+            id="react-use-id-1"
             role="switch"
             type="checkbox"
           />
@@ -46,7 +46,7 @@ exports[`<LocationShareMenu /> with live location disabled goes to labs flag scr
       >
         <label
           class="_label_19upo_59"
-          for="_r_0_"
+          for="react-use-id-1"
         >
           Enable live location sharing
         </label>

apps/web/test/unit-tests/components/views/location/__snapshots__/LocationViewDialog-test.tsx.snap

@@ -32,7 +32,7 @@ exports[`<LocationViewDialog /> renders map correctly 1`] = `
     class="mx_ZoomButtons"
   >
     <div
-      aria-describedby="_r_6_"
+      aria-describedby="react-use-id-1"
       aria-label="Zoom in"
       class="mx_AccessibleButton mx_ZoomButtons_button"
       data-testid="map-zoom-in-button"