feat: setup actions (#1)

### Explanation

_No response_

### Issue

_No response_

### Attestations

- [ ] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [ ] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [ ] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [ ] I have pinned the dependencies to a specific patch version.

### Style

- [ ] I have run the linter and resolved any errors.
- [ ] My pull request uses an appropriate title, matching the conventional commit standards.
- [ ] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

_No response_

Reviewed-on: #1
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

src/app/page.tsx

@@ -4,23 +4,30 @@
  * @author Naomi Carrigan
  */
 
+import type { JSX } from "react";
 import { Rule } from "@/components/rule";
 import { getSortedPostsData } from "@/lib/posts";
 
-export default function Home() {
+/**
+ * Renders the home page.
+ * @returns JSX component.
+ */
+const Home = (): JSX.Element => {
   const posts = getSortedPostsData();
   return (
     <main>
       <h1>{"Blog"}</h1>
       <p>{"Welcome to the musings of a transfem software engineer!"}</p>
-        {posts.map((post) => {
-          return <div key={post.slug}>
-            <Rule />
-            <h2><a className="underline" href={`/post/${post.slug}`}>{post.data.title}</a></h2>
-            <p className="italic text-center">{post.data.date.toLocaleDateString("en-GB",{ year: "numeric", month: "long", day: "numeric"})}</p>
-            <p>{post.data.summary}</p>
-          </div>;
-        })}
+      {posts.map((post) => {
+        return <div key={post.slug}>
+          <Rule />
+          <h2><a className="underline" href={`/post/${post.slug}`}>{post.data.title}</a></h2>
+          <p className="italic text-center">{post.data.date.toLocaleDateString("en-GB", { day: "numeric", month: "long", year: "numeric" })}</p>
+          <p>{post.data.summary}</p>
+        </div>;
+      })}
     </main>
   );
-}
+};
+
+export default Home;

src/app/post/[slug]/page.tsx

@@ -1,23 +1,38 @@
-import { Rule } from "@/components/rule";
-import { getPostData } from "@/lib/posts";
+/**
+ * @copyright nhcarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+
 import Markdown from "react-markdown";
 import remarkGfm from "remark-gfm";
+import type { JSX } from "react";
+import { Rule } from "@/components/rule";
+import { getPostData } from "@/lib/posts";
 
-export default async function Page({
-    params
+/**
+ * Renders a blog post.
+ * @param props - The properties of the page.
+ * @param props.params - The path parameters.
+ * @returns The JSX component.
+ */
+const Page = async({
+  params,
 }: {
-    params: Promise<{slug: string}>
-}) {
-    const { slug } = await params;
-    const post = getPostData(slug);
-    return (
-        <main>
-            <h1>{post.data.title}</h1>
-            <p className="italic text-center">{`Published ${post.data.date.toLocaleDateString("en-GB", { weekday: "long", year: "numeric", month: "long", day: "numeric"})}`}</p>
-            <Rule />
-            <Markdown remarkPlugins={[remarkGfm]}>{post.content}</Markdown>
-            <Rule />
-            <a href="/">{"← Back to home"}</a>
-        </main>
-    )
-}
+  readonly params: Promise<{ slug: string }>;
+}): Promise<JSX.Element> => {
+  const { slug } = await params;
+  const post = getPostData(slug);
+  return (
+    <main>
+      <h1>{post.data.title}</h1>
+      <p className="italic text-center">{`Published ${post.data.date.toLocaleDateString("en-GB", { day: "numeric", month: "long", weekday: "long", year: "numeric" })}`}</p>
+      <Rule />
+      <Markdown remarkPlugins={[ remarkGfm ]}>{post.content}</Markdown>
+      <Rule />
+      <a href="/">{"← Back to home"}</a>
+    </main>
+  );
+};
+
+export default Page;