User story for PassMan UX flow

User Interaction flow for app:

- user logs using Oauth using package ( nextjs/auth)
- user gets redirected to dashboard
- two big cards will be displayed named : PERSONAL or BUSINESS

*For now we have requirements for Personal account only*

- Once user chooses personal account, if key hasn't been set then it will ask to setup key for the Vault
- Else , he will be asked to enter key previously added

Now they will be redirected to Personal Vault page
List of all the account will be shown in the card (check Last pass landing page for UI)

Now to add new account
- we will have new button on the top right named Add Account.
- Modal will be displayed, then three fields will be there:
i) username
ii) email
iii) password
iv) socials

Password will be based before saving to the database.

No files, tests, or entry points are named; first inspect the TypeScript/Next.js application structure and identify the existing OAuth, dashboard, vault, and account UI entry points. Before implementation, clarify the key setup and verification behavior, the meaning of “Password will be based,” and the intended Personal Vault flow; done should cover the specified personal-account journey and Add Account fields.

由索引模型根據 Issue 內容生成。