feat: add title to pages

Author: TheComputerM

src/components/MDContainer.astro

@@ -4,7 +4,7 @@ import { Box, Container } from "styled-system/jsx";
 import { GridPattern } from "./mystic/GridPattern";
 
 interface Props {
-  class?: string;
+	class?: string;
 }
 
 const { class: className } = Astro.props;

src/pages/blog/[slug].astro

@@ -29,7 +29,7 @@ const post = entry.data;
 const content = await getPostHTML(slug);
 ---
 
-<BaseLayout>
+<BaseLayout title={`${post.title} | TheComputerM's Blog`}>
   <Fragment slot="head">
     <link
       rel="stylesheet"

src/pages/blog/index.astro

@@ -5,7 +5,7 @@ import BaseLayout from "~/layouts/BaseLayout.astro";
 const posts = await getCollection("blog");
 ---
 
-<BaseLayout>
+<BaseLayout title="TheComputerM's Blog">
   <MDContainer>
     <h1>Blog</h1>
     <ul>

src/pages/index.astro

@@ -2,7 +2,7 @@
 import { getEntry, render } from "astro:content";
 import MDContainer from "src/components/MDContainer.astro";
 import { Center, Stack } from "styled-system/jsx";
-import Layout from "~/layouts/BaseLayout.astro";
+import BaseLayout from "~/layouts/BaseLayout.astro";
 const entry = await getEntry("pages", "index");
 
 if (!entry) {
@@ -12,7 +12,7 @@ if (!entry) {
 const { Content } = await render(entry);
 ---
 
-<Layout>
+<BaseLayout title="TheComputerM | Mudit Somani">
 	<Center class="banner">
 		<Stack align="center">
 			<h1 class="title">TCM</h1>
@@ -21,7 +21,7 @@ const { Content } = await render(entry);
 	<MDContainer>
 		<Content />
 	</MDContainer>
-</Layout>
+</BaseLayout>
 
 <style>
 	.title {