Add blanket warning for invisible pets

src/app/WardrobePage/OutfitKnownGlitchesBadge.js

@@ -106,6 +106,22 @@ function OutfitKnownGlitchesBadge({ appearance }) {
     }
   }
 
+  // Check whether the pet is Invisible. If so, we'll show a blanket warning.
+  if (petAppearance?.color?.id === "38") {
+    glitchMessages.push(
+      // NOTE: This message assumes that the current pet appearance is the
+      //       best canonical one, but it's _possible_ to view Glitched
+      //       appearances even if we _do_ have a better one saved... but
+      //       only the Support UI ever takes you there.
+      <Box key={`invisible-pet-warning`}>
+        Invisible pets are affected by a number of glitches, including faces
+        sometimes being visible on-site, and errors in the HTML5 conversion. If
+        this pose looks incorrect, you can try another by clicking the emoji
+        face to the right. But be aware that Neopets.com might look different!
+      </Box>
+    );
+  }
+
   // Check whether the pet appearance is marked as Glitched.
   if (petAppearance?.isGlitched) {
     glitchMessages.push(

src/app/components/useOutfitAppearance.js

@@ -269,6 +269,9 @@ export const petAppearanceFragment = gql`
     id
     bodyId
     isGlitched # For Known Glitches UI
+    color {
+      id # For Known Glitches UI
+    }
     layers {
       id
       ...AppearanceLayerForOutfitPreview