Feat/add on arrow release

[yujhenchen]

Resolves #143

Based on this issue: Need onArrowRelease function param for useFocusable

Summary

Implemented the onArrowRelease callback function in the useFocusable hook, allowing users to pass a custom function that is triggered when an arrow key is released.

Usage

 const { ref, focused } = useFocusable({
    onArrowRelease: (direction: string) => {
        // do something when the target arrow key is released
    }
  });

Demo

A ProgressBar component that allows progress to be updated by long-pressing the right arrow key.

ProgressBar.mp4

Looking forward to any feedback on the changes!

[predikament]

@yujhenchen: Thanks for opening a PR with this suggestion - We'll review it as soon as possible and let you know.

[asgvard]

Hi! Thanks for the contribution. I can see that it might be useful to have arrow release events as well. Looks good to me.
Please address the Prettier comment below, otherwise all good :)

[asgvard]

Please make sure to run Prettier on your code. All these small changes will be changed back next time we run Prettier. We will automate it with Husky in the future, but for now please only include changes that are relevant to your feature :)

[yujhenchen]

Hi @asgvard
Thanks for your review :) I just reverted these unrelated changes. Could you take another quick look to see if everything is good to merge?
Regarding adding Husky, I have used it before in another project and it is really convenient. Can I try and create another issue and PR to deal with it 😀 ?