chore: use our configs, update dependencies (#34)

### Explanation

This gets us in line with our other project standards, and allows us to start testing!

### Issue

Closes #18

### 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

- [x] 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

Major - My pull request introduces a breaking change.

Reviewed-on: https://codeberg.org/nhcarrigan/portfolio/pulls/34
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

src/app/activity/page.tsx

@@ -1,49 +1,69 @@
+/**
+ * @copyright nhcarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
 "use client";
-import { Activity } from "@/components/activity";
-import { Review } from "@/components/review";
-import { Rule } from "@/components/rule";
-import { Testimonials } from "@/config/Testimonials";
-import { useEffect, useState } from "react";
+import { type JSX, useEffect, useState } from "react";
+import { Activity } from "../../components/activity";
+import { Rule } from "../../components/rule";
 
-const Reviews = (): JSX.Element => {
-  const [activity, setActivity] = useState<
-    {
-      type: string;
-      date: Date;
-      repo: string;
+/**
+ * Renders the /activity page.
+ * @returns A React Component.
+ */
+const ActivityComponent = (): JSX.Element => {
+  const [ activity, setActivity ] = useState<
+    Array<{
+      type:     string;
+      date:     Date;
+      repo:     string;
       repoName: string;
-    }[]
+    }>
   >([]);
 
   useEffect(() => {
-    fetch("/api/activity")
-      .then((data) => data.json())
-      .then((data) => setActivity(data));
+    void fetch("/api/activity").
+      then(async(data) => {
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        return (await data.json()) as Array<{
+          type:     string;
+          date:     Date;
+          repo:     string;
+          repoName: string;
+        }>;
+      }).
+      then((data) => {
+        setActivity(data);
+      });
   }, []);
 
   return (
-    <>
-      <main className="w-[95%] text-center max-w-4xl m-auto mt-16 mb-16 rounded-lg">
-        <h1 className="text-5xl">Recent Activity</h1>
-        <section>
-          <p className="mb-2">See what Naomi has been up to lately.</p>
-          <Rule />
-          <ol className="relative border-s border-[--primary] w-4/5 m-auto">
-            {activity.map((act, i) => (
+    <main className="w-[95%] text-center
+      max-w-4xl m-auto mt-16 mb-16 rounded-lg">
+      <h1 className="text-5xl">{`Recent Activity`}</h1>
+      <section>
+        <p className="mb-2">{`See what Naomi has been up to lately.`}</p>
+        <Rule />
+        <ol className="relative border-s border-[--primary] w-4/5 m-auto">
+          {activity.map((act, index) => {
+            return (
               <Activity
-                key={act.date.toString()}
-                type={act.type}
                 date={act.date}
+                heart={index % 2 === 1
+                  ? "🩷"
+                  : "🩵"}
+                key={act.date.toString()}
                 repo={act.repo}
                 repoName={act.repoName}
-                heart={i % 2 ? "🩷" : "🩵"}
+                type={act.type}
               />
-            ))}
-          </ol>
-        </section>
-      </main>
-    </>
+            );
+          })}
+        </ol>
+      </section>
+    </main>
   );
 };
 
-export default Reviews;
+export default ActivityComponent;