add opnames for all queries

src/app/HomePage.js

@@ -104,7 +104,7 @@ function SubmitPetForm() {
 
   const [loadPet, { loading }] = useLazyQuery(
     gql`
-      query($petName: String!) {
+      query SubmitPetForm($petName: String!) {
         petOnNeopetsDotCom(petName: $petName) {
           color {
             id

src/app/SearchPanel.js

@@ -210,7 +210,12 @@ function useSearchResults(query, outfitState) {
     fetchMore: fetchMoreGQL,
   } = useQuery(
     gql`
-      query($query: String!, $speciesId: ID!, $colorId: ID!, $offset: Int!) {
+      query SearchPanel(
+        $query: String!
+        $speciesId: ID!
+        $colorId: ID!
+        $offset: Int!
+      ) {
         itemSearchToFit(
           query: $query
           speciesId: $speciesId

src/app/SpeciesColorPicker.js

@@ -19,7 +19,7 @@ function SpeciesColorPicker({
   onChange,
 }) {
   const { loading: loadingMeta, error: errorMeta, data: meta } = useQuery(gql`
-    query {
+    query SpeciesColorPicker {
       allSpecies {
         id
         name

src/app/useOutfitAppearance.js

@@ -16,7 +16,7 @@ export default function useOutfitAppearance(outfitState) {
 
   const { loading, error, data } = useQuery(
     gql`
-      query(
+      query OutfitAppearance(
         $wornItemIds: [ID!]!
         $speciesId: ID!
         $colorId: ID!

src/app/useOutfitState.js

@@ -25,7 +25,7 @@ function useOutfitState() {
   const allItemIds = [...state.wornItemIds, ...state.closetedItemIds];
   const { loading, error, data } = useQuery(
     gql`
-      query($allItemIds: [ID!]!, $speciesId: ID!, $colorId: ID!) {
+      query OutfitState($allItemIds: [ID!]!, $speciesId: ID!, $colorId: ID!) {
         items(ids: $allItemIds) {
           # TODO: De-dupe this from SearchPanel?
           id
@@ -198,7 +198,11 @@ function findItemConflicts(itemIdToAdd, state, apolloClient) {
 
   const { items } = apolloClient.readQuery({
     query: gql`
-      query($itemIds: [ID!]!, $speciesId: ID!, $colorId: ID!) {
+      query OutfitStateItemConflicts(
+        $itemIds: [ID!]!
+        $speciesId: ID!
+        $colorId: ID!
+      ) {
         items(ids: $itemIds) {
           id
           appearanceOn(speciesId: $speciesId, colorId: $colorId) {