fix

app/dashboard/analytics/page.tsx

@@ -3,6 +3,7 @@ import { cookies } from 'next/headers';
 import { redirect } from 'next/navigation';
 import Dashboard from "@/components/dashboard/dashboard";
 import AnalyticsDashboard from '@/components/analytics/AnalyticsDashboard';
+import AnalyticsDashboardSkeleton from '@/components/analytics/AnalyticsDashboardSkeleton';
 import StoreSelector from '@/components/analytics/StoreSelector';
 import { getAnalyticsOverviewServer } from '@/lib/server-api';
 import { fetchServer } from '@/lib/api';
@@ -65,14 +66,7 @@ export default async function AnalyticsPage({
       <Dashboard>
         <div className="space-y-6">
           {/* Analytics Content */}
-          <Suspense fallback={
-            <div className="flex items-center justify-center h-64">
-              <div className="text-center">
-                <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto mb-4"></div>
-                <p className="text-muted-foreground">Loading analytics...</p>
-              </div>
-            </div>
-          }>
+          <Suspense fallback={<AnalyticsDashboardSkeleton />}>
             <AnalyticsDashboard initialData={initialData} />
           </Suspense>
         </div>