Feature/mobile UI enhancement

[Harshita2404007]

Related Issue

N/A

Summary

Improved the mobile responsiveness and enhanced the overall UI aesthetics of the StudyPlan application with a modern and visually appealing color palette.

Changes Made

• Enhanced sidebar responsiveness for mobile devices
• Improved topbar layout and button spacing
• Optimized calendar section for smaller screens
• Reduced font sizes and spacing for better mobile readability
• Improved calendar legend wrapping and alignment
• Prevented horizontal overflow issues in the main layout
• Updated the application theme with a modern purple-blue productivity-inspired color palette
• Improved shadow depth and visual hierarchy for a premium UI feel
• Enhanced primary button styling using gradient effects and hover animations
• Refined overall UI consistency and readability

Testing

• Tested the application locally using node server.js
• Verified responsiveness by resizing the browser window manually
• Checked layout behavior for sidebar, topbar, buttons, and calendar components
• Tested updated theme colors in both light and dark appearance modes
• Ensured no existing functionality was broken after UI updates

Checklist

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