Header - Copy this React, Tailwind Component to your project

In-the-header-of-the-StudentDashboard-component,-there-are-two-interactive-icons-for-notifications-and-messages-in-the-far-right.-The-notification-icon-(represented-by-a-bell)-displays-a-red-badge-with-the-count-of-unread-notifications.-When-clicked,-it-opens-the-NotificationDrawer,-where-users-can-view-recent-notifications-and-mark-them-as-read.-The-message-icon-(represented-by-a-message-square)-opens-the-MessageDrawer-upon-clicking,-allowing-users-to-view-messages-and-send-replies-if-necessary.-Both-drawers-provide-an-intuitive-way-to-keep-track-of-updates-and-communications-directly-from-the-dashboard.