reactive zaps

components/Goals.tsx

@@ -148,7 +148,8 @@ export function Goal({ goal, isDetail = false, ...rest }) {
   ].flat();
   const { events: zapEvents, eose } = useEvents(
     filters,
-    getRelays(goal) || defaultRelays
+    getRelays(goal) || defaultRelays,
+    { closeOnEose: false }
   );
   const { zappers, total } = useZapsSummary(zapEvents, pubkey);
   const progress = (total / amount) * 100;

components/Home.tsx

@@ -48,6 +48,7 @@ export default function HomeContent() {
             Check out some of the existing goals and create your own!
           </Text>
           <Grid
+            mt={4}
             alignItems="flex-start"
             justifyContent="center"
             templateColumns={{