feat: improved recovery kit ux

[nimish-ks]

🔍 Overview

This PR makes improves the UX around viewing recovery kit in the settings screen.

💡 Proposed Changes

• Added exception handling when an incorrect sudo password has been entered by the user
• Added a spinner on the Unlock button to show a loading indicator when users entered a sudo password and clicks Unlock

🖼️ Screenshots or Demo

Screencast.From.2025-01-20.14-08-16.mp4

📝 Release Notes

Improved Phase recovery kit UX

🧪 Testing

• Navigate to the settings screen and try to access the recovery kit, with a valid / invalid sudo password

➕ Additional Context

• A 100ms delay has been added to the Unlock button state for DX reasons. Without it the Unlock button seems to execute the decryption process swiftly, but with the just the right amount of delay (disabled) state to potentially confuse the user.

await new Promise(resolve => setTimeout(resolve, 100))

💚 Did You...

• Ensure linting passes (code style checks)?
• Update dependencies and lockfiles (if required)
• Regenerate graphql schema and types (if required)
• Verify the app builds locally?
• Manually test the changes on different browsers/devices? (Chromium/Firefiox)