Design a responsive web-based schedule management system with an integrated Pomodoro timer. Use a semantic layout with modern UI elements: <header>: Main navigation bar with links to Schedule, Statistics, Settings, and Support, featuring a sticky header for persistent navigation. <main>: <section id="schedule-board">: Displays tasks by day/week with drag-and-drop functionality, inline editing, and Pomodoro progress indicators. Implement a skeleton loader for tasks while data loads. <aside id="pomodoro-timer">: Contains a countdown timer, session status, and work/break alerts. Use a floating action button for quick timer control. <aside id="statistics-panel">: Show productivity insights, such as task completion rates and Pomodoro cycles. Include interactive charts with hover effects for detailed data views. <footer>: User notifications for sessions and task deadlines. Include the following UI enhancements: Skeleton loaders for data fetching. Float labels for form fields to ensure clear user input prompts. Sticky header for consistent access to navigation. Hover and focus states for buttons and links for better interaction. Animated transitions for task reordering and Pomodoro start/stop actions. Responsive grid layout to adjust views on different screen sizes. Dark mode toggle for user preference. Accordion panels for task details to save space. Progress bars for visualizing task completion within Pomodoro sessions. Tooltips on icons for clarity on actions. Floating action button for quick access to add new tasks or start the timer. Ensure the design is intuitive and visually appealing for an enhanced user experience
