Fix HTML title of blog posts

Author: efe

src/components/BaseHead.astro

@@ -1,5 +1,6 @@
 ---
 import "@/styles/globals.css";
+import { getCollection } from 'astro:content';
 import { CONFIG } from "@/config";
 
 export type Props = {
@@ -14,9 +15,18 @@ const {
 	image = CONFIG.meta.image,
 	pageType = "website",
 } = Astro.props;
-const title = [Astro.props.title, CONFIG.meta.title]
-	.filter(Boolean)
-	.join(" | ");
+
+const posts = await getCollection('blog');
+
+const getTitle = (slug) => {
+  const post = posts.find((p) => p.slug === slug);
+  return post?.data.title || null; // Return null if not found
+};
+
+const title = [getTitle(Astro.params.slug), Astro.props.title, CONFIG.meta.title]
+  .filter(Boolean)
+  .join(" | ");
+
 const resolvedImage = image?.src
 	? {
 			src: new URL(image.src, Astro.site).toString(),