Fix thumbnail for Photo

astro/src/pages/[...route].astro

@@ -12,6 +12,7 @@ import BlogPost from "@/components/blogs/BlogPost.astro";
 import ProjectPost from "@/components/projects/ProjectPost.astro";
 import CategoryIndex from "@/components/photos/CategoryIndex.astro";
 import Category from "@/components/photos/Category.astro";
+import { getImageUrl } from "@/lib/images";
 
 export async function getStaticPaths() {
     const settings = await getSettings();
@@ -145,19 +146,19 @@ if (page === null || page.page === null || !page.page.exists) {
 { page.pageType === "Photo" && (
     <WebpageLayout settings={{
         searchEngine: {
-            title: "Projects",
-            description: "",
+            title: page.page.album.title,
+            description: `See this photo from the album ${page.page.album.title}`,
             allowCrawlers: true,
             canonical: null,
             priority: 65,
             thumbnail: {
-                url: "",
-                width: 1200,
-                height: 630
+                url: getImageUrl(page.page.photo.url),
+                width: page.page.photo.width,
+                height: page.page.photo.height
             }
     }}}>
         <Fragment slot="content">
-            <div>{page.page.id}</div>
+            <div>{JSON.stringify(page.page)}</div>
         </Fragment>
     </WebpageLayout>
 ) }