Add closing of the icon details modal with the ESC key

[gabrielogregorio]

Description:

Added the useKeyDown hook to improve interaction with the site using the keyboard, this specific pull request I am using this hook to close the icon details modal by pressing the ESC key.

The hook listens to the global window "keydown" event and triggers a callback function with a key pressed.

Example of closing the modal using the ESC key

simplescreenrecorder-2024-01-11_19.57.13.mp4

The hook synchronizes the ref with the most current value of the callback function, without interrupting the listener.

const refCallback = useRef(callback);

useEffect(() => {
    refCallback.current = callback;
}, [call back]);

Benefits:

With this it will be possible to use the ESC keys to close the icon detail modal, I personally find it much more practical.

References:

• This behavior is used for example in headless ui library
• In github in the search bar, to exit it
• In Youtube, sidebar, notifications, etc.

And on other sites.

I'm open to suggestions