gm4ebnr3j: Add three-column layout with featured experts and trending minnects rails

src/components/DiscoverRails.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import type { DiscoverData } from "@/lib/discover";
+import { fetchDiscover } from "@/lib/discover-client";
+import { FeaturedExpertsRail } from "./FeaturedExpertsRail";
+import { TrendingMinnectsRail } from "./TrendingMinnectsRail";
+
+export function DiscoverRailsView({ data }: { data: DiscoverData | null }) {
+  if (!data) return null;
+  return (
+    <>
+      <FeaturedExpertsRail experts={data.featuredExperts} />
+      <TrendingMinnectsRail minnects={data.trendingMinnects} />
+    </>
+  );
+}
+
+/** Loads /api/discover once. Failure hides the rails; the feed is unaffected. */
+export function DiscoverRails() {
+  const [data, setData] = useState<DiscoverData | null>(null);
+  useEffect(() => {
+    let live = true;
+    fetchDiscover().then((d) => { if (live) setData(d); }, () => {});
+    return () => { live = false; };
+  }, []);
+  return <DiscoverRailsView data={data} />;
+}