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/games/page.tsx

@@ -1,26 +1,44 @@
-import { Certification } from "@/components/cert";
-import { Game } from "@/components/game";
-import { Rule } from "@/components/rule";
-import { Certifications } from "@/config/Certifications";
-import { Games } from "@/config/Games";
-import { Charm } from "next/font/google";
+/**
+ * @copyright nhcarrigan
+ * @license Naomi's Public License
+ * @author Naomi Carrigan
+ */
+import { Game } from "../../components/game";
+import { Rule } from "../../components/rule";
+import { Games } from "../../config/Games";
+import type { JSX } from "react";
 
+/**
+ * Renders the /games page.
+ * @returns A React Component.
+ */
 const Gamez = (): JSX.Element => {
   return (
-    <>
-      <main className="w-[95%] text-center max-w-4xl m-auto mt-16 mb-16 rounded-lg">
-        <h1 className="text-5xl">Games</h1>
-        <section>
-          <p className="mb-2">See how Naomi has appeared in various games.</p>
-          <Rule />
-          <div className="grid sm:grid-cols-2 lg:grid-cols-3 grid-cols-1 gap-y-5">
-            {Games.sort((a, b) => a.name.localeCompare(b.name)).map((game) => (
-              <Game key={game.name} name={game.name} img={game.img} alt={game.alt} url={game.url} />
-            ))}
-          </div>
-        </section>
-      </main>
-    </>
+    <main
+      className="w-[95%] text-center
+      max-w-4xl m-auto mt-16 mb-16 rounded-lg"
+    >
+      <h1 className="text-5xl">{`Games`}</h1>
+      <section>
+        <p className="mb-2">{`See how Naomi has appeared in various games.`}</p>
+        <Rule />
+        <div className="grid sm:grid-cols-2 lg:grid-cols-3 grid-cols-1 gap-y-5">
+          {Games.toSorted((a, b) => {
+            return a.name.localeCompare(b.name);
+          }).map((game) => {
+            return (
+              <Game
+                alt={game.alt}
+                img={game.img}
+                key={game.name}
+                name={game.name}
+                url={game.url}
+              />
+            );
+          })}
+        </div>
+      </section>
+    </main>
   );
 };