feat: harden portfolio and add SEO foundations

app/components/story/notebookProjects.ts

@@ -1,10 +1,12 @@
-import type { PortfolioProject } from "@/lib/portfolio-data";
+import type { PortfolioProjectView } from "@/lib/portfolio-data";
 
 export type NotebookProject = {
   id: string;
   title: string;
   subtitle: string;
-  demoUrl: string;
+  demoUrl: PortfolioProjectView["demoUrl"];
+  demoAvailability: PortfolioProjectView["demoAvailability"];
+  demoCheckedAt: PortfolioProjectView["demoCheckedAt"];
   technologies: string[];
   screenshotSrc: string;
 };
@@ -27,19 +29,22 @@ const SCREENSHOT_BY_PROJECT_ID: Record<
 };
 
 function isApprovedDemoUrl(
-  value: PortfolioProject["demoUrl"],
+  value: PortfolioProjectView["demoUrl"],
 ): value is string {
   return typeof value === "string" && /^https?:\/\//.test(value);
 }
 
 export function selectNotebookProjects(
-  projects: readonly PortfolioProject[],
+  projects: readonly PortfolioProjectView[],
 ): NotebookProject[] {
   return NOTEBOOK_ORDER.flatMap((id) => {
     const project = projects.find((candidate) => candidate.id === id);
     const screenshotSrc = SCREENSHOT_BY_PROJECT_ID[id];
 
-    if (!project || !isApprovedDemoUrl(project.demoUrl)) {
+    if (
+      !project ||
+      (project.demoUrl !== null && !isApprovedDemoUrl(project.demoUrl))
+    ) {
       return [];
     }
 
@@ -49,6 +54,8 @@ export function selectNotebookProjects(
         title: project.title,
         subtitle: project.subtitle,
         demoUrl: project.demoUrl,
+        demoAvailability: project.demoAvailability,
+        demoCheckedAt: project.demoCheckedAt,
         technologies: [...project.technologies],
         screenshotSrc,
       },