feat: add event image optimization with next/image

[anxkhn]

Problem Description

Event images are loaded using regular img tags instead of Next.js Image component.

Context

next/image provides automatic optimization, lazy loading, and prevents layout shift.

Files to Investigate

• src/components/event-card.tsx - Event card images
• src/app/events/[id]/page.tsx - Event detail images

Expected Behavior

Images should use Next.js Image component for optimization.

Acceptance Criteria

• Replace img with Image component
• Add proper width/height or fill
• Configure image domains in next.config.ts
• Test lazy loading works

Suggested Approach

Import Image from next/image and update all image usages.

Difficulty: Medium

Estimated time: 1-2 hours
Prerequisites: Next.js Image component
Learning outcomes: Image optimization