ui enhancements

app/u/[handle]/posts/page.tsx

@@ -6,6 +6,12 @@
  * Mirrors /u/me/posts but read-only (no Delete / Update background). The
  * grid thumbnail on /u/[handle] links here with a `#post-<id>` hash so
  * the feed scrolls to the tapped post on mount.
+ *
+ * The parent /u/[handle]/layout owns the ProfileHeader + tab strip + the
+ * outer max-w-3xl container, so this page only needs the inner scroll
+ * column. The max-w-xl cap matches /u/me/posts so the column reads at
+ * the same width on desktop; on mobile both pages fall back to viewport
+ * width with the layout-supplied gutters.
  */
 
 import { use, useEffect, useRef, useState } from "react";
@@ -57,7 +63,7 @@ export default function PublicPostsFeedPage(props: {
   if (missing) notFound();
 
   return (
-    <main className="flex-1 max-w-xl w-full mx-auto px-3 sm:px-4 py-4 sm:py-6 space-y-6">
+    <div className="max-w-xl w-full mx-auto space-y-6">
       {loading ? (
         <p className="text-sm text-muted-foreground">Loading…</p>
       ) : feed.length === 0 ? (
@@ -65,6 +71,6 @@ export default function PublicPostsFeedPage(props: {
       ) : (
         feed.map((p) => <PostScrollCard key={p.id} post={p} />)
       )}
-    </main>
+    </div>
   );
 }