Move sketch images to the api folder

Author: davepagurek

docs/community_sketches.md

@@ -6,6 +6,6 @@ Community sketches [from our curation](https://openprocessing.org/curation/87649
 
 1. Add it to the curation on OpenProcessing
 2. Take a screenshot of the sketch at a resolution of 1500x1000 as a `.png`
-3. Add it to `src/content/content/sketches/images`, naming it after the ID of the sketch (the numeric part of the OpenProcessing URL.)
+3. Add it to `src/api/images`, naming it after the ID of the sketch (the numeric part of the OpenProcessing URL.)
 
    For example, the sketch https://openprocessing.org/sketch/2211029 would be saved as `2211029.png` in the folder.

src/api/OpenProcessing.ts

@@ -119,8 +119,8 @@ export const makeThumbnailUrl = (id: string) =>
   `https://openprocessing-usercontent.s3.amazonaws.com/thumbnails/visualThumbnail${id}@2x.jpg`;
 
 export const getSketchThumbnailSource = async (id: string) => {
-  const manualThumbs = import.meta.glob<ImageMetadata>('../content/sketches/images/*', { import: 'default' })
-  const key = `../content/sketches/images/${id}.png`;
+  const manualThumbs = import.meta.glob<ImageMetadata>('./images/*', { import: 'default' })
+  const key = `./images/${id}.png`;
   if (manualThumbs[key]) {
     const img = await manualThumbs[key]()
     return img;