Notification Header - Copy this React, Mui 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 using react And MUI