[MFA] Your Safe Account Security Screen for MFA

[the-real-chrizzo]

What needs to be done

• Implement screen as indicated in the desigsn
• Change colour for "Your owner recovery kit" from red (if no MFA is enabled) to green (if MFA is enabled)
• When a user clicks on the "Your owner recovery kit" the "Set up MFA" screen appear (UI is not part of this story)
• Change "°" to green check marks for the the 3 items in the upper part of the screen if user sets those up, i.e if recovery kit is enabled, if more owners are added, if confirmation threshold is increased

Acceptance criteria
-Designs implemented as specified above

Reference
Figma https://www.figma.com/file/Oo95065RJXyuQIFkdMQ9Cs/MFA-authentication?type=design&node-id=1450-3840&mode=design&t=yO0KS2sfAOhSpsek-4

[liliya-soroka]

Reopened.Please recheck implementation:

1. Top block colours ( the top is always green)
2. "Add owner" is not checked when there are 2 owners but policy 1 of N or even N of M
3. recovery kit is marked as done , when it's not done
4. "Your recovery kit" should be displayed only for the Social login keys
5. Check "we recommend more then 1 owner" with Tanya when there are more owners
6. Check the screen view when no owners with social login keys in the safe

Checked cases:

1. read-only safe
2. my safe on Polygon without social login key
3. 1 of 1 safe with social key
4. 1 of N safe with social key as one of the owners
5. 2 of N safe with social key as one of the owners
6. N of M safe without social key owner, but with diff type of key in the app
   app version 3.23.0 (1948)