Add Playwright tests for settings toggles (#30318)

* Add playwright tests

* import pages/ remove duplicate create-room

* Update screenshots

* Fix accessibility for devtools

* Disable region test

* Fixup headers

* remove extra test

* Fix permissions dialog

* fixup tests

* update snapshot

* Update jest tests

* Clear up playwright tests

* update widget screenshot

* Fix wrong snaps from using wrong compound version

* Revert mistaken s/checkbox/switch/

test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap

@@ -48,9 +48,11 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
       class="mx_DevTools_content"
     >
       <div>
-        <h3>
+        <h2
+          class="mx_DevTools_toolHeading"
+        >
           Room
-        </h3>
+        </h2>
         <button
           class="mx_DevTools_button"
         >
@@ -83,9 +85,11 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
         </button>
       </div>
       <div>
-        <h3>
+        <h2
+          class="mx_DevTools_toolHeading"
+        >
           Other
-        </h3>
+        </h2>
         <button
           class="mx_DevTools_button"
         >
@@ -108,9 +112,11 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
         </button>
       </div>
       <div>
-        <h3>
+        <h2
+          class="mx_DevTools_toolHeading"
+        >
           Options
-        </h3>
+        </h2>
         <div
           class="mx_SettingsFlag"
         >