Optimize lodash. Fixes #6006

[Omkar76]

WHAT

🤖 Generated by Copilot at 73f49f9

This pull request replaces the lodash dependency with lodash-es and imports only the needed functions from the library in various files. This reduces the bundle size and improves the performance of the frontend application. It also refactors some code to use the imported functions directly and consistently.

Proposed Changes

• Part of remove lodash #6006
• Replaced lodash with lodash-es.
• Avoid importing entire package as _. Only import needed utilities

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

HOW

🤖 Generated by Copilot at 73f49f9

• Replace lodash with lodash-es and import only required functions in package.json and various files to reduce bundle size and support tree-shaking (link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link)
• Update usage of imported functions from lodash-es to match the import changes in ExternalResultUpload.tsx, Reports/index.tsx, Reports/utils.tsx, ShowInvestigation.tsx, Table.tsx, SampleDetails.tsx, SampleTestCard.tsx, and Notifications.js (link, link, link, link, link, link, link, link, link, link, link, link, link)
• Remove unused import of lodash from InvestigationTable.tsx (link)

Before optimization

After optimization

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	be98542
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/6527c6045b95d8000894f223
😎 Deploy Preview	https://deploy-preview-6415--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.

[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	Oct 12, 2023 10:10am

[Omkar76]

cc: @sainak

[rithviknishad]

@Omkar76 wasn't the issue about removing and using custom utility functions instead?

This PR is just replacing with another package and updating the imports and doesn't make a noticeable difference in the final bundle size.

We could achieve a much lower bundle size if we built the utility functions within care right?

cc: @sainak

[Omkar76]

@Omkar76 wasn't the issue about removing and using custom utility functions instead?

This PR is just replacing with another package and updating the imports and doesn't make a noticeable difference in the final bundle size.

We could achieve a much lower bundle size if we built the utility functions within care right?

cc: @sainak

I believe the size reduction is significant (547 -> 122). We can keep this PR on hold until @sainak has implemented the utilities to replace lodash. If that reduces size significantly more than this we can merge that instead.

[khavinshankar]

@rithviknishad @sainak can you review this pr once, we'll go ahead with this pr for now and update and keep the original issue open to remove this dependency

[sainak]

Lgtm

[khavinshankar]

@nihal467 the changes looks good, just give it a general test of above mentioned files

[nihal467]

tested

[khavinshankar]

@Omkar76 make the necessary changes suggested by Bodhi

[Omkar76]

Hi @bodhish,
Working on your suggestion to use css text-transform instead of startCase and camelCase. From what I'm seeing I think it won't be able to replace those methods . Correct me if wrong

Is a keyword that converts the first letter of each word to uppercase. Other characters remain unchanged (they retain their original case as written in the element's text).
https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform

sampleDetails.status can have value "COMPLETED". We need "Completed". capitalize class won't do that. Similar issue for sampleDetails.doctor_name and maybe in other places.
https://play.tailwindcss.com/wR1YZEkNsO

[rithviknishad]

You could do:

<span className="capitalize">
  {"COMPLETED".toLowerCase()}
</span> 

// 👉 Completed