Prevent user from leaving page when pending changes present

[ohdzdev]

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

• When a user has pending changes on the diet screen (or really any screen) prevent them from leaving unless consenting to losing the changes.

Describe the solution you'd like
A clear and concise description of what you want to happen.

• Add some sort of app level component that can have some state change via a prop function / context function to tell that component to give the user an alert popup (probably via browser internal alert() due to JS limitations) to consent to wanting to leave the page if pending state not saved.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[ColinKrist]

possible solution for nextjs: https://nextjs.org/docs#intercepting-popstate