web: centralize prop fetching for live + preview, fix preview banner breakage

web/src/app/page.tsx

@@ -1,14 +1,9 @@
-import { EventFragment } from "@/lib/event";
-import { NewsFragment } from "@/lib/news";
-import { HomeFragment } from "@/gql/graphql";
-import { getClient } from "@/app/client";
-import { HomePageView, homeQuery } from "@/components/home/HomePageView";
+import {
+  HomePageView,
+  loadHomePageProps,
+} from "@/components/home/HomePageView";
 
 export default async function Home() {
-  const { data, error } = await getClient().query(homeQuery, {});
-  const home = (data?.home ?? []) as HomeFragment;
-  const events = (data?.events?.futureEvents ?? []) as EventFragment[];
-  const news = (data?.news ?? []) as NewsFragment[];
-
-  return <HomePageView home={home} events={events} news={news} />;
+  const props = await loadHomePageProps();
+  return <HomePageView {...props} />;
 }