fix build

app/dashboard/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, Suspense } from 'react';
 import Link from 'next/link';
 import { LayoutDashboard, Edit3, ShoppingBag, CreditCard, LogOut, Eye, MessageSquare, User as UserIcon, Rocket, ShieldAlert } from 'lucide-react';
 import { useRouter, useSearchParams } from 'next/navigation';
@@ -15,7 +15,7 @@ import DashboardOffers from '../../components/dashboard/DashboardOffers';
 import PricingSection from '../../components/PricingSection';
 import { useUser } from '../../components/UserProvider';
 
-const DashboardPage = () => {
+const DashboardContent = () => {
     const { user, logout } = useUser();
     const router = useRouter();
     const searchParams = useSearchParams();
@@ -319,4 +319,16 @@ const DashboardPage = () => {
     );
 }
 
+const DashboardPage = () => {
+    return (
+        <Suspense fallback={
+            <div className="min-h-screen flex items-center justify-center bg-gray-50">
+                <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-brand-600"></div>
+            </div>
+        }>
+            <DashboardContent />
+        </Suspense>
+    );
+};
+
 export default DashboardPage;