web: add eager loading to featured event images on home page

web/src/components/events/EventItem.tsx

@@ -20,10 +20,12 @@ export const EventItem = ({
   event,
   mode,
   size,
+  imageLoading,
 }: {
   event: SingularEvent | EventFragment;
   mode: "list" | "calendar" | "singular-time-only";
   size?: "small" | "medium" | "large";
+  imageLoading?: "eager" | "lazy";
 }) => {
   const futureOccurrences = getFutureOccurrences(event);
   const groupedOccurrences = groupConsecutiveDates(
@@ -47,6 +49,7 @@ export const EventItem = ({
             width={0}
             height={0}
             sizes="(max-width: 900px) 100vw, 25vw"
+            loading={imageLoading}
           />
         )}
       </div>