Data page FAQ images are not shown

[marcelgerber]

Description

The data page on stunting is supposed to look like it is on the left (with image); however, in actuality, the image is missing.

Additional context

The imageMetadata field is populated here:

owid-grapher/baker/GrapherBaker.tsx

Lines 275 to 282 in 11fa225

	const relatedResearchFilenames = datapageData.relatedResearch
	.map((r) => r.imageUrl)
	.filter((f): f is string => !!f)
	const imageMetadata = lodash.pick(
	imageMetadataDictionary,
	uniq(relatedResearchFilenames)
	)

As we can see, it only takes into account the filenames present in the "Related research" section, but not the FAQs.

Simple fix

We can just incorporate the whole imageMetadata dicts of gdocs (the gdocs containing the FAQs).

However, this may result in too many images: The Data Page FAQ gdoc contains all FAQs, and only some of them are shown on a particular data page.

More comprehensive fix

The more comprehensive fix will probably entail calling traverseEnrichedBlocks / extractFilenamesFromBlock on faqEntries to collect the filenames that are actually in use in these blocks.

[ikesau]

There appear to be 6 FAQ entries ATM that include images (Cmd - F "image" on the admin preview for the gdoc)

I think the more granular traversal solution is the better of the two 👍