sort items in follow cards

src/ui/FollowInterviewerCard.tsx

@@ -98,6 +98,13 @@ type FilterInterviewerProps = {
   search?: string;
 };
 
+/*  filterInterviewers :
+  conditions enable to filter when user search by:
+  - firstName 
+  - lastName
+  - firstName follow by lastName 
+  - lastName follow by firstName
+*/
 const filterInterviewers = ({ interviewers, search }: FilterInterviewerProps) => {
   if (search) {
     interviewers = interviewers.filter(
@@ -117,5 +124,25 @@ const filterInterviewers = ({ interviewers, search }: FilterInterviewerProps) =>
     );
   }
 
-  return interviewers;
+  return interviewers.sort((i1, i2) => {
+    const nameI1 = getInterviewerName({
+      lastName: i1.interviewerLastName,
+      firstName: i1.interviewerFirstName,
+    });
+
+    const nameI2 = getInterviewerName({
+      lastName: i2.interviewerLastName,
+      firstName: i2.interviewerFirstName,
+    });
+
+    return nameI1.trim().localeCompare(nameI2.trim());
+  });
+};
+
+const getInterviewerName = ({ lastName, firstName }: { lastName?: string; firstName?: string }) => {
+  if (lastName) {
+    return firstName ? lastName.concat(firstName) : lastName;
+  } else {
+    return firstName ?? "";
+  }
 };

src/ui/FollowOrganizationUnitCard.tsx

@@ -96,5 +96,5 @@ const filterOrganizationUnits = ({ organizationUnits, search }: FilterOUProps) =
     );
   }
 
-  return organizationUnits;
+  return organizationUnits.sort((ou1, ou2) => ou1.label.localeCompare(ou2.label));
 };

src/ui/FollowSurveyCard.tsx

@@ -24,6 +24,8 @@ const surveysMock = [
 export const FollowSurveyCard = () => {
   const intl = useIntl();
 
+  surveysMock.sort((su1, su2) => su1.label.localeCompare(su2.label));
+
   return (
     <Card variant="general" sx={{ height: "calc(100vh - 140px)", py: 4, px: 3, overflow: "auto" }}>
       <Stack gap={3}>