Add Recovery section in the new user settings Encryption tab

[florianduros]

Checklist

• Tests written for new code (and old code if feasible).
• New or updated public/exported symbols have accurate TSDoc documentation.
• Linter and other CI checks pass.
• I have licensed the changes to Element by completing the Contributor License Agreement (CLA)

First of all, I'm sorry for the size of the PR.

Task #26468
Figma design
Add a new encryption tab with a new recovery section.

Implemented

• Add the crypto team as code owner of this new encryption tab

The encryption tab has the following behaviour:

• If the device is not verified, a button to launch the verification button is displayed. Only this button and his description is displayed. The user must verify his device before playing with the encryption settings.
• Otherwise, display the Recovery section (the Key storage and Advanced section in the future)
• If the user want to set up or change the recovery key when clicking on the corresponding button of the recovery section, the content of the encryption tab is replaced by a breadcrumb to do it.

The recovery section has the following behaviour:

• If the key backup is not setup, we ask to setup a recovery key
• If the secrets (cross-signing keys) are not cached locally, we ask to enter the recovery key
• Otherwise, display the "change recovery key" button

Not implemented

This PR DON'T (because the PR is already massive and theses tasks should be done in other PRs):

• Implement the "Key storage is out of sync" toast
• Implement the new "Enter your recovery key" dialog and the "Forgot your recovery key? You’ll need to reset your identity." dialog
• Add dot to the User settings tab

[t3chguy]

shouldn't this be in Compound?

[florianduros]

I don't think that compound hosts box-shadow tokens

[dbkr]

There's a lot here, but lgtm as far as I can see!

[dbkr]

Sorry, on further reading I have some questions.

[dbkr]

Shouldn't this test be more along the lines of registering an account and then setting up recovery? Is the bot doing something here to get crypto into a certain state?

[florianduros]

You can if you delete your key backup. For example go to the Security & Privacy tab and click on "Delete backup". Even if we remove this section of Security & Privacy later, an another matrix client can remove it.

The e2e test call client.getCrypto()?.deleteKeyBackupVersion(backupVersion) on the last backup version to be in this state.

[dbkr]

Oh right, I think I was confusing this with deleteCachedSecrets().