feat: add link to article version history and our community (#4)

### Explanation

_No response_

### Issue

_No response_

### Attestations

- [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [x] 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

- [x] I have run the linter and resolved any errors.
- [x] My pull request uses an appropriate title, matching the conventional commit standards.
- [x] 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: #4
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "eslint.validate": ["typescript"],
+}

src/app/page.tsx

@@ -17,13 +17,13 @@ const Home = (): JSX.Element => {
   return (
     <main>
       <h1>{"Blog"}</h1>
-      <p>{"Welcome to the musings of a transfem software engineer!"}</p>
+      <p className="text-center text-xl">{"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", { day: "numeric", month: "long", year: "numeric" })}</p>
-          <p>{post.data.summary}</p>
+          <p className="text-center">{post.data.summary}</p>
         </div>;
       })}
     </main>

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

@@ -27,11 +27,27 @@ const Page = async({
   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>
+      <p className="italic text-center">{`Published ${post.data.date.toLocaleDateString(
+        "en-GB",
+        { day: "numeric", month: "long", weekday: "long", year: "numeric" },
+      )}`}</p>
       <Rule />
-      <Markdown rehypePlugins={[ rehypeRaw ]} remarkPlugins={[ remarkGfm ]}>{post.content}</Markdown>
+      <Markdown rehypePlugins={[ rehypeRaw ]} remarkPlugins={[ remarkGfm ]}>
+        {post.content}
+      </Markdown>
       <Rule />
-      <a href="/">{"← Back to home"}</a>
+      <p className="text-center">
+        {`Love this post? Think Naomi is completely wrong? Have other thoughts you would like to share? `}
+        <a
+          href="https://chat.nhcarrigan.com"
+          rel="noreferrer"
+          target="_blank"
+        >{`Come tell us on Discord~!`}</a>
+      </p>
+      <div className="flex flex-row gap-2 w-full justify-center">
+        <a href="/">{"← Back to home"}</a>
+        <a href={`https://git.nhcarrigan.com/nhcarrigan/blog/commits/branch/main/posts/${slug}.md`} rel="noreferrer" target="_blank">{"See version history"}</a>
+      </div>
     </main>
   );
 };