🤖 Fix FAQ images on data page

Related to #3862

(Lars experimenting with Copilot Workspace)

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/owid/owid-grapher/issues/3862?shareId=XXXX-XXXX-XXXX-XXXX).

baker/DatapageHelpers.ts

@@ -10,6 +10,8 @@ import {
     getNextUpdateFromVariable,
     omitUndefinedValues,
     partition,
+    traverseEnrichedBlocks,
+    extractFilenamesFromBlock,
 } from "@ourworldindata/utils"
 import {
     getGdocBaseObjectById,
@@ -221,3 +223,7 @@ export const getPrimaryTopic = async (
     }
     return undefined
 }
+
+export const extractFilenamesFromFaqEntries = (faqEntries: FaqEntryData) => {
+    return traverseEnrichedBlocks(faqEntries.faqs, extractFilenamesFromBlock)
+}

baker/GrapherBaker.tsx

@@ -11,6 +11,8 @@ import {
     keyBy,
     compact,
     mergeGrapherConfigs,
+    traverseEnrichedBlocks,
+    extractFilenamesFromBlock,
 } from "@ourworldindata/utils"
 import fs from "fs-extra"
 import * as lodash from "lodash"
@@ -210,9 +212,11 @@ export async function renderDataPageV2(
         .map((r) => r.imageUrl)
         .filter((f): f is string => !!f)
 
+    const faqFilenames = traverseEnrichedBlocks(faqEntries.faqs, extractFilenamesFromBlock)
+
     const imageMetadata = lodash.pick(
         imageMetadataDictionary,
-        uniq(relatedResearchFilenames)
+        uniq([...relatedResearchFilenames, ...faqFilenames])
     )
 
     const tagToSlugMap = await getTagToSlugMap(knex)