Allow reporting a room when rejecting an invite. (#29570)

* Add report room dialog button/dialog.

* Update copy

* fixup tests / lint

* Fix title in test.

* update snapshot

* Add unit tests for dialog

* lint

* First pass at adding a report room on invite.

* Use a single line input field for reason to avoid bumping the layout.

* Fixups

* Embed reason to make it clear on grouping

* Revert accidental commit

* lint

* Add some playwright tests.

* tweaks

* Make ignored users list more accessible.

* i18n

* Fix sliding sync test.

* Add unit test

* Even more unit tests.

* move test

* Update to match designs.

* remove console statements

* fix css

* tidy up

* improve comments

* fix css

* updates

test/unit-tests/components/views/settings/__snapshots__/Notifications-test.tsx.snap

@@ -10,22 +10,22 @@ exports[`<Notifications /> main notification switches renders only enable notifi
       class="mx_SettingsFlag_label"
     >
       <div
-        id="mx_LabelledToggleSwitch_testid_0"
+        id="mx_LabelledToggleSwitch_:r0:"
       >
         Enable notifications for this account
       </div>
       <span
         class="mx_Caption"
-        id="mx_LabelledToggleSwitch_testid_0_caption"
+        id="mx_LabelledToggleSwitch_:r0:_caption"
       >
         Turn off to disable notifications on all your devices and sessions
       </span>
     </span>
     <div
       aria-checked="false"
-      aria-describedby="mx_LabelledToggleSwitch_testid_0_caption"
+      aria-describedby="mx_LabelledToggleSwitch_:r0:_caption"
       aria-disabled="false"
-      aria-labelledby="mx_LabelledToggleSwitch_testid_0"
+      aria-labelledby="mx_LabelledToggleSwitch_:r0:"
       class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
       role="switch"
       tabindex="0"
@@ -41,7 +41,7 @@ exports[`<Notifications /> main notification switches renders only enable notifi
     >
       <label
         class="mx_SettingsFlag_label"
-        for="mx_SettingsFlag_testid_1"
+        for="mx_SettingsFlag_testid_0"
       >
         <span
           class="mx_SettingsFlag_labelText"
@@ -54,7 +54,7 @@ exports[`<Notifications /> main notification switches renders only enable notifi
         aria-disabled="false"
         aria-label="Show all activity in the room list (dots or number of unread messages)"
         class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_on mx_ToggleSwitch_enabled"
-        id="mx_SettingsFlag_testid_1"
+        id="mx_SettingsFlag_testid_0"
         role="switch"
         tabindex="0"
       >
@@ -68,7 +68,7 @@ exports[`<Notifications /> main notification switches renders only enable notifi
     >
       <label
         class="mx_SettingsFlag_label"
-        for="mx_SettingsFlag_testid_2"
+        for="mx_SettingsFlag_testid_1"
       >
         <span
           class="mx_SettingsFlag_labelText"
@@ -81,7 +81,7 @@ exports[`<Notifications /> main notification switches renders only enable notifi
         aria-disabled="false"
         aria-label="Only show notifications in the thread activity centre"
         class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_on mx_ToggleSwitch_enabled"
-        id="mx_SettingsFlag_testid_2"
+        id="mx_SettingsFlag_testid_1"
         role="switch"
         tabindex="0"
       >