🏗️📦feat: copy `auth` components slice into `frontend/apps/web/`

[sotoJ24]

---

Issue Summary

Copy the authentication components from frontend-SafeTrust/src/components/auth/ into apps/web/src/components/auth/. Update import paths only. Do not modify logic.

Type of Issue

• Feature Request

Depends on

Issue 1 must be merged first.

Source files (from frontend-SafeTrust)

src/components/auth/
├── Login.tsx                   ← copy as-is, update imports
├── Register.tsx                ← copy as-is, update imports
├── ForgotPasswordForm.tsx      ← copy
├── NewPassword.tsx             ← copy
├── ResetPasswordForm.tsx       ← copy
├── VerifyEmail.tsx             ← copy
├── InvalidResetToken.tsx       ← copy
├── ui/
│   └── Illustration.tsx        ← copy
└── wallet/
    ├── hooks/
    │   └── multi-wallet.hook.ts   ← copy
    └── components/
        ├── MainWalletSelectionModal.tsx
        ├── WalletSelectionModal.tsx
        └── MetaMaskWalletModal.tsx

Target location in dApp-SafeTrust

apps/web/src/components/auth/   ← exact mirror of source

Import path rules

The following import aliases must be updated to match apps/web/:

Original import	Updated import
@/components/ui/button	@/components/ui/button (same — ui is local)
@/core/store/data	@/core/store/data (copy store in Issue 5)
@/components/auth/wallet/...	@/components/auth/wallet/... (same structure)

For any import that references a file NOT copied in this batch, replace with a stub:

// TODO: wire in Batch 2 — <original import path>
const ComponentName = () => null;

Key file: Login.tsx

Looking at the actual Login.tsx source, it imports:

• next/link ✅ available
• next/image ✅ available
• lucide-react ✅ in package.json
• @/components/ui/button ← needs ui/ components (Issue 3)
• @/components/ui/checkbox ← same
• @/components/ui/input ← same
• @/components/ui/label ← same
• @/components/ui/separator ← same
• @/components/auth/ui/Illustration ✅ copied in this issue
• @/core/store/data ← stub for now (Issue 5)
• next/navigation ✅ available
• ./wallet/hooks/multi-wallet.hook ✅ copied in this issue
• ./wallet/components/MainWalletSelectionModal ✅ copied in this issue
• ./wallet/components/WalletSelectionModal ✅ copied in this issue
• ./wallet/components/MetaMaskWalletModal ✅ copied in this issue

Acceptance Criteria

• All files from frontend-SafeTrust/src/components/auth/ exist in apps/web/src/components/auth/
• No TypeScript errors on files that have all their imports resolved
• Files with unresolved imports have // TODO: wire in Batch 2 stubs instead of broken imports
• No logic changes — only import path updates permitted
• pnpm build --filter @safetrust/web does not fail due to syntax errors in copied files

References

• [Contributing Guide](CONTRIBUTORS GUIDELINE 🧪 frontend-SafeTrust#34)
• [Git Guidelines](GIT GUIDELINE 🐈 frontend-SafeTrust#35)

---

[Villarley]

@Villarley has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hey team! I have great experience on this repo would love to tackle this one!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Villarley to this issue.

[drips-wave]

Congratulations, @Villarley! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @Villarley: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊