Update CARE prompt when new version available

[rithviknishad]

Proposed Changes

• Fixes Empty cache and hard reload when new version of care is detected #4285
• Fixes App crashes when using ButtonV2 in unauthenticated pages #4297
• Fix ButtonV2's having hover effect when disabled.
• When an update is available, shows an alert prompt.
• When update is completed, shows a success prompt.
• Removes the existing Check for updates from User Profile as (1) it does not work as expected, (2) its now redundant with the new flow.

Technical changes:

• Uses the existing /build-meta.json generation flow.
• Finds out the latest available version from the /build-meta.json file and compares it with the app-version stored in localStorage. If both versions mismatch (or even if app-version does not exist in localStorage) hasUpdate is set to true, which shows the popup.
• Once updateApp is invoked by button onClick, it empties the cache and invokes window.locations.reload, and sets two items in localStorage:

app-version: <the new version from build-meta.json>
app-updated: true

• After the app is loaded again and after a set timeout, app-updated is cleared.
• app-updated key is used just to show the update success popup when the app has been updated after the reload.

2022-12-13.16-45-26.mp4

@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

[vercel]

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

Name	Status	Preview	Updated
care-storybook	✅ Ready (Inspect)	Visit Preview	Dec 15, 2022 at 7:28AM (UTC)

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	9e983a8
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/639acc6a4fc55200098a98da
😎 Deploy Preview	https://deploy-preview-4298--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.

[rithviknishad]

@gigincg regd. if build-meta.json is cached: Nope, its not.

[shivankacker]

LGTM, great stuff! 🚀
Maybe we can provide an option to snooze updates. Snoozing will make it popup every 5 hours or so. User can then manually update the software in the user account page. What say?

[github-actions]

👋 Hi, @rithviknishad,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[sonarcloud]

SonarCloud Quality Gate failed.   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
2 Code Smells

No Coverage information
7.1% Duplication

[nihal467]

LGTM