Add Toast For Sending MFA SMS

[JamesonRGrieve]

As a(n) User I want to see a confirmation toast when MFA codes are sent so that I know my authentication request is being processed.

Executive Summary

We need to implement a toast notification system that confirms when Multi-Factor Authentication (MFA) SMS codes are sent to users. Since the backend support is not yet available, we will implement a frontend draft with detailed comments and preparations for future backend integration. This will improve user experience by providing immediate feedback during the authentication process.

Acceptance Criteria

• Implement toast notification component

  • Design consistent with existing UI
  • Appropriate duration (3-5 seconds)
  • Smooth animation for appear/disappear
  • Accessible design (ARIA labels)

• Add toast trigger points

  • Hook into MFA SMS send function
  • Add placeholder for future API response handling
  • Include loading state while "sending"

• Toast content requirements

  • Clear success message
  • Masked phone number display (e.g., "--1234")
  • Error state for failed attempts
  • Resend option if applicable

In-Scope Files / Directories / Systems

Not Provided

Out-of-Scope Files / Directories / Systems

Not Provided

Issue Dependencies

Not Provided

Other Dependencies

Not Provided