feat: enable images in project description text

[JRWallace]

This allows project pages to render images that are uploaded via netlify or stored in /static/image (see https://decapcms.org/docs/add-to-your-site/#app-file-structure)

[netlify]

✅ Deploy Preview for gatsby-theme-project-portal-defaults ready!

Name	Link
🔨 Latest commit	f6dabe9
🔍 Latest deploy log	https://app.netlify.com/sites/gatsby-theme-project-portal-defaults/deploys/65493d600388020008684764
😎 Deploy Preview	https://deploy-preview-651--gatsby-theme-project-portal-defaults.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for project-portal-storybook ready!

Name	Link
🔨 Latest commit	f6dabe9
🔍 Latest deploy log	https://app.netlify.com/sites/project-portal-storybook/deploys/65493d60c3f28e000890c09a
😎 Deploy Preview	https://deploy-preview-651--project-portal-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for gatsby-theme-project-portal-ex-site ready!

Name	Link
🔨 Latest commit	f6dabe9
🔍 Latest deploy log	https://app.netlify.com/sites/gatsby-theme-project-portal-ex-site/deploys/65493d60a1f2d0000883d028
😎 Deploy Preview	https://deploy-preview-651--gatsby-theme-project-portal-ex-site.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Note: This comment gets updated with every commit

Git SHA: f6dabe959ed743c53e90ad8906fb84b833292bfa

Site: example-site

Pa11y test status: PASS

 {
    "total": 20,
    "passes": 20,
    "errors": 0,
    "results": {
        "http://localhost:9000/project/completed-project-nodate/": [],
        "http://localhost:9000/project/completed-project/": [],
        "http://localhost:9000/project/completed-project2/": [],
        "http://localhost:9000/project/ongoing-project-nodate/": [],
        "http://localhost:9000/project/ongoing-project/": [],
        "http://localhost:9000/project/ongoing-project2/": [],
        "http://localhost:9000/project/open-project-2/": [],
        "http://localhost:9000/project/open-project-nodate/": [],
        "http://localhost:9000/project/open-project/": [],
        "http://localhost:9000/project/open-project3/": [],
        "http://localhost:9000/project/open-project4/": [],
        "http://localhost:9000/project/open-project5/": [],
        "http://localhost:9000/project/open-project6/": [],
        "http://localhost:9000/completed/": [],
        "http://localhost:9000/": [],
        "http://localhost:9000/ongoing/": [],
        "http://localhost:9000/open/": [],
        "http://localhost:9000/about/": [],
        "http://localhost:9000/contact/": [],
        "http://localhost:9000/contact/thank-you/": []
    }
}
 

[hollandjg]

Hey Joselynn, this looks great! Please could you add an example of an image being shown in the packages/example-site site?

[JRWallace]

Hey Joselynn, this looks great! Please could you add an example of an image being shown in the packages/example-site site?

Ok I did this and the checks seem to be passing

[hollandjg]

Test works great.
I had a look at some of the other collections – images are also set on the card pages and the other pages. Unfortunately, this change breaks the image display in those two places. There are a couple of options I can see.

It looks to me as though the handling of images on the whole – where they get stored, how they are divided up, and whether you can set images for the layout components from the CMS (you can't right now) – needs another look, but that's a different PR. It feels like, with this PR, we're getting the hang of handling images!

[hollandjg]

🚀 Great!