add tooltips

src/app/(pages)/player/[[...id]]/page.tsx

@@ -2,6 +2,7 @@
 import { Card } from "@/app/components/card";
 import { ErrorCard } from "@/app/components/error-card";
 import { LookupPlayer } from "@/app/components/player/lookup-player";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/app/components/ui/tooltip";
 import { generateEmbed } from "@/common/embed";
 import { CachedPlayer, McUtilsAPIError, SkinPart, getPlayer } from "mcutils-library";
 import { Metadata } from "next";
@@ -92,9 +93,18 @@ export default async function Page({ params: { id } }: Params): Promise<JSX.Elem
                     .filter(([part]) => part !== SkinPart.HEAD) // Don't show the head part again
                     .map(([part, url]) => {
                       return (
-                        <Link key={part} href={url} target="_blank">
-                          <img className="h-[64px]" src={url} alt={`The player's ${part}`} loading="lazy" />
-                        </Link>
+                        <Tooltip key={part}>
+                          <TooltipTrigger>
+                            <Link href={url} target="_blank">
+                              <img className="h-[64px]" src={url} alt={`The player's ${part}`} loading="lazy" />
+                            </Link>
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            <p>
+                              Click to view {player.username}&apos;s {part}
+                            </p>
+                          </TooltipContent>
+                        </Tooltip>
                       );
                     })}
                 </div>