Notification System - Copy this React, Tailwind Component to your project

need-a-notification-icon-on-the-header-and-when-click-on-that-a-dialog-will-be-opened-having-Notifications-as-header-and-right-to-that-tick-icon-to-mark-all-as-read-below-to-header-three-accordions-todays,-last-30-days,-last-90-days-,-when-click-on-any-need-to-show-notifcation-text-as-bold-and-below-that-notification-will-be-shown-in-normal-below-to-that-date-will-be-shown-as-"Dec-02-24"-and-right-to-evry-message-if-not-read-need-to-have-a-blure-dot-and-tick-icon-to-mark-as-read