chore: couple more games (#20)

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

src/app/games/page.tsx

@@ -14,7 +14,7 @@ const Gamez = (): JSX.Element => {
           <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.map((game) => (
+            {Games.sort((a, b) => a.name.localeCompare(b.name)).map((game) => (
               <Game key={game.name} name={game.name} img={game.img} />
             ))}
           </div>

src/components/game.tsx

@@ -22,7 +22,7 @@ export const Game = (props: GameProps): JSX.Element => {
           alt={name}
           width={250}
           height={250}
-          className="m-auto"
+          className="m-auto object-contain  max-h-[250px] max-w-[250px]"
         />
       </a>
     </div>

src/config/Games.ts

@@ -21,5 +21,29 @@ export const Games: {
     {
       name: "Idling to Rule the Gods",
       img: "idling-god.png"
+    },
+    {
+      name: "Nioh 2",
+      img: "nioh-2.jpg"
+    },
+    {
+      name: "Deathly Stillness",
+      img: "deathly-stillness.jpg"
+    },
+    {
+      name: "Once Human",
+      img: "once-human.jpg"
+    },
+    {
+      name: "Fallout 4",
+      img: "fallout-4.jpg"
+    },
+    {
+      name: "Guild Wars 2",
+      img: "gw2.png"
+    },
+    {
+      name: "Neverwinter Nights",
+      img: "nwn.jpg"
     }
   ]