dashboard page good

app/events/page.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { addDays, format } from 'date-fns';
 import { DateRangePicker } from '../components/ui/DateRangePicker';
-import { Event } from '../api/types';
+import { Event, EventFilters } from '../api/types';
 
 export default function EventsPage() {
   const [dateRange, setDateRange] = useState({
@@ -29,6 +29,10 @@ export default function EventsPage() {
     pageSize: 20
   });
 
+  const [summary, setSummary] = useState<any>(null);
+  const observerRef = useRef<IntersectionObserver | null>(null);
+  const lastEventRef = useRef<HTMLDivElement | null>(null);
+
   const fetchEvents = async (pageNum: number) => {
     try {
       const startTime = format(dateRange.from, "yyyy-MM-dd'T'HH:mm:ss'Z'");