Change zone gql selections to only select what's used/needed

Author: CarsonF

src/common/fragments/location.graphql

@@ -34,18 +34,7 @@ fragment DisplayFieldRegion on FieldRegion {
 
 fragment DisplayFieldZone on FieldZone {
   id
-  createdAt
   name {
-    canRead
-    canEdit
     value
   }
-  director {
-    canRead
-    canEdit
-    value {
-      id
-      fullName
-    }
-  }
 }

src/components/FieldZone/EditFieldZone/EditFieldZone.graphql

@@ -1,7 +1,7 @@
 mutation UpdateFieldZone($input: UpdateFieldZoneInput!) {
   updateFieldZone(input: $input) {
     fieldZone {
-      ...DisplayFieldZone
+      ...FieldZoneForm
     }
   }
 }

src/scenes/FieldZones/Detail/FieldZoneDetail.graphql

@@ -1,6 +1,14 @@
 query FieldZoneDetail($fieldZoneId: ID!) {
   fieldZone(id: $fieldZoneId) {
-    ...DisplayFieldZone
+    name {
+      value
+    }
+    director {
+      value {
+        id
+        fullName
+      }
+    }
     ...FieldZoneForm
   }
 }

src/scenes/FieldZones/Detail/FieldZoneDetail.tsx

@@ -62,7 +62,7 @@ export const FieldZoneDetail = () => {
               variant="h2"
               sx={{
                 mr: 4,
-                width: !fieldZone?.name ? '40%' : undefined,
+                width: !fieldZone?.name.value ? '40%' : undefined,
               }}
             >
               {!fieldZone ? (