feat(router): add router useBlocker hook

[xmaxcooking]

Successor of: #9843

Can be used like this:

const PostForm = (props: PostFormProps) => {
  const form = useForm<FormPost>()
  const blocker = useBlocker({ when: form.formState.isDirty })

  return (
    <div className="rw-form-wrapper">
      <Form formMethods={form} onSubmit={onSubmit} error={props.error}>
        State {blocker.state}
        {blocker.state === 'BLOCKED' ? (
          <div>
            <button type="button" onClick={() => blocker.confirm()}>
              Confirm
            </button>
            <button type="button" onClick={() => blocker.abort()}>
              Abort
            </button>
          </div>
        ) : null}
       ...
      </Form>
    </div>
   )
}

Tab close, Browser Close and Navigation with the redwood router components and functions can be blocked.

The only thing not working is the interception of the browser back button.

I found possible solutions to block the navigation back too, but not without losing any user changes and/or messing with the history.

React-router defined the situation like this: https://github.com/remix-run/react-router/blob/aacc2b94088835d1247bdf3a3f883f74cc3570a0/decisions/0001-use-blocker.md?plain=1#L37C1-L37C127

Blocking POP navigations is different - since we don't know about them via popstate until _after_ the URL has been updated

Currently the redwood router and the active page are coupled to the real location (URI) and it would require a refactoring to couple it with something like a location proxy instead which could be kept in sync with the history and location.

Any thoughts? Would a refactoring be worth it? Or is this implementation with a missing piece of functionality good enough?

[xmaxcooking]

Changed to draft until discussed. also may need some tests and docs.

[Tobbe]

Thanks for picking this back up again @xmaxcooking 🙏

I'll have to read back up on our previous discussions before I can provide much meaningful input here. I'll try to get to it this week, please ping me if I don't

[Tobbe]

I haven't forgotten about his PR, but I have some tight deadlines coming up (one for Monday, one for Tuesday and finally one for Wednesday). I've set a reminder to myself to check back on this PR on Thursday

[Tobbe]

Thanks for the PR. Overall I like this :) Just a few things:

• Please fix all the errors and warnings
• Please add tests
• Take a look at my two comments and see what you think about them

[xmaxcooking]

Thanks for the review! I'm going to polish this next week and then change it from draft to ready.

[Tobbe]

Awesome @xmaxcooking! I’m taking today off, but will look when I get a chance

[xmaxcooking]

Added the playwright test and removed the link changes👍

[Tobbe]

Thank you so much for the work you put into this feature @xmaxcooking! Very much not taken for granted 🙏