add NC badge to items

src/app/WardrobePage/Item.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { css, cx } from "emotion";
 import {
+  Badge,
   Box,
   Flex,
   IconButton,
@@ -50,10 +51,20 @@ function Item({ item, itemNameId, isWorn, isInOutfit, dispatchToOutfit }) {
             isWorn={isWorn}
           />
         </Box>
-        <Box flex="1 1 auto">
+        <Box
+          flex="1 1 auto"
+          display="flex"
+          flexDirection="row"
+          alignItems="center"
+        >
           <ItemName id={itemNameId} isWorn={isWorn}>
             {item.name}
           </ItemName>
+          {item.isNc && (
+            <Badge colorScheme="cyan" marginLeft="2">
+              NC
+            </Badge>
+          )}
         </Box>
         <Box flex="0 0 auto">
           <SupportOnly>

src/app/WardrobePage/useOutfitState.js

@@ -37,6 +37,7 @@ function useOutfitState() {
           id
           name
           thumbnailUrl
+          isNc
 
           appearanceOn(speciesId: $speciesId, colorId: $colorId) {
             # This enables us to quickly show the item when the user clicks it!