Replace console.error with logger.error

Related https://github.com/vector-im/element-web/issues/18425

src/async-components/views/dialogs/security/CreateKeyBackupDialog.js

@@ -26,6 +26,8 @@ import AccessibleButton from "../../../../components/views/elements/AccessibleBu
 import { copyNode } from "../../../../utils/strings";
 import PassphraseField from "../../../../components/views/auth/PassphraseField";
 
+import { logger } from "matrix-js-sdk/src/logger";
+
 const PHASE_PASSPHRASE = 0;
 const PHASE_PASSPHRASE_CONFIRM = 1;
 const PHASE_SHOWKEY = 2;
@@ -129,7 +131,7 @@ export default class CreateKeyBackupDialog extends React.PureComponent {
                 phase: PHASE_DONE,
             });
         } catch (e) {
-            console.error("Error creating key backup", e);
+            logger.error("Error creating key backup", e);
             // TODO: If creating a version succeeds, but backup fails, should we
             // delete the version, disable backup, or do nothing?  If we just
             // disable without deleting, we'll enable on next app reload since

src/async-components/views/dialogs/security/CreateSecretStorageDialog.js

@@ -349,7 +349,7 @@ export default class CreateSecretStorageDialog extends React.PureComponent {
             } else {
                 this.setState({ error: e });
             }
-            console.error("Error bootstrapping secret storage", e);
+            logger.error("Error bootstrapping secret storage", e);
         }
     }
 

src/async-components/views/dialogs/security/ExportE2eKeysDialog.js

@@ -23,6 +23,8 @@ import { MatrixClient } from 'matrix-js-sdk/src/client';
 import * as MegolmExportEncryption from '../../../../utils/MegolmExportEncryption';
 import * as sdk from '../../../../index';
 
+import { logger } from "matrix-js-sdk/src/logger";
+
 const PHASE_EDIT = 1;
 const PHASE_EXPORTING = 2;
 
@@ -83,7 +85,7 @@ export default class ExportE2eKeysDialog extends React.Component {
             FileSaver.saveAs(blob, 'element-keys.txt');
             this.props.onFinished(true);
         }).catch((e) => {
-            console.error("Error exporting e2e keys:", e);
+            logger.error("Error exporting e2e keys:", e);
             if (this._unmounted) {
                 return;
             }

src/async-components/views/dialogs/security/ImportE2eKeysDialog.js

@@ -22,6 +22,8 @@ import * as MegolmExportEncryption from '../../../../utils/MegolmExportEncryptio
 import * as sdk from '../../../../index';
 import { _t } from '../../../../languageHandler';
 
+import { logger } from "matrix-js-sdk/src/logger";
+
 function readFileAsArrayBuffer(file) {
     return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -91,7 +93,7 @@ export default class ImportE2eKeysDialog extends React.Component {
             // TODO: it would probably be nice to give some feedback about what we've imported here.
             this.props.onFinished(true);
         }).catch((e) => {
-            console.error("Error importing e2e keys:", e);
+            logger.error("Error importing e2e keys:", e);
             if (this._unmounted) {
                 return;
             }