vzxipsule: Replace the featured rail with an auto-rotating FeaturedCarousel

tests/discover-rails.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, it } from "vitest";
 import { createElement } from "react";
 import { renderToStaticMarkup } from "react-dom/server";
-import { FeaturedExpertsRail } from "@/components/FeaturedExpertsRail";
+import { FeaturedCarousel } from "@/components/FeaturedCarousel";
 import { TrendingMinnectsRail } from "@/components/TrendingMinnectsRail";
 import { DiscoverRailsView } from "@/components/DiscoverRails";
 import { fetchDiscover } from "@/lib/discover-client";
@@ -18,9 +18,9 @@ const minnect = (o: Partial<DiscoverMinnect> = {}): DiscoverMinnect => ({
 });
 const html = (el: ReturnType<typeof createElement>) => renderToStaticMarkup(el);
 
-describe("FeaturedExpertsRail", () => {
-  it("renders a card with name, byline, rating and reviews", () => {
-    const out = html(createElement(FeaturedExpertsRail, { experts: [expert()] }));
+describe("FeaturedCarousel (static render)", () => {
+  it("renders the center expert with name, byline, rating and reviews", () => {
+    const out = html(createElement(FeaturedCarousel, { experts: [expert()] }));
     expect(out).toContain("<h2");
     expect(out).toContain("Ann Lee");
     expect(out).toContain("Growth coach");
@@ -29,7 +29,7 @@ describe("FeaturedExpertsRail", () => {
     expect(out).toContain("<img");
   });
   it("falls back to initials and omits missing fields", () => {
-    const out = html(createElement(FeaturedExpertsRail, {
+    const out = html(createElement(FeaturedCarousel, {
       experts: [expert({ pictureUrl: null, byline: null, rating: null, reviewsCount: null })],
     }));
     expect(out).not.toContain("<img");
@@ -37,7 +37,7 @@ describe("FeaturedExpertsRail", () => {
     expect(out).not.toContain("review");
   });
   it("renders nothing when empty", () => {
-    expect(html(createElement(FeaturedExpertsRail, { experts: [] }))).toBe("");
+    expect(html(createElement(FeaturedCarousel, { experts: [] }))).toBe("");
   });
 });