"Verify this device" redesign (#30596)

* add variant of ResetIdentityBody for when the user has no verif. methods

* no longer distinguish between the using having a passphrase or not

* use vertical stack of buttons via EncryptionCard

and update wording

* swap logic order to match rendering order

* use the same dialog when no verification options available

* make it agree with the design more

* allow signing out on initial login

* apply styling changes and remove duplicate elements

* fix and add tests

* add missing snapshot

* Apply suggestions from code review

Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>

* use a boolean property to disable blurring instead of adding a class

* change string identifiers

* apply changes from review -- simplify logic

* change class name to avoid confusion

---------

Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>

test/unit-tests/components/views/auth/__snapshots__/AuthPage-test.tsx.snap

@@ -6,7 +6,7 @@ exports[`<AuthPage /> should match snapshot 1`] = `
     class="mx_AuthPage"
   >
     <div
-      class="mx_AuthPage_modal"
+      class="mx_AuthPage_modal mx_AuthPage_modal_withBlur"
       style="position: relative;"
     >
       <div
@@ -15,7 +15,7 @@ exports[`<AuthPage /> should match snapshot 1`] = `
       />
       <div
         class="mx_AuthPage_modalContent"
-        style="display: flex; z-index: 1; background: rgba(255, 255, 255, 0.59); border-radius: 8px;"
+        style="display: flex; z-index: 1; border-radius: 8px; background: rgba(255, 255, 255, 0.59);"
       />
     </div>
     <footer

test/unit-tests/components/views/dialogs/security/SetupEncryptionDialog-test.tsx

@@ -46,7 +46,7 @@ describe("SetupEncryptionDialog", () => {
 
         // And we hit the Proceed with reset button.
         // (The createDialog mock above simulates the user doing the reset)
-        await act(async () => screen.getByRole("button", { name: "Proceed with reset" }).click());
+        await act(async () => screen.getByRole("button", { name: "Can't confirm?" }).click());
 
         // Then the phase has been set to Finished
         expect(store.phase).toBe(Phase.Finished);