Add release announcement for the sounds (#30900)

* Add release announcement for sounds

* Update jest test and snapshots

* lint

* Update e2e test

* Add screenshot

* Fix order

* Fix snapshots

test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap

@@ -3,8 +3,12 @@
 exports[`<SpacePanel /> should show all activated MetaSpaces in the correct order 1`] = `
 <DocumentFragment>
   <nav
+    aria-controls="«r2»"
+    aria-describedby="«r2»"
+    aria-haspopup="dialog"
     aria-label="Spaces"
     class="mx_SpacePanel collapsed newUi"
+    data-floating-ui-inert=""
   >
     <div
       class="mx_UserMenu"
@@ -233,11 +237,11 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
         aria-expanded="false"
         aria-haspopup="menu"
         aria-label="Threads"
-        aria-labelledby="«r12»"
+        aria-labelledby="«r16»"
         class="_icon-button_1pz9o_8 mx_ThreadsActivityCentreButton"
         data-kind="primary"
         data-state="closed"
-        id="radix-«r10»"
+        id="radix-«r14»"
         role="button"
         style="--cpd-icon-button-size: 32px;"
         tabindex="0"
@@ -271,5 +275,30 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
       tabindex="0"
     />
   </nav>
+  <span
+    aria-hidden="true"
+    data-floating-ui-inert=""
+    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: fixed; white-space: nowrap; width: 1px; top: 0px; left: 0px;"
+    tabindex="-1"
+  />
+  <span
+    data-floating-ui-focus-guard=""
+    data-type="outside"
+    role="button"
+    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: fixed; white-space: nowrap; width: 1px; top: 0px; left: 0px;"
+    tabindex="0"
+  />
+  <span
+    aria-owns="«r1j»"
+    data-floating-ui-inert=""
+    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: fixed; white-space: nowrap; width: 1px; top: 0px; left: 0px;"
+  />
+  <span
+    data-floating-ui-focus-guard=""
+    data-type="outside"
+    role="button"
+    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: fixed; white-space: nowrap; width: 1px; top: 0px; left: 0px;"
+    tabindex="0"
+  />
 </DocumentFragment>
 `;