Styled Badge - Copy this React, Mui Component to your project

Users should be able to click on a notification to view its details. When a notification is clicked, a dialog should appear showing the notification's details. The dialog should include the title, date and time, content, and the status as 'Read.' The design should use distinct colors to visually differentiate read and unread notifications. The notification detail dialog should have a clean and modern style, with clear spacing and typography to enhance readability.