web: fetch less data when just listing events and news articles on home page

web/src/components/events/EventItem.tsx

@@ -6,6 +6,7 @@ import { Image } from "@/components/general/Image";
 import {
   SingularEvent,
   EventFragment,
+  EventListItemFragment,
   getFutureOccurrences,
 } from "@/lib/event";
 import {
@@ -22,7 +23,11 @@ export const EventItem = ({
   size,
   imageLoading,
 }: {
-  event: SingularEvent | EventFragment;
+  event:
+    | SingularEvent
+    | SingularEvent<EventListItemFragment>
+    | EventFragment
+    | EventListItemFragment;
   mode: "list" | "calendar" | "singular-time-only";
   size?: "small" | "medium" | "large";
   imageLoading?: "eager" | "lazy";