fix(blog): optimize component share logic, typography, and modal layouts

apps/web/src/components/analytics/ScrollDepthTracker.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import { usePathname } from "next/navigation";
+import { useSafePathname } from "./useSafePathname";
 import { useAnalytics } from "./useAnalytics";
 import { AnalyticsEvents } from "./analytics-events";
 
@@ -11,7 +11,7 @@ import { AnalyticsEvents } from "./analytics-events";
  * Fires events at 25%, 50%, 75%, and 100% depth.
  */
 export function ScrollDepthTracker() {
-  const pathname = usePathname();
+  const pathname = useSafePathname();
   const { trackEvent } = useAnalytics();
   const trackedDepths = useRef<Set<number>>(new Set());
 

apps/web/src/components/analytics/useSafePathname.ts

@@ -0,0 +1,24 @@
+"use client";
+import { usePathname, useSearchParams } from "next/navigation";
+
+export function useSafePathname(): string | null {
+    try {
+        return usePathname();
+    } catch (error) {
+        if (process.env.NODE_ENV === "development") {
+            console.warn("Caught usePathname exception (likely Next.js static prerender bug):", error);
+        }
+        return null;
+    }
+}
+
+export function useSafeSearchParams() {
+    try {
+        return useSearchParams();
+    } catch (error) {
+        if (process.env.NODE_ENV === "development") {
+            console.warn("Caught useSearchParams exception (likely Next.js static prerender bug):", error);
+        }
+        return null;
+    }
+}