feat(frontend): warn if notes are dirty

[matmair]

This adds an alert if the user tries to navigate away after changing the content of a panel - for now only notes.

closes invenhost#301

[netlify]

✅ Deploy Preview for inventree-web-pui-preview ready!

Name	Link
🔨 Latest commit	58ee658
🔍 Latest deploy log	https://app.netlify.com/projects/inventree-web-pui-preview/deploys/69e7e25ab09aad0008706ca6
😎 Deploy Preview	https://deploy-preview-11772--inventree-web-pui-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 93 (🟢 up 1 from production) Accessibility: 81 (no change from production) Best Practices: 100 (no change from production) SEO: 78 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[wolflu05]

Nice addition, we may can use the useBlocker hook from react router here to block at the router level to ensure no other navigation on a different link occurs. We may can also block closing the tab when there is unsaved data

[SchrodingersGat]

This is a great addition! The useBlocker hook looks interesting - do you think you will add that here @matmair ?

[matmair]

@wolflu05 useBlocker does not work with our router model / react router version.

[matmair]

i think i got this as far as I can without touching the router - which i am not intrested in

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 91.35%. Comparing base (d837c8a) to head (58ee658).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master   #11772      +/-   ##
==========================================
+ Coverage   91.28%   91.35%   +0.06%     
==========================================
  Files         970      967       -3     
  Lines       50325    50201     -124     
==========================================
- Hits        45941    45862      -79     
+ Misses       4384     4339      -45     

Components	Coverage Δ
Backend Apps	91.70% <ø> (ø)
Backend General	93.40% <ø> (-0.01%)	⬇️
Frontend	∅ <ø> (∅)

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

[wolflu05]

Oh, you're right. I haven't used React Router for a while. It seems that they have different modes now, which I was not aware of.