Improve notification panel usability with copy-to-clipboard for toast notifications

[vpamrit]

Summary

• Adds copy-to-clipboard functionality for individual toast notifications
• Improves notification panel usability with inline copy/close button layout
• Implements recursive text extraction from React children for comprehensive content copying
• Includes hover effects for better visual feedback

Changes

• Copy Button: Added copy icon next to close button on all toast notifications
• Recursive Text Extraction: Extracts text from nested React components and HTML elements
• Hover Effects: Dark background hover state for both copy and close buttons
• Cross-browser Support: Clipboard API availability checks with fallback warnings
• Layout Improvement: Inline button layout for better UX

Technical Details

• No server-side behavior changes
• No breaking changes to existing functionality
• Clipboard API safety checks for cross-browser compatibility
• Enhanced error debugging through comprehensive content copying

Test Plan

• Open console → trigger notifications (SQL errors, failed operations)
• Verify copy button appears next to close button
• Click copy button → verify content is copied to clipboard
• Test with complex nested notification content
• Verify hover effects work on both buttons
• Tested clipboard functionality in Chrome and Firefox

🤖 Generated with Claude Code