Content Editor: Media Gallery

[kellyhp]

Create a new component named PhotoGallery.tsx to display images in a gallery format.

• Create in /(pages)/content/[collection]/edit/_components/PhotoGallery/PhotoGallery.tsx
• Modify the PhotoGallery component to accept image data in JSON format as a prop named mediaGallery
• Display relevant details for each image in the gallery, such as image name, file size, image, and index number.
• Implement a SCSS module for styling the PhotoGallery component in the same folder
• Develop a Replace.tsx component to replace images in the gallery in /(pages)/content/[collection]/edit/_components/PhotoGallery/Replace.tsx
• Include functionality to select and upload a new image to replace the existing one
• Develop a Delete.tsx component to delete individual images from the gallery and ensure proper confirmation or error handling when deleting images