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

Design-a-real-time-notification-system-for-managing-meetings-and-follow-ups.-The-system-should-display-notifications-for-upcoming-events,-prioritize-alerts-based-on-urgency,-and-provide-users-with-an-easy-to-navigate-interface-to-act-on-these-notifications."-Features-to-Include-in-the-Notification-System-Real-Time-Updates-Use-technologies-like-WebSockets-or-Firebase-for-live-updates.-Users-should-receive-notifications-as-soon-as-an-event-is-created-or-updated.-Notification-Categories-Meeting-Alerts:-Notify-users-about-upcoming-meetings,-highlighting-those-that-are-within-a-short-timeframe-(e.g.,-15-minutes-to-1-hour).-Follow-Up-Reminders:-Notify-users-of-their-scheduled-follow-ups-with-details-like-the-lead-name,-task,-and-priority.-Prioritization-High-priority-notifications-(e.g.,-meetings-starting-soon-or-overdue-follow-ups)-should-be-displayed-prominently-with-a-different-color-or-icon.-Lower-priority-events-can-be-displayed-in-a-secondary-list.-Alert-Design-Use-badges/icons-to-indicate-the-type-of-alert-(e.g.,-meeting,-follow-up).-Display-clear-details:-For-meetings:-Time,-attendees,-location-(if-applicable).-For-follow-ups:-Lead-name,-task-description,-due-date,-and-priority.-Actionable-Buttons-Mark-as-"Done"-or-"Completed."-"Reschedule"-button-for-quick-updates.-Direct-link-to-the-meeting-or-follow-up-page-for-detailed-actions.-Scheduled-Notifications-Notifications-should-appear:-X-minutes-before-a-meeting-or-follow-up.-Daily-summary-for-all-events-happening-on-that-day.-UI/UX-Features-Sticky-Notification-Panel:-A-collapsible/expandable-notification-panel-at-the-top-or-side-of-the-screen.-Notification-Popups:-Small-toast-messages-for-urgent-alerts.-Search-and-Filter:-Allow-users-to-filter-notifications-by-type-(meetings-or-follow-ups)-or-date.-History-and-Logs-A-section-to-view-past-notifications-and-actions-taken.-Custom-Alerts-Allow-users-to-set-custom-reminders-for-specific-events-(e.g.,-remind-1-day-in-advance).-Integration-with-Calendars-Integrate-with-Google-Calendar-or-similar-services-for-seamless-meeting-updates.-Example-Notification-Display-Layout-Upcoming-Meetings-Section-Title:-"Upcoming-Meetings"-Alerts:-"Meeting-with-Client-ABC-at-10:00-AM---Starting-in-15-minutes!"-(⚠️-Alert)-"Weekly-Team-Sync-at-2:00-PM"-(🕒-Reminder)-Follow-Up-Reminders-Section-Title:-"Follow-Up-Tasks"-Alerts:-"Follow-up-on-Lead-XYZ---Due-Today-at-5:00-PM-(High-Priority)"-(🔴-Critical)-"Send-Proposal-to-Client-DEF---Due-Tomorrow"-(🟡-Medium)