feat(reader): show workflow kit on chapter pages

marketing-site/pages/read/real-estate.jsx

@@ -5,6 +5,7 @@ import ReaderFooter from "../../components/reader/ReaderFooter";
 import WorkflowBlock from "../../components/reader/WorkflowBlock";
 import ChapterOutline from "../../components/reader/ChapterOutline";
 import WorkflowRail from "../../components/reader/WorkflowRail";
+import ChapterKit from "../../components/reader/ChapterKit";
 import useActivation from "../../components/reader/useActivation";
 import { CHAPTER, RECIPES, buildOutline } from "../../data/sample-chapter";
 
@@ -74,6 +75,8 @@ export default function RealEstateChapter() {
 
               <p className="chapter-promise">{CHAPTER.promise}</p>
 
+              <ChapterKit recipes={RECIPES} />
+
               <section className="chapter-map" aria-label="What's in this chapter">
                 <h2 className="chapter-map-title">What's in this chapter</h2>
                 <div className="chapter-map-block">
@@ -93,6 +96,7 @@ export default function RealEstateChapter() {
                       <li key={item.id}>
                         <a href={`#${item.id}`}>
                           {item.recipeId} · {item.shortTitle} · {item.time}
+                          {item.tools ? ` · ${item.tools}` : ""}
                         </a>
                       </li>
                     ))}