import { DashboardLayout } from "@/components/layout/sidebar";
import { PageHeader } from "@/components/layout/page-header";
import { ActivityFeed } from "@/components/activity/activity-feed";
import { ActivityStats } from "@/components/activity/activity-stats";

// Force dynamic rendering to avoid prerendering issues with client components
export const dynamic = "force-dynamic";

export default function ActivityPage() {
  return (
    <DashboardLayout>
      <div className="space-y-6">
        <PageHeader 
          title="Activity Feed" 
          description="Everything that's happening across your projects, pulled live from your task data." 
        />

        {/* Activity Stats */}
        <ActivityStats />

        {/* Activity Feed with Real Data */}
        <ActivityFeed />
      </div>
    </DashboardLayout>
  );
}