Add Passkey FAQ modal to onboarding flow

[MusabShakeel576]

Summary

This PR adds a Passkey FAQ modal to the onboarding flow, allowing users who encounter login issues to access helpful information about passkeys before attempting account recovery.

Key Changes

• New Component: Created PasskeyFaqModal component that displays a modal with passkey-related FAQs, featuring a vault animation and accordion-style FAQ items
• New Constants: Added passkey-faqs.tsx with 4 FAQ entries covering passkey security, device compatibility, multi-device usage, and device loss scenarios
• Onboarding Integration: Updated onboarding.tsx to:
  • Import and render the PasskeyFaqModal component in both mobile and web layouts
  • Add state management for controlling modal visibility (showPasskeyFaq)
  • Update the recovery link UI to include a "Passkey FAQs" button alongside the existing account recovery link
  • Adjust button area height calculation to accommodate the new two-line help prompt (increased from 44px to 64px for wrapped text)
  • Update comments to reflect the expanded help options

Implementation Details

• The modal uses the existing ResponsiveModal component with a max-width constraint for medium screens
• The FAQ content is displayed using the existing FAQ component with a vault animation from Lottie
• The recovery link now presents users with two options: view Passkey FAQs or start account recovery
• The modal is conditionally rendered in both the mobile (SafeAreaView) and web layouts to ensure consistent UX across platforms

https://claude.ai/code/session_01C4Jn2RkCUkojpkS83nynmg

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
solid-app	Ignored		Jun 14, 2026 8:03am
solid-app-staging	Ignored		Jun 14, 2026 8:03am