Notification Preferences Panel - Copy this React, Tailwind Component to your project

A-sidebar-menu-with-options-including-"Profile-settings,"-"Notifications,"-"Devices,"-and-"Security."-A-main-content-area-titled-"Notifications"-with-checkboxes-for:-"Desktop-notifications"-with-a-description-"Receive-desktop-notifications-whenever-a-post-requires-your-attention"-"Mobile-notifications"-with-a-description-"Receive-activity-and-posts-notifications-on-your-mobile-devices"-"Email-notifications"-already-checked,-with-a-description-"Receive-updates-in-your-email-inbox"-Under-"Email-preferences,"-provide-dropdown-selections-with:-Options-for-"When-should-we-send-email-notifications?"-including-"Always-be-notified"-and-"When-I'm-idle"-Choices-for-"How-often-should-we-send-email-notifications?"-such-as-"Send-a-request"-and-"Once-in-an-hour"-A-section-for-"Workspace-notifications"-that-lists-different-workspaces-(e.g.,-"Sample-workspace,"-"Tree's-Leaf")-each-followed-by-individual-checkboxes-for:-"New-posts"-"Post-updates"-"Conversations"