OKTA-826614 add grace period support for v2 & v3

[TiffanyNg-okta]

Description:

• Figma: https://www.figma.com/design/lOOqLOMOii5l6lIbYCvUKz/Authenticator-enrollment-campaigns?node-id=44-2739&t=e0Tod2vF005BrOtc-4
• https://oktawiki.atlassian.net/wiki/spaces/eng/pages/3147727639/SIW+for+Authenticator+Enrollment+Grace+Period
• Adds grace period support for v2 & v3
• Sorts authenticators object into different lists depending on combination of skip remediation + valid grace period field
• If required authenticators are being returned, we sort them into Required Now or Required Soon list
• Required Soon authenticators will display grace period elements that show the exact grace period date + time (in user locale and time zone) along with a relative time statement i.e. Required in {x} days or Required today
• If all the required authenticators have a valid grace period + skip remediation, we show a Remind me later button (backend will handle how this button redirects to optional authenticators)
• Optional authenticators screen should remain the same
• Re-use device assurance's formatDateToDeviceAssuranceGracePeriodExpiryLocaleString to display exact grace period date + time
• For v2, we add a new container (AuthenticatorEnrollOptionsContainer) to house the different lists as we can now have more than one list shown on the view
• V3 was able to make use of existing functionality so no new files we needed outside of some refactoring.
• We are opting to NOT round down to nearest hour like Device Assurance Grace Period

PR Checklist

• Have you verified the basic functionality for this change?
• Did you add tests, as appropriate, following our Automated Test guidelines?
• Did you follow our Security Best Practices?
• Did you verify the change by running downstream monolith artifact? (Provide link to build below)
• Does this PR include noticeable changes to the UI? (If yes, attach screenshots/video below)

Issue:

• OKTA-826614

Reviewers:

Screenshot/Video:

V2 screenshots:

V3 screenshots:

Downstream Monolith Build:

[shuowu-okta]

LGTM! Ready for demo cell / e2e testing

[shuowu-okta]

can you add unit test for this util function?

[TiffanyNg-okta]

I have unit tests in TimeUtil_spec.js starting on line 155 here 🙂 : https://github.com/okta/okta-signin-widget/pull/3769/files/10a139eace839ce76ab7614508e4b65d47e746a9#diff-6f8c4193d90fd1b20ea606fe118b204009c54689dfe5dd519ffdbc5bbad68859R155