feat: Enhance calendar component with glassmorphism design and modular architecture

- Refactored Calendar.tsx into modular component structure
- Added glassmorphism theming with CSS custom properties
- Implemented reusable calendar subcomponents:
  - CalendarGrid: Month view with improved day/event display
  - CalendarHeader: Navigation and view controls
  - EventList: List view for events
  - TrendingEvents: Location-based trending events
  - UpcomingEvents: Quick upcoming events preview
- Enhanced responsive design for mobile devices
- Added Playwright testing framework for automated testing
- Updated Docker development commands in CLAUDE.md
- Improved accessibility and user experience

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

CLAUDE.md

@@ -23,6 +23,10 @@ npm run preview      # Preview production build locally
 # Database
 node setup-schema.js # Initialize database schema (run once)
 
+# Docker Development (IMPORTANT: Always use --no-cache when rebuilding)
+docker-compose build --no-cache  # Clean rebuild when cache issues occur
+docker-compose down && docker-compose up -d  # Clean restart containers
+
 # Stripe MCP (Model Context Protocol)
 npm run mcp:stripe         # Start Stripe MCP server for AI integration
 npm run mcp:stripe:debug   # Start MCP server with debugging interface