fix: body overflowing to the right

i probably shouldn't be doing this SEO thing

src/components/mii-list/index.tsx

@@ -17,6 +17,7 @@ import Carousel from "../carousel";
 import LikeButton from "../like-button";
 import DeleteMiiButton from "../delete-mii";
 import Pagination from "./pagination";
+import Image from "next/image";
 
 interface Props {
 	searchParams: { [key: string]: string | string[] | undefined };
@@ -255,14 +256,14 @@ export default async function MiiList({ searchParams, userId, inLikesPage }: Pro
 						</div>
 
 						{/* Offscreen metadata image for search engines; hidden from users */}
-						{/* eslint-disable-next-line @next/next/no-img-element */}
-						<img
+						<Image
 							src={`/mii/${mii.id}/image?type=metadata`}
 							alt={`${mii.name}, a ${mii.gender ? mii.gender.toLowerCase() : ""} Mii ${mii.tags.length ? ` with tags: ${mii.tags.join(", ")}` : ""}`}
 							loading="lazy"
+							unoptimized
 							width={1}
 							height={1}
-							className="absolute left-[999999]"
+							className="absolute left-[-999999]"
 						/>
 					</div>
 				))}