Fix undefined in search results

Author: nikoshell

src/layouts/ScheduleLayout.astro

@@ -2,13 +2,16 @@
 import Layout from "@layouts/Layout.astro";
 import Section from "@ui/Section.astro";
 import Note from "@ui/Note.astro";
+import Headline from "@ui/Headline.astro"
+import { slugify } from '@utils/content';
 
 export interface Props {
   title?: string;
   description: string;
+  headline: string;
 }
 
-const { title, description } = Astro.props;
+const { title, description, headline } = Astro.props;
 ---
 <Layout title={title || "Schedule for 2025"} description={description} >
   <Fragment slot="head">
@@ -17,8 +20,10 @@ const { title, description } = Astro.props;
   </Fragment>
   <Section>
 
-    <Note type="warning">This is an early version of the schedule and may still change. If you're planning travel around specific sessions, please keep that in mind.</Note>
-    <Note type="info" >Mark talks as favorites by opening their details and tapping the ❤️ icon. Your selections are saved locally and will only be visible on this device.</Note>
+    <Headline as="h1"id={slugify(headline)} title={headline} />
+
+  <Note type="warning">This is an early version of the schedule and may still change. If you're planning travel around specific sessions, please keep that in mind.</Note>
+  <Note type="info" >Mark talks as favorites by opening their details and tapping the ❤️ icon. Your selections are saved locally and will only be visible on this device.</Note>
 
     <div class="layout-wrapper2">
       <slot />

src/pages/schedule.astro

@@ -19,7 +19,7 @@ const days = await getCollection("days");
 
 ---
 
-<Layout description="Browse all scheduled events.">
+<Layout description="Browse all scheduled events." headline="Schedule">
 
   {
     days.map((day) => (

src/pages/schedule/day/[day].astro

@@ -22,6 +22,6 @@ if (!dayEntry) {
 const day: Day = dayEntry;
 ---
 
-<Layout description=`Schedule for the day: ${day.id}`>
+<Layout description=`Schedule for the day: ${day.id}` headline=`Schedule for the day: ${day.id}`>
   <ScheduleDay day={day} />
 </Layout>

src/pages/schedule/talks.astro

@@ -23,7 +23,7 @@ const days = await getCollection("days");
 
 ---
 
-<Layout description="Browse all scheduled talks.">
+<Layout description="Browse all scheduled talks." headline="Talks schedule">
   {
   days
     .filter((day) => {

src/pages/schedule/tutorials.astro

@@ -23,7 +23,7 @@ const days = await getCollection("days");
 
 ---
 
-<Layout description="Browse all scheduled tutorials.">
+<Layout description="Browse all scheduled tutorials." headline="Tutorials schedule">
   {
   days
     .filter((day) => {