Issue: Update Cover Photo Display in All Event Components

[NahomAlemu]

Description

Multiple components reference event.eventCoverPhoto directly. With the new schema, cover photos are stored as Media entity references. Components need to handle the new data structure to display images correctly.

Components Affected:

• EventCard.tsx
• HomeEventsCard.tsx
• UpcomingEvent.tsx
• EventGetter.tsx
• event-detail/page.tsx

Tasks

• Update EventCard.tsx to use event.coverPhoto?.s3Url or mapped field
• Update HomeEventsCard.tsx image source handling
• Update UpcomingEvent.tsx image source handling
• Update EventGetter.tsx image source handling
• Update event-detail/page.tsx cover photo display
• Maintain fallback to default image when no cover photo exists
• Test all event cards display cover photos correctly

Visual Aids

Expand ⬇️

Before:

<CardMedia image={event.eventCoverPhoto} />

After:

<CardMedia image={event.coverPhoto?.s3Url || event.eventCoverPhoto || defaultImage} />
</details>