Dashboard UI

[ChinmayeeWuriti08]

Related Issue

Closes #88

Summary

This PR adds a completely new modern dashboard as the default landing page for StudyPlan. The dashboard provides users with a clean, minimalistic overview of their study progress including task statistics, upcoming deadlines, today's priorities and recent activity. The dashboard also features a custom cursor with a ball effect and decorative stars with a crescent moon.

Changes Made

Dashboard Page

• Created new dashboard.html as the default landing page
• Added responsive layout with greeting section, stats grid, and 3-column dashboard cards
• Implemented custom cursor with expanding ball effect on hover

Dashboard Features

• Stats Cards: Shows total tasks (this week), completed tasks, pending tasks, and due soon tasks
• Upcoming Deadlines: Displays next 5 upcoming tasks with smart date formatting (Today, Tomorrow, etc.)
• Today's Priority: Shows tasks due today with time badges
• Recent Activity: Shows latest 5 tasks with status icons and time ago
• Start Planning Button: Redirects to main planner page

Styling & UI

• Custom cursor with ball effect (light mode: dark ball, dark mode: light ball)
• Stars background and floating crescent moon animation
• Card hover effects (turns black with white text)
• Responsive design for mobile devices

Navigation & Routing

• Set dashboard as default landing page (/)
• Added navigation links between dashboard and planner
• Updated server routes to serve dashboard at root

Testing

• Tested dashboard statistics with real task data
• Tested responsive layout on mobile (320px to 1200px)
• Tested custom cursor on desktop, disabled on touch devices
• Tested all navigation links between dashboard and planner

Screenshots

Checklist

• Code follows project style
• Tested locally
• No unrelated changes included
• Documentation updated (if applicable)

[ChinmayeeWuriti08]

@Charushi06 I implemented the Dashboard UI. Kindly review the PR.