feat: recovery codes UI (recovery sign in + get recovery codes) (#2139)

* feat(web): show recovery codes

* feat(web): add recovery sign in

* fix: copy

* fix: styles

* feat: add "copy to clipboard" button

* style: copy

* fix: copy button bg

* style: singularize recovery codes

* style: singularize recovery codes

* feat: password validation

Co-authored-by: Aman Harwara <amanharwara@protonmail.com>
Co-authored-by: Mo <mo@standardnotes.com>

packages/snjs/lib/Application/Application.ts

@@ -333,6 +333,10 @@ export class SNApplication implements ApplicationInterface, AppGroupManagedAppli
     return this.actionsManager
   }
 
+  public get challenges(): ExternalServices.ChallengeServiceInterface {
+    return this.challengeService
+  }
+
   public computePrivateUsername(username: string): Promise<string | undefined> {
     return ComputePrivateUsername(this.options.crypto, username)
   }
@@ -823,10 +827,6 @@ export class SNApplication implements ApplicationInterface, AppGroupManagedAppli
     }
   }
 
-  public promptForCustomChallenge(challenge: Challenge): Promise<ChallengeResponse | undefined> {
-    return this.challengeService?.promptForChallengeResponse(challenge)
-  }
-
   public addChallengeObserver(challenge: Challenge, observer: InternalServices.ChallengeObserver): () => void {
     return this.challengeService.addChallengeObserver(challenge, observer)
   }
@@ -996,7 +996,7 @@ export class SNApplication implements ApplicationInterface, AppGroupManagedAppli
       false,
     )
 
-    void this.promptForCustomChallenge(challenge)
+    void this.challengeService.promptForChallengeResponse(challenge)
 
     this.isBiometricsSoftLockEngaged = true
     void this.notifyEvent(ApplicationEvent.BiometricsSoftLockEngaged)