feat: add user search

app/u/[handle]/page.tsx

@@ -1,55 +1,28 @@
-"use client";
-
 /**
- * Public profile — Posts tab (default).
+ * /u/[handle] — public profile, Posts tab (default).
  *
- * The /u/[handle] layout owns the ProfileHeader + tab strip + container;
- * this page only renders the post grid. Tapping a thumbnail jumps to
- * /u/[handle]/posts#post-<id> where the Instagram-style scroll feed
- * shows the full passages.
+ * Server shell that exists for two reasons:
+ *
+ *   1. Export `generateMetadata` so direct shares of this URL
+ *      (https://prabhupadasays.org/u/<handle>) get a rich OG card
+ *      pointing at /api/og/profile/<handle>. The layout and the body
+ *      below are client components; only this file is server.
+ *   2. Mount the client tree (<PostsGrid />), which reads the
+ *      ProfileContext provided by the parent layout for the post-grid
+ *      hrefs and renders the feed.
  */
 
-import { use, useEffect, useState } from "react";
-import { profile, type Post } from "@/lib/social";
-import { PostViews } from "@/components/social/post-views";
-import { usePublicProfile } from "./profile-context";
+import type { Metadata } from "next";
+import { PostsGrid } from "./posts-grid";
+import { metadataForHandle } from "./profile-og";
 
-export default function PublicProfilePostsPage(props: {
-  params: Promise<{ handle: string }>;
-}) {
-  const { handle } = use(props.params);
-  const data = usePublicProfile();
-  const [feed, setFeed] = useState<Post[]>([]);
-  const [loading, setLoading] = useState(true);
+type Props = { params: Promise<{ handle: string }> };
 
-  useEffect(() => {
-    let cancelled = false;
-    setLoading(true);
-    profile
-      .feed(handle, 30)
-      .then((rows) => {
-        if (!cancelled) setFeed(rows ?? []);
-      })
-      .catch(() => {
-        // Layout already 404'd if the handle is unknown; if the feed
-        // itself fails we just show an empty grid rather than blocking
-        // the page with an error toast.
-      })
-      .finally(() => !cancelled && setLoading(false));
-    return () => {
-      cancelled = true;
-    };
-  }, [handle]);
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { handle } = await params;
+  return metadataForHandle(handle);
+}
 
-  if (loading) {
-    return <p className="text-sm text-muted-foreground">Loading…</p>;
-  }
-
-  return (
-    <PostViews
-      posts={feed}
-      hrefFor={(p) => `/u/${data.handle}/posts#post-${p.id}`}
-      emptyMessage="No posts yet — quotes shared by this user will appear here."
-    />
-  );
+export default function PublicProfilePage({ params }: Props) {
+  return <PostsGrid params={params} />;
 }