Add behavior when entering recovery words

[lmuntaner]

Motivation

Improve the user experience during entering the recovery phrase.

Changes

This pull request enhances the recovery phrase entry page by improving user privacy and usability. The main changes introduce per-word and global visibility toggling for recovery phrase inputs, enforce lowercase input, and add a "Clear all" option. These updates help protect sensitive information from shoulder surfing and password managers, while making the input process smoother and more intuitive.

Recovery phrase input privacy and usability improvements:

• Added a showContent property to each recovery word and a global showAll state to control visibility of word inputs. Inputs are now masked by default (type password), and can be revealed individually (on focus) or all at once via a "Show all"/"Hide all" toggle.
• Added a "Clear all" button that resets all recovery phrase fields, validity, and visibility, and focuses the first input.
• Enforced lowercase for all input and pasted recovery words to ensure consistency and prevent accidental mismatches.
• Added attributes to input fields to discourage password managers from interfering (e.g., data-lpignore, autocomplete="off", etc.).

Tests

Tested locally, see videos attached.

[lmuntaner]

New UX:

Screen.Recording.2025-11-04.at.14.01.04.mov

[Copilot]

Pull Request Overview

This PR adds password masking functionality to the recovery phrase input page to enhance security and privacy when entering recovery words. The implementation includes show/hide toggles for individual inputs and all inputs collectively, along with password manager ignore attributes and lowercase normalization.

Key changes:

• Added password masking for recovery phrase inputs with per-field and global show/hide controls
• Implemented lowercase normalization on input to ensure consistent word validation
• Added password manager ignore attributes to prevent interference

Comments suppressed due to low confidence (1)

src/frontend/src/routes/(new-styling)/recovery-phrase/+page.svelte:138

• Corrected spelling of 'Uses' to 'Users'.

    // Uses might paste text with multiple spaces, tabs, or newlines between words.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[sea-snake]

LGTM