Refactor Astro components and layouts

src/components/Head.astro

@@ -1,6 +1,10 @@
 ---
-const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+type Props = {
+	readonly description?: string;
+	readonly title?: string;
+};
 
+const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 const { title, description } = Astro.props;
 ---
 

src/components/PostElement.astro

@@ -1,6 +1,11 @@
 ---
+import { type CollectionEntry } from "astro:content";
 import dayjs from "dayjs";
 
+type Props = {
+	readonly post: CollectionEntry<"blog">;
+};
+
 const { post } = Astro.props;
 ---
 

src/components/PostPagination.astro

@@ -1,47 +0,0 @@
----
-const { prevPost, nextPost } = Astro.props;
----
-
-<style lang="scss">
-	.pagination {
-		overflow: hidden;
-		padding: 5rem 0;
-		width: 100%;
-	}
-
-	@media (width <=684px) {
-		.pagination {
-			padding: 2rem 0;
-		}
-	}
-
-	.prev,
-	.next {
-		max-width: 40%;
-	}
-
-	.prev {
-		float: left;
-	}
-
-	.next {
-		float: right;
-	}
-</style>
-
-<div class="pagination">
-	{
-		prevPost && (
-			<span class="prev">
-				<a href={`/blog/${prevPost.slug}`}>&lt; {prevPost.data.title}</a>
-			</span>
-		)
-	}
-	{
-		nextPost && (
-			<span class="next">
-				<a href={`/blog/${nextPost.slug}`}>{nextPost.data.title} &gt;</a>
-			</span>
-		)
-	}
-</div>