feat: add title attribute to edit and delete mii buttons

src/app/mii/[slug]/page.tsx

@@ -171,7 +171,7 @@ export default async function MiiPage({ params }: Props) {
 					</section>
 
 					<div className="flex gap-1 text-4xl justify-end text-orange-400">
-						<Link href={`/edit/${mii.id}`}>
+						<Link href={`/edit/${mii.id}`} title="Edit Mii">
 							<Icon icon="mdi:pencil" />
 						</Link>
 						<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii._count.likedBy ?? 0} />

src/components/delete-mii.tsx

@@ -49,7 +49,7 @@ export default function DeleteMiiButton({ miiId, miiName, likes }: Props) {
 
 	return (
 		<>
-			<button onClick={() => setIsOpen(true)} className="cursor-pointer">
+			<button onClick={() => setIsOpen(true)} title="Delete Mii" className="cursor-pointer">
 				<Icon icon="mdi:trash" />
 			</button>
 

src/components/mii-list/index.tsx

@@ -112,7 +112,7 @@ export default function MiiList({ isLoggedIn, userId, sessionUserId }: Props) {
 
 										{userId && sessionUserId == userId && (
 											<div className="flex gap-1 text-2xl justify-end text-zinc-400">
-												<Link href={`/edit/${mii.id}`}>
+												<Link href={`/edit/${mii.id}`} title="Edit Mii">
 													<Icon icon="mdi:pencil" />
 												</Link>
 												<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii.likes} />