server side events and ui improvemnt

apps/web/src/components/overview/overview-top-pages.tsx

@@ -1,6 +1,8 @@
 'use client';
 
+import { Suspense } from 'react';
 import { Chart } from '@/components/report/chart';
+import { ChartLoading } from '@/components/report/chart/ChartLoading';
 import { cn } from '@/utils/cn';
 
 import { Widget, WidgetBody } from '../Widget';
@@ -115,14 +117,16 @@ export default function OverviewTopPages() {
           </WidgetButtons>
         </WidgetHead>
         <WidgetBody>
-          <Chart
-            hideID
-            {...widget.chart}
-            previous={false}
-            onClick={(item) => {
-              setPage(item.name);
-            }}
-          />
+          <Suspense fallback={<ChartLoading />}>
+            <Chart
+              hideID
+              {...widget.chart}
+              previous={false}
+              onClick={(item) => {
+                setPage(item.name);
+              }}
+            />
+          </Suspense>
         </WidgetBody>
       </Widget>
     </>