added error message kek generation failure

src/pages/generate/index.tsx

@@ -60,10 +60,19 @@ export default function Generate() {
                 const cryptoWorker = await new CryptoWorker();
                 const key: string = await cryptoWorker.generateMasterKey();
                 const kekSalt: string = await cryptoWorker.generateSaltToDeriveKey();
-                const kek: KEK = await cryptoWorker.deriveSensitiveKey(
-                    passphrase,
-                    kekSalt
-                );
+                let kek: KEK;
+                try {
+                    kek = await cryptoWorker.deriveSensitiveKey(
+                        passphrase,
+                        kekSalt
+                    );
+                } catch (e) {
+                    setFieldError(
+                        'confirm',
+                        constants.PASSWORD_GENERATION_FAILED
+                    );
+                    return;
+                }
                 const encryptedKeyAttributes: B64EncryptionResult = await cryptoWorker.encryptToB64(
                     key,
                     kek.key
@@ -109,8 +118,9 @@ export default function Generate() {
                 'passphrase',
                 `${constants.UNKNOWN_ERROR} ${e.message}`
             );
+        } finally {
+            setLoading(false);
         }
-        setLoading(false);
     };
 
     return (

src/utils/strings/englishConstants.tsx

@@ -156,6 +156,7 @@ const englishConstants = {
     SESSION_EXPIRED: 'login',
     SYNC_FAILED:
         'failed to sync with remote server, please refresh page to try again',
+    PASSWORD_GENERATION_FAILED: `your browser was unable to generate a strong enough password  that meets ente's encryption standards, please try using the mobile app or another browser`,
 };
 
 export default englishConstants;