Iterate landmarks around the app in order to improve a11y (#12064)

* Iterate landmarks around the app in order to improve a11y

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Add missing aria-label

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* i18n

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix tests

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update screenshots which have changed a fraction due to default heading margins being different in different landmarks

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

test/components/structures/__snapshots__/RoomView-test.tsx.snap

@@ -373,7 +373,9 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
         </div>
       </div>
       <div
+        aria-label="Message composer"
         class="mx_MessageComposer"
+        role="region"
       >
         <div
           class="mx_MessageComposer_wrapper"
@@ -614,7 +616,9 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
         </div>
       </div>
       <div
+        aria-label="Message composer"
         class="mx_MessageComposer"
+        role="region"
       >
         <div
           class="mx_MessageComposer_wrapper"
@@ -740,6 +744,7 @@ exports[`RoomView should show error view if failed to look up room alias 1`] = `
   >
     <div
       class="mx_RoomPreviewBar mx_RoomPreviewBar_RoomNotFound mx_RoomPreviewBar_dialog"
+      role="complementary"
     >
       <div
         class="mx_RoomPreviewBar_message"

test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap

@@ -39,7 +39,7 @@ exports[`RoomHeader does not show the face pile for DMs 1`] = `
         </div>
       </div>
     </button>
-    <nav
+    <div
       class="mx_Flex"
       style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x);"
     >
@@ -75,7 +75,7 @@ exports[`RoomHeader does not show the face pile for DMs 1`] = `
       >
         <div />
       </button>
-    </nav>
+    </div>
   </header>
 </DocumentFragment>
 `;