Update Favorite UI optimistically

Instead of waiting for the request to complete, we remove the fill state optimistically

src/components/button-favourite/button-favourite.tsx

@@ -64,13 +64,13 @@ const ButtonFavourite: React.FC<ButtonFavouriteProps> = ({
   const handleClick = useCallback(
     (e: React.MouseEvent<HTMLButtonElement>) => {
       if (fillState) {
+        setFillState(false);
         removeItem(
           { listId, itemId: id },
           {
             onSuccess: () => {
               // Invalidate the query to remove any faved materials from favorites list
               queryClient.invalidateQueries(getGetListQueryKey(listId));
-              setFillState(false);
             }
           }
         );