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/elements/__snapshots__/AppTile-test.tsx.snap

@@ -18,11 +18,11 @@ exports[`AppTile destroys non-persisted right panel widget on room change 1`] =
         <div
           class="mx_BaseCard_header_title"
         >
-          <h4
+          <h1
             class="mx_Heading_h4 mx_BaseCard_header_title_heading"
           >
             Example 1
-          </h4>
+          </h1>
           <div
             aria-expanded="false"
             aria-haspopup="true"
@@ -109,6 +109,7 @@ exports[`AppTile for a pinned widget should render 1`] = `
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
+            role="img"
             style="--cpd-avatar-size: 20px;"
           >
             <img
@@ -122,9 +123,9 @@ exports[`AppTile for a pinned widget should render 1`] = `
               width="20px"
             />
           </span>
-          <h3>
+          <h1>
             Example 1
-          </h3>
+          </h1>
           <span />
         </span>
       </span>
@@ -221,6 +222,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
+            role="img"
             style="--cpd-avatar-size: 20px;"
           >
             <img
@@ -234,9 +236,9 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
               width="20px"
             />
           </span>
-          <h3>
+          <h1>
             Example 1
-          </h3>
+          </h1>
           <span />
         </span>
       </span>
@@ -412,6 +414,7 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
                   data-color="1"
                   data-testid="avatar-img"
                   data-type="round"
+                  role="img"
                   style="--cpd-avatar-size: 20px;"
                 >
                   <img
@@ -425,9 +428,9 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
                     width="20px"
                   />
                 </span>
-                <h3>
+                <h1>
                   Example 1
-                </h3>
+                </h1>
                 <span />
               </span>
             </span>