Fix: Rendering list of admin areas in grievance ticket description

Author: Jeeziorny

src/frontend/src/components/grievances/EditPeopleDataChange/EditPeopleDataChangeField.tsx

@@ -62,11 +62,6 @@ export const EditPeopleDataChangeField = ({
         fieldProps = {
           component: FormikAsyncAutocomplete,
           restEndpoint: 'adminAreas',
-          fetchData: (data) =>
-            data?.results?.map((area) => ({
-              labelEn: `${area.name} - ${area.pCode}`,
-              value: area.pCode,
-            })),
           variables: {
             businessArea,
           },

src/frontend/src/shared/Formik/FormikAsyncAutocomplete/FormikAsyncAutocomplete.tsx

@@ -26,8 +26,9 @@ export function FormikAsyncAutocomplete({
 
   // Default fetch data function for admin areas
   const defaultFetchData = (data: any) => {
-    if (!data?.results) return [];
-    return data.results.map((area: any) => ({
+    const items = Array.isArray(data) ? data : data?.results;
+    if (!items) return [];
+    return items.map((area: any) => ({
       labelEn: `${area.name} - ${area.pCode}`,
       value: area.pCode,
     }));