Show error for invalid records of import external results page

[Pranshu1902]

WHAT

🤖[deprecated] Generated by Copilot at 5c9677f

The pull request enhances the security and usability of the ExternalResultUpload component. It checks the district names in the CSV data against the user's district, and shows feedback on the upload status.

Proposed Changes

• Fixes Show patients that are of not same district beside the patient item itself. #6814
  Display in front of each record whether it is valid or not
  Also, give the option to upload only validated data from the front-end (filtering out the invalid data)

@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

🤖[deprecated] Generated by Copilot at 5c9677f

• Import useEffect hook and add states for validationError and user (link, link)
• Fetch the current user data on component mount and store it in user state (link)
• Validate the district name in each row against the user's district and update validationError state accordingly (link, link)
• Filter out the invalid rows from the CSV data before sending the API request to upload it (link)
• Display the total number of rows in the CSV data, if any (link)
• Disable the submit button if all the rows are invalid or show the number of valid records to be saved (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	Dec 11, 2023 11:29am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	a8eaa47
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/6576f24ea244db000847e7ae
😎 Deploy Preview	https://deploy-preview-6832--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 configuration.

[nihal467]

LGTM