feat: add maintenance notice modal and configuration options

[Dprof-in-tech]

Description

This pull request introduces a new, configurable Maintenance Notice Modal to the application, allowing administrators to inform users of scheduled maintenance via a prominent overlay. The modal supports custom scheduling, dismissals (persisted per user and schedule), and rich text formatting. Additionally, related configuration, styling, and component exports have been updated to support this feature.

Maintenance Notice Modal Feature:

• Added a new MaintenanceNoticeModal React component that displays a modal overlay for scheduled maintenance, with support for custom text, bold formatting, and persistent dismissal per user and schedule. (app/components/MaintenanceNoticeModal.tsx)
• Integrated the MaintenanceNoticeModal into the main application layout so it appears globally when enabled. (app/components/AppLayout.tsx) [1] [2]
• Exported MaintenanceNoticeModal from the central component index for easier reuse/imports. (app/components/index.ts)

Configuration:

• Added environment variables to .env.example to control enabling the maintenance modal and to set the maintenance schedule, with documentation for usage. (.env.example)

Styling:

• Added Inter font import to global styles and configured Tailwind to use the Inter font family for improved typography in the modal and elsewhere. (app/globals.css, tailwind.config.ts) [1] [2]

MUST SET THE ENV VARIABLES FOR THIS MAINTAINANCE NOTICE TO SHOW

YOU CAN SEE WHAT DETAILS TO ADD IN THE ENV.EXAMPLE, BUT HERE THEY ARE AGAIN

NEXT_PUBLIC_MAINTENANCE_NOTICE_ENABLED=true

NEXT_PUBLIC_MAINTENANCE_SCHEDULE=Friday, February 13th, from 7:00 PM to 11:00 PM WAT

References

Testing

• This change adds test coverage for new/changed/fixed functionality

Checklist

• I have added documentation and tests for new/changed functionality in this PR
• All active GitHub checks for tests, formatting, and security are passing
• The correct base branch is being used, if not main

By submitting a PR, I agree to Paycrest's Contributor Code of Conduct and Contribution Guide.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat-add-service-notice

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}