feat: add appeal form (#59)

### 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: https://codeberg.org/nhcarrigan/portfolio/pulls/59
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

src/app/appeal/page.tsx

@@ -0,0 +1,48 @@
+/**
+ * @copyright nhcarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+"use client";
+import Script from "next/script";
+import type { JSX } from "react";
+
+/**
+ * Renders the /polycule page.
+ * @returns A React Component.
+ */
+const Sales = (): JSX.Element => {
+  return (
+    <>
+      <main className="w-4/5 text-center
+        max-w-4xl m-auto mt-16 mb-1 rounded-lg">
+        <h1 className="text-5xl">{`Appeal a Sanction`}</h1>
+        <p>{`This form allows you to appeal a moderation action taken against you on one of our platforms.`}</p>
+      </main>
+      <style>
+        {`.hbspt-form {
+            max-width: 750px;
+            margin: auto;
+            background-color: #04624f;
+            border-radius: 1rem;
+            padding: 1rem;
+            margin-bottom: 100px;
+            font-family: "Fira Code", monospace;
+        }`}
+      </style>
+      <Script
+        src="//js.hsforms.net/forms/embed/v2.js"
+        strategy="beforeInteractive"
+        type="text/javascript"
+      ></Script>
+      <Script strategy="afterInteractive">
+        {`hbspt.forms.create({
+            portalId: "47086586",
+            formId: "2db4284c-86a1-47d2-a019-c460ef809402",
+        });`}
+      </Script>
+    </>
+  );
+};
+
+export default Sales;

src/config/NavItems.ts

@@ -30,6 +30,7 @@ export const NavItems = [
   { href: "/projects", text: "Our Projects" },
   { href: "/sales", text: "Sales Inquiries" },
   { href: "/newsletter", text: "Newsletter" },
+  { href: "/appeal", text: "Sanction Appeals" },
 ].sort((a, b) => {
   return a.text.localeCompare(b.text);
 });