feat: add custom search bar for people table

apps/e2e/cypress/e2e/eventLogs.cy.ts

@@ -67,37 +67,38 @@ context('Event log tests', () => {
         id: user.id,
         firstname: newFirstName,
         userTitle: 'Dr.',
-        lastname: 'Doe',
+        lastname: user.lastName,
         institutionId: 1,
         email: faker.internet.email(),
-      });
+      }).then(() => {
+        cy.login('officer');
+        cy.visit('/People');
 
-      cy.login('officer');
-      cy.visit('/People');
-
-      cy.finishedLoading();
+        cy.finishedLoading();
 
-      cy.get('[aria-label="Search"]').type(user.lastName);
+        cy.get('[data-cy="people-search"]').type(user.lastName);
+        cy.realPress('Enter');
 
-      cy.contains(user.firstName)
-        .parent()
-        .find('button[aria-label="Edit user"]')
-        .click();
+        cy.contains(user.lastName)
+          .parent()
+          .find('button[aria-label="Edit user"]')
+          .click();
 
-      cy.get("[name='firstname']").should('have.value', newFirstName);
+        cy.get("[name='firstname']").should('have.value', newFirstName);
 
-      cy.get('[role="tab"]').contains('Logs').click();
+        cy.get('[role="tab"]').contains('Logs').click();
 
-      cy.get('[data-cy="event-logs-table"]').as('eventLogsTable');
-      cy.get('@eventLogsTable')
-        .find('tr[level="0"]')
-        .last()
-        .as('eventLogsTableLastRow');
+        cy.get('[data-cy="event-logs-table"]').as('eventLogsTable');
+        cy.get('@eventLogsTable')
+          .find('tr[level="0"]')
+          .last()
+          .as('eventLogsTableLastRow');
 
-      cy.get('@eventLogsTableLastRow').invoke('text').as('lastRowText');
+        cy.get('@eventLogsTableLastRow').invoke('text').as('lastRowText');
 
-      cy.get('@lastRowText').should('contain', 'USER_UPDATED');
-      cy.get('@lastRowText').should('contain', updateProfileDate);
+        cy.get('@lastRowText').should('contain', 'USER_UPDATED');
+        cy.get('@lastRowText').should('contain', updateProfileDate);
+      });
     });
 
     it('If user impersonates someone, it reflects in the action logs', () => {

apps/e2e/cypress/e2e/generalFaps.cy.ts

@@ -66,7 +66,8 @@ context('General facility access panel tests', () => {
         this.skip();
       }
       cy.contains('People').click();
-      searchMuiTableAsync(fapMembers.chair.lastName);
+      cy.get('[data-cy="people-search"]').type(fapMembers.chair.lastName);
+      cy.realPress('Enter');
       cy.get('[aria-label="Edit user"]').click();
       cy.get('[cy-data="user-page"]').contains('Settings').click();
       cy.contains('Add role').click();
@@ -82,9 +83,13 @@ context('General facility access panel tests', () => {
         variant: 'success',
       });
       cy.contains('People').click();
+      cy.get('[data-cy="people-search"]').type(fapMembers.secretary.lastName);
+      cy.realPress('Enter');
+      cy.contains(fapMembers.secretary.lastName)
+        .parent()
+        .find('button[aria-label="Edit user"]')
+        .click();
 
-      searchMuiTableAsync(fapMembers.secretary.lastName);
-      cy.get('[aria-label="Edit user"]').click();
       cy.get('[cy-data="user-page"]').contains('Settings').click();
       cy.contains('Add role').click();
 

apps/frontend/src/components/fap/Proposals/ProposalsView/AssignFapMemberToProposalModal.tsx

@@ -90,6 +90,7 @@ const AssignFapMemberToProposalModal = ({
           isLoading={loadingMembers}
           columns={columns}
           search
+          customSearch={false}
           onUpdate={(members: FapAssignedMember[]) =>
             assignMembersToFapProposals(
               members,

apps/frontend/src/components/proposal/PeopleSelectorModal.tsx

@@ -68,6 +68,7 @@ const PeopleSelectorModal = ({
     invitationUserRole: invitationUserRole || userRole,
     setPrincipalInvestigator: setPrincipalInvestigator,
     search: true,
+    customSearch: false,
   };
 
   const peopleTablesProps = {

apps/frontend/src/components/user/PeoplePage.tsx

@@ -31,7 +31,8 @@ export default function PeoplePage() {
           }}
           selection={false}
           showInvitationButtons
-          search
+          search={false}
+          customSearch={true}
           onRemove={(user: { id: number }) =>
             api({
               toastSuccessMessage: 'User removed successfully!',