Use correct color for cancel button in dialog (#34308)

* Use secondary style for cancel button in dialog

* Update snapshots

* Update screenshots

* Update screenshots

apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap

@@ -98,6 +98,7 @@ exports[`CreateSecretStorageDialog handles the happy path 1`] = `
             class="mx_Dialog_buttons_row"
           >
             <button
+              class="cancel"
               data-testid="dialog-cancel-button"
               type="button"
             >
@@ -247,6 +248,7 @@ exports[`CreateSecretStorageDialog when there is an error fetching the backup ve
               class="mx_Dialog_buttons_row"
             >
               <button
+                class="cancel"
                 data-testid="dialog-cancel-button"
                 type="button"
               >

apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap

@@ -58,6 +58,7 @@ exports[`<RestoreKeyBackupDialog /> should display an error when recovery key is
               class="mx_Dialog_buttons_row"
             >
               <button
+                class="cancel"
                 data-testid="dialog-cancel-button"
                 type="button"
               >
@@ -171,6 +172,7 @@ exports[`<RestoreKeyBackupDialog /> should not raise an error when recovery is v
               class="mx_Dialog_buttons_row"
             >
               <button
+                class="cancel"
                 data-testid="dialog-cancel-button"
                 type="button"
               >
@@ -281,6 +283,7 @@ exports[`<RestoreKeyBackupDialog /> should render 1`] = `
               class="mx_Dialog_buttons_row"
             >
               <button
+                class="cancel"
                 data-testid="dialog-cancel-button"
                 type="button"
               >