Add puppeteer dependency and suppress hydration warnings in various c…

package.json

@@ -113,6 +113,7 @@
     "drizzle-kit": "0.31.10",
     "eslint": "10.1.0",
     "eslint-config-next": "16.2.1",
+    "puppeteer": "^24.40.0",
     "tailwindcss": "^4.2.2",
     "tsx": "4.21.0",
     "typescript": "5.9.3",

src/components/ArticleCard.tsx

@@ -50,7 +50,7 @@ export default function ArticleCard({ post }: { post: ArticleCardPost }) {
       )}
       <div className="p-5">
         <div className="flex items-center gap-3 text-xs text-muted mb-1">
-          {date && <span>{date}</span>}
+          {date && <span suppressHydrationWarning>{date}</span>}
           {post.viewsTotal !== undefined && post.viewsTotal > 0 && (
             <span>• {formatViewCount(post.viewsTotal)} views</span>
           )}

src/components/admin/ModerationQueue.tsx

@@ -566,7 +566,7 @@ function CommentCard({
                   <span className="font-medium">User ID:</span> <code className="text-xs">{comment.userId || "—"}</code>
                 </div>
                 <div>
-                  <span className="font-medium">Created:</span> {new Date(comment.createdAt).toLocaleString()}
+                  <span className="font-medium">Created:</span> <span suppressHydrationWarning>{new Date(comment.createdAt).toLocaleString()}</span>
                 </div>
               </div>
             </div>

src/components/auth/TwoFactorGuard.tsx

@@ -16,48 +16,28 @@ export function TwoFactorGuard({ children }: { children: React.ReactNode }) {
   const router = useRouter();
 
   useEffect(() => {
-    console.log("[2FA GUARD] Effect triggered:", {
-      pathname,
-      status,
-      hasSession: !!session,
-      mfaPending: session?.mfaPending,
-      mfa: session?.mfa,
-    });
-
     // Skip check if loading or not authenticated
     if (status === "loading" || status === "unauthenticated") {
-      console.log("[2FA GUARD] Skipping - status is loading or unauthenticated");
       return;
     }
 
     // Skip if no session (belt and suspenders)
     if (!session) {
-      console.log("[2FA GUARD] Skipping - no session object");
       return;
     }
 
     // Skip if already on 2FA page
     if (pathname === "/login/2fa") {
-      console.log("[2FA GUARD] Skipping - already on 2FA page");
       return;
     }
 
     // Skip for auth-related pages
     if (pathname.startsWith("/login") || pathname.startsWith("/api")) {
-      console.log("[2FA GUARD] Skipping - auth/api page");
       return;
     }
 
-    console.log("[2FA GUARD] Checking if redirect needed:", {
-      pathname,
-      status,
-      mfaPending: session?.mfaPending,
-      mfa: session?.mfa,
-    });
-
     // Check if 2FA is required
     if (session?.mfaPending === true) {
-      console.log("[2FA GUARD] Redirecting to /login/2fa");
       router.push("/login/2fa");
     }
   }, [session, status, pathname, router]);