Add Advanced section to the user settings encryption tab (#28804)

* Make the encryption card more configurable:
- Change the icon
- Can set the destructive props

* Update compound

* Add advanced section

* Add the `Never send encrypted messages to unverified devices` settings

* - Add commercial license
- Remove generic type

* Rename EncryptionDetails css classes

* Use same uiAuthCallback

* Use h3 for title

* Add tests to `AdvancedPanel`

* Add tests to `EncryptionUserSettingsTab`

* Add tests to `ResetIdentityPanel`

* Get only the recovery section in recovery tests

* Add e2e test

test/unit-tests/components/views/settings/tabs/user/EncryptionUserSettingsTab-test.tsx

@@ -94,4 +94,19 @@ describe("<EncryptionUserSettingsTab />", () => {
         await waitFor(() => expect(screen.getByText("Set up recovery")).toBeInTheDocument());
         expect(asFragment()).toMatchSnapshot();
     });
+
+    it("should display the reset identity panel when the user clicks on the reset cryptographic identity panel", async () => {
+        const user = userEvent.setup();
+
+        const { asFragment } = renderComponent();
+        await waitFor(() => {
+            const button = screen.getByRole("button", { name: "Reset cryptographic identity" });
+            expect(button).toBeInTheDocument();
+            user.click(button);
+        });
+        await waitFor(() =>
+            expect(screen.getByText("Are you sure you want to reset your identity?")).toBeInTheDocument(),
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
 });