Pass image context to createSnippetPages

Update createSnippetPages to expect an imageContext (optional).
The imageContext will be used to get dynamically imported images.

src/functions/build/createPages/createSnippetPages.js

@@ -5,14 +5,14 @@ import { transformSnippetIndex } from 'functions/utils';
 /**
  * Creates individual snippet pages.
  */
-const createSnippetPages = (snippets, snippetPage, createPage, commonContext) => {
+const createSnippetPages = (snippets, snippetPage, createPage, commonContext, imageContext = []) => {
   snippets.forEach(snippet => {
     const recommendedSnippets = recommendationEngine(snippets, snippet);
     createPage({
       path: `${snippet.node.slug}`,
       component: snippetPage,
       context: {
-        snippet: parseSnippetContext(snippet.node, commonContext.cardTemplate),
+        snippet: parseSnippetContext(snippet.node, commonContext.cardTemplate, imageContext),
         ...commonContext,
         recommendedSnippets: transformSnippetIndex(recommendedSnippets.slice(0, 3)),
       },

src/functions/parsers/parseSnippetContext.js

@@ -4,7 +4,7 @@ import { stripMarkdownFormat } from 'functions/utils';
  * unnecessary information that should not be sent to the JSX
  * component rendering the snippet.
  */
-const parseSnippetContext = (snippet, cardTemplate) => {
+const parseSnippetContext = (snippet, cardTemplate, imageContext) => {
   let templateProps = {};
   switch (cardTemplate) {
   case 'blog':