feat: Enhance canvas export functionality with file name sanitization and improved error handling - Added sanitizeFileName utility to clean up file names for exports. - Integrated file name sanitization in downloadPNG and downloadJPEG functions. - Improved error handling in downloadPNG, downloadJPEG, and copyToClipboard functions with centralized error management. - Introduced errorHandler utility for consistent error logging and user notifications. - Added logger utility to manage console output based on environment. - Implemented validation utilities for input sanitization and validation. - Enhanced coordinate calculations for pixel-perfect rendering in drawCoordinates. - Updated createUltraQualityCanvas to ensure precise canvas dimensions and improved image loading handling. - Refactored color utilities for consistency and clarity. - Added validation for FEN strings and piece styles.

[BilgeGates]

What's Changed

🐛 Bug Fixes

• Console logs removed - Replaced 74 console.log/error statements with logger utility (dev-only)
• Memory leaks fixed - Added setTimeout cleanup refs to prevent memory leaks
• Coordinate alignment - Fixed board coordinate misalignment in display and export
• Export accuracy - Fixed coordinate positioning in exported images
• Clipboard paste - Fixed FEN notation paste functionality
• Mobile layout - Fixed canvas overflow on mobile devices
• React memo - Fixed comparison functions to prevent unnecessary re-renders

✨ New Features

• Error Boundary - Graceful error recovery with user-friendly fallback UI
• ARIA labels - Added accessibility attributes to Modal, Button, ActionButtons, ChessBoard
• Focus trap - Modal components now trap focus for better keyboard navigation
• Logger utility - Development-only logging (src/utils/logger.js)
• Error handler - Centralized error handling (src/utils/errorHandler.js)

♿ Accessibility

• Modal: role="dialog", aria-modal, aria-labelledby
• Button: aria-label prop, aria-disabled attribute
• ChessBoard: role="img" with dynamic board description

📁 Files Changed

• src/utils/logger.js (new)
• src/utils/errorHandler.js (new)
• src/components/UI/ErrorBoundary.jsx (new)
• src/components/UI/base/Modal.jsx
• src/components/UI/base/Button.jsx
• src/components/UI/ActionButtons.jsx
• src/components/board/ChessBoard.jsx
• src/App.jsx
• Multiple hooks files

Full Changelog: v3.5.1...v3.5.2

---

This discussion was created from the release feat: Enhance canvas export functionality with file name sanitization and improved error handling - Added `sanitizeFileName` utility to clean up file names for exports. - Integrated file name sanitization in `downloadPNG` and `downloadJPEG` functions. - Improved error handling in `downloadPNG`, `downloadJPEG`, and `copyToClipboard` functions with centralized error management. - Introduced `errorHandler` utility for consistent error logging and user notifications. - Added `logger` utility to manage console output based on environment. - Implemented validation utilities for input sanitization and validation. - Enhanced coordinate calculations for pixel-perfect rendering in `drawCoordinates`. - Updated `createUltraQualityCanvas` to ensure precise canvas dimensions and improved image loading handling. - Refactored color utilities for consistency and clarity. - Added validation for FEN strings and piece styles..