Lock profile when user leaves app on Ionic platform

[lubej]

Solution

Current behavior of mobile platform(for that matter also web/extensions) does not lock the user profile, when leaving the app. Meaning the app would stay indefinitely unlocked, if user does not explicitly lock the wallet. This PR locks the wallet in 30sec of inactivity - but the implementation is not ideal. As timers get "frozen" when put in background, it uses a check upon activating the app, by comparing the timestamps before it went to sleep. Ideal solution would have a background service, with timer implemented - but would add an overhead of additional capacitor plugin.

In combination with hiding app information upon switching between apps(mobile), should be good enough solution.

Resources

For demo purposes, this used 5sec timer(instead of 30sec):
https://github.com/oasisprotocol/oasis-wallet-web/assets/9722540/ef1cb6d9-3cf0-4dac-8345-8fddd1bbdbdf

[github-actions]

Deployed to Cloudflare Pages

Latest commit:	9ce6edaa132ea175de5d900f30d65995d0801c47
Status:	✅ Deploy successful!
Preview URL:	https://40b72356.oasis-wallet.pages.dev

[codecov]

Codecov Report

Attention: Patch coverage is 36.84211% with 24 lines in your changes are missing coverage. Please review.

Project coverage is 80.56%. Comparing base (61181fe) to head (8d98512).
Report is 15 commits behind head on master.

❗ Current head 8d98512 differs from pull request most recent head 9ce6eda

Please upload reports for the commit 9ce6eda to get more accurate results.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #1933      +/-   ##
==========================================
- Coverage   80.82%   80.56%   -0.27%     
==========================================
  Files         199      202       +3     
  Lines        5221     5247      +26     
  Branches      956      960       +4     
==========================================
+ Hits         4220     4227       +7     
- Misses       1001     1020      +19     

Flag	Coverage Δ
cypress	44.54% <11.11%> (-0.15%)	⬇️
jest	76.59% <36.84%> (-0.25%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files	Coverage Δ
src/ionicConfig.ts	100.00% <100.00%> (ø)
src/app/components/Ionic/IonicProvider.tsx	69.23% <60.00%> (+24.23%)	⬆️
...mponents/Ionic/hooks/useIonicBackButtonListener.ts	30.76% <30.76%> (ø)
...nts/Ionic/hooks/useIonicAppStateChangeListener.tsx	31.57% <31.57%> (ø)

... and 2 files with indirect coverage changes