Create PhotoLayout for later

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

@@ -5,6 +5,7 @@ import { getSettings } from "@/content/settings/settings"
 import WebpageLayout from "@/layouts/WebpageLayout.astro";
 import BlogLayout from "@/layouts/BlogLayout.astro";
 import ProjectLayout from "@/layouts/ProjectLayout.astro";
+import PhotoLayout from '@/layouts/PhotoLayout.astro';
 import BlogIndex from "@/components/blogs/BlogIndex.astro";
 import ProjectIndex from "@/components/projects/ProjectIndex.astro";
 import Webpage from "@/components/webpage/Webpage.astro";
@@ -144,7 +145,7 @@ if (page === null || page.page === null || !page.page.exists) {
 ) }
 
 { page.pageType === "Photo" && (
-    <WebpageLayout settings={{
+    <PhotoLayout settings={{
         searchEngine: {
             title: page.page.album.title,
             description: `See this photo from the album ${page.page.album.title}`,
@@ -160,5 +161,5 @@ if (page === null || page.page === null || !page.page.exists) {
         <Fragment slot="content">
             <div>{JSON.stringify(page.page)}</div>
         </Fragment>
-    </WebpageLayout>
+    </PhotoLayout>
 ) }