Support changelog entries

Author: KianNH

src/components/overrides/Head.astro

@@ -6,6 +6,7 @@ import "tippy.js/dist/tippy.css";
 
 import { getEntry } from "astro:content";
 import { getOgImage } from "~/util/props";
+import { CollectionEntry } from "astro:content";
 
 // grab the current top-level folder. Remove . characters for 1.1.1.1 URL
 const currentSection = Astro.url.pathname.split("/")[1].replaceAll(".", "");
@@ -201,7 +202,10 @@ if (Astro.props.entry.data.external_link) {
 	});
 }
 
-const ogImagePath = await getOgImage(Astro.props.entry);
+const ogImagePath = await getOgImage(
+	(Astro.props.originalEntry as CollectionEntry<"changelog">) ??
+		Astro.props.entry,
+);
 const ogImageUrl = new URL(ogImagePath, Astro.url.origin).toString();
 
 const ogImageTags = [

src/pages/changelog/[...slug].astro

@@ -36,6 +36,7 @@ const props = {
 	headings,
 	hideTitle: true,
 	hideBreadcrumbs: true,
+	originalEntry: note,
 } as StarlightPageProps;
 ---
 

src/util/props.ts

@@ -104,7 +104,7 @@ const PRODUCT_AREA_OG_IMAGES: Record<string, string> = {
 	"application security": "/core-services-preview.png",
 };
 
-export async function getOgImage(entry: CollectionEntry<"docs">) {
+export async function getOgImage(entry: CollectionEntry<"docs" | "changelog">) {
 	if (entry.data.cover) {
 		if (!entry.data.cover.src) {
 			throw new Error(