CareUI: Adds UserAutocompleteFormField and used it in "Assigned To" filter field of Shifting

[rithviknishad]

WHAT

🤖 Generated by Copilot at 2e4a9c0

This pull request enhances the useAsyncOptions hook to support custom query options extraction, refactors the ListFilter component to use the new UserAutocompleteFormField component for user filtering, and makes some minor cosmetic changes to the UserModel type and the models.tsx file. These changes improve the flexibility, reusability, and user experience of the shifting module.

Proposed Changes

• CareUI: Adds UserAutocompleteFormField to select users. (we could add features like filter by online or filter by facility later on when using in other places.
• useAsyncOptions now supports custom query response extractor (since response format is not same for list api's)
• Pre-requisite of / required by Replace Material UI components in src/Components/Shifting/ListFilter.tsx. Fixes #4996 #5572
• As an example, it has been added to the Assigned To field of the Shifting Filter
• Deletes no longer used component: UserSelect2

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

HOW

🤖 Generated by Copilot at 2e4a9c0

• Add a new component UserAutocompleteFormField that wraps the Autocomplete component and uses the useAsyncOptions hook to fetch and display user options based on a query (link)
• Modify the useAsyncOptions hook to accept an optional queryResponseExtractor function that can extract the relevant data from the query response object (link,link)
• Replace the UserSelect component with the UserAutocompleteFormField component in the ListFilter component, and remove the unnecessary loading state variables and function calls (link,link,link,link,link,link)
• Change the UserModel interface to a type alias and terminate it with a semicolon in the models.tsx file (link,link)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 13, 2023 9:45am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	f9b0387
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/64883a5ce95aa80008be07d4
😎 Deploy Preview	https://deploy-preview-5626--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[nihal467]

@rithviknishad fix the cypress test

[nihal467]

LGTM

[github-actions]

@rithviknishad We truly appreciate your efforts. Thank you for taking the time to contribute; this is a very valuable contribution to us 🥇. We always welcome your contribution 🙂, so feel free to contribute to anything anytime, and never lose that spirit of innovation 🙌.