Fixed data inconsistency in Post Analytics > Overview tab (#24558)

ref
https://linear.app/ghost/issue/PROD-2243/inconsistency-in-the-post-analytics-overview-data-compared-to-post

On the Post Analytics > Overview tab, the top level metric shown for
unique visitors and the sum of the actual data in the chart can show
different values. The metric and the chart are using separate requests
to the same API endpoint with different `date_from` parameters,
resulting in slightly different numbers, i.e. it's possible to see "1
unique visitor" but with 0 for every data point on the chart:

<img width="2306" height="1388" alt="image"
src="https://github.com/user-attachments/assets/110ede5c-8ea6-4600-bdb1-f1d7950fd59e"
/>

This fixes that by removing the duplicate API call, so the data for the
metric and the chart use the same exact underlying data.

Author: cmraible

apps/posts/src/views/PostAnalytics/Overview/Overview.tsx

@@ -18,7 +18,6 @@ const Overview: React.FC = () => {
     const navigate = useNavigate();
     const {statsConfig, isLoading: isConfigLoading, post, isPostLoading, postId} = useGlobalData();
     const {totals, isLoading: isTotalsLoading, currencySymbol} = usePostReferrers(postId);
-    const {startDate, endDate, timezone} = getRangeDates(STATS_RANGES.ALL_TIME.value);
     const {appSettings} = useAppContext();
     const {emailTrackClicks: emailTrackClicksEnabled, emailTrackOpens: emailTrackOpensEnabled} = appSettings?.analytics || {};
 
@@ -33,28 +32,8 @@ const Overview: React.FC = () => {
 
     const {startDate: chartStartDate, endDate: chartEndDate, timezone: chartTimezone} = getRangeDates(chartRange);
 
-    // KPI params for overview data
+    // Params for KPI data (both chart and totals)
     const params = useMemo(() => {
-        const baseParams = {
-            site_uuid: statsConfig?.id || '',
-            date_from: formatQueryDate(startDate),
-            date_to: formatQueryDate(endDate),
-            timezone: timezone,
-            post_uuid: ''
-        };
-
-        if (!isPostLoading && post?.uuid) {
-            return {
-                ...baseParams,
-                post_uuid: post.uuid
-            };
-        }
-
-        return baseParams;
-    }, [isPostLoading, post, statsConfig?.id, startDate, endDate, timezone]);
-
-    // Chart params for chart data
-    const chartParams = useMemo(() => {
         const baseParams = {
             site_uuid: statsConfig?.id || '',
             date_from: formatQueryDate(chartStartDate),
@@ -73,28 +52,22 @@ const Overview: React.FC = () => {
         return baseParams;
     }, [isPostLoading, post, statsConfig?.id, chartStartDate, chartEndDate, chartTimezone]);
 
-    const {data, loading: tbLoading} = useTinybirdQuery({
-        endpoint: 'api_kpis',
-        statsConfig: statsConfig || {id: ''},
-        params: params
-    });
-
     const {data: chartData, loading: chartLoading} = useTinybirdQuery({
         endpoint: 'api_kpis',
         statsConfig: statsConfig || {id: ''},
-        params: chartParams
+        params: params
     });
 
     // Calculate total visitors as a number for WebOverview component
     const totalVisitors = useMemo(() => {
-        if (!data?.length) {
+        if (!chartData?.length) {
             return 0;
         }
-        return data.reduce((sum, item) => {
+        return chartData.reduce((sum, item) => {
             const visits = Number(item.visits);
             return sum + (isNaN(visits) ? 0 : visits);
         }, 0);
-    }, [data]);
+    }, [chartData]);
 
     // Process chart data for WebOverview
     const currentMetric = KPI_METRICS.visits;
@@ -115,7 +88,7 @@ const Overview: React.FC = () => {
         params: params
     });
 
-    const kpiIsLoading = isConfigLoading || isTotalsLoading || isPostLoading || tbLoading;
+    const kpiIsLoading = isConfigLoading || isTotalsLoading || isPostLoading || chartLoading;
     const chartIsLoading = isPostLoading || isConfigLoading || chartLoading;
 
     // Use the utility function from admin-x-framework