don't show the head in the skin parts

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

@@ -78,7 +78,9 @@ export default async function Page({ params }: Params): Promise<JSX.Element> {
               <div className="flex flex-col gap-2">
                 <p className="text-lg">Skin Parts</p>
                 <div className="flex gap-2">
-                  {Object.entries(player.skin.parts).map(([key, value]) => {
+                  {Object.entries(player.skin.parts)
+                    .filter((part) => part[0] !== "head") // Don't show the head part again
+                    .map(([key, value]) => {
                       return (
                         // eslint-disable-next-line @next/next/no-img-element
                         <img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />