Toggle bookmark hook

[davidgit3000]

I created a custom hook called useBookmark.jsx (located inside src/hooks).

• For now, the only component I modified is Article.jsx
• My task is combining both CREATE and DELETE functionality as stated in task updates on Monday. I am not completely sure about API fetch link (need to confirm from backend whether it is /api/users/bookmarks or /api/bookmarks).
• This hook returns 3 things: loading state, an error message, and a function that takes in 3 parameters (article id, bookmark status (boolean), and a function for bookmark toggling). The third parameter servers as a function that will be defined in each component itself.
• The function toggleBookmark on the client side is only called when there is a successful response from the server defined in useBookmark hook.
• Two dependencies I added to this branch are react-hot-toast (to show error/success message as a Toaster component) and react-icons (to display Loading icon in loading state returned from useBookmark)

Issue

There arises an issue that I got two toast messages at the same time rather than displaying once