Storybook stories for phone verification modal and verify account section

[J-C-L]

Summary

This is a follow up to Commit 9dd240b for issue #2089.
This adds storybook stories for the phone verification modal (phone step, code step, and success step), the verify account section that will appear on the edit profile view profile pages when a user is logged in, and the view profile page.

Checklist

• [ n/a ] On the frontend, I've made my strings translate-able.
• [ YES ] If I've added shared components, I've added a storybook story.
• [ n/a ] I've made pages responsive and look good on mobile.
• [ n/a ] f I've added new Firestore queries, I've added any new required indexes to firestore.indexes.json (Please do not only create indexes through the Firebase Web UI, even though the error messages may reccommend it - indexes created this way may be obliterated by subsequent deploys)

Steps to test/reproduce

Run storybook.

1. Navigate to organisms > PhoneVerificationModal.
   Visually inspect each of the 3 steps (phone step, code step, and success step).
2. Navigate to organisms > VerifyAccountSection.
   a. Visually inspect the box.
   b. Click on Resend link in the email section. You should see a "something went wrong" message because no user is logged in.
   c. Click on Verify in the phone section and confirm that the verify phone modal comes up.
3. Navigate to Pages > ProfilePage > Own Profile.
   Confirm page looks as expected for viewing one's own profile. This should include the "verify account" section for a user that has not yet verified phone or email.
4. Navigate to Pages > ProfilePage > Another's Profile
   Confirm page looks as expected for viewing someone else's profile. This should not include the "verify account" section, or the settings/your testimonies/followed content buttons

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
maple-dev	Ready	Preview, Comment	May 5, 2026 7:41pm