Use ImageDataLike

Added in: gatsbyjs/gatsby#30590

> ImageDataLike is an exported type, for cases where we want to create a
  component that takes the same argument as `getImage`, `getSrc` or `getSrcSet`,
  and so wants to reference the same type that these functions use.

src/components/gen24/DayListing.tsx

@@ -1,5 +1,5 @@
 import { graphql, useStaticQuery } from "gatsby";
-import { GatsbyImage, getImage } from "gatsby-plugin-image";
+import { GatsbyImage, type ImageDataLike, getImage } from "gatsby-plugin-image";
 import * as React from "react";
 import styled from "styled-components";
 import { ensure } from "utils/ensure";
@@ -69,7 +69,7 @@ const Image_ = styled.div`
     grid-area: 1 / 1;
 `;
 
-const images = () => {
+const images = (): readonly ImageDataLike[] => {
     const data = useStaticQuery<Queries.Gen24PreviewImagesQuery>(graphql`
         query Gen24PreviewImages {
             allFile(