add remaining roopal27 items

app/src/data.js

@@ -41,4 +41,16 @@ export const ITEMS = [
     thumbnailSrc: "http://images.neopets.com/items/gif_magicball_table.gif",
     zoneName: "Lower Foreground Item",
   },
+  {
+    id: 8,
+    name: "Green Leaf String Lights",
+    thumbnailSrc: "http://images.neopets.com/items/toy_stringlight_illleaf.gif",
+    zoneName: "Background Item",
+  },
+  {
+    id: 9,
+    name: "Jewelled Staff",
+    thumbnailSrc: "http://images.neopets.com/items/mall_staff_jewelled.gif",
+    zoneName: "Left-hand item",
+  },
 ];

app/src/useOutfitState.js

@@ -3,7 +3,16 @@ import React from "react";
 import { ITEMS } from "./data.js";
 
 function useOutfitState() {
-  const [wornItemIds, setWornItemIds] = React.useState([1, 2, 3, 4, 6, 7]);
+  const [wornItemIds, setWornItemIds] = React.useState([
+    1,
+    2,
+    3,
+    4,
+    6,
+    7,
+    8,
+    9,
+  ]);
   const [closetedItemIds, setClosetedItemIds] = React.useState([5]);
 
   const wearItem = React.useCallback(