Как сделать счетчик закладок для каждого пользователя

Сделал систему закладок как в статье , всё работает прекрасно, но у меня на сайте в панели меню есть кнопка избранного, где отображается сколько статей добавил в избранное пользователь, как сделать так, что бы он обновлялся так же как общий счетчик в статье

до нажатия на кнопку добавить в избранное

после

после перезагрузки страницы

код меню (храниться в base шаблоне и подключается {% extends "main/base.html" %})

            <nav>
                <a href="/" style="color: inherit; text-decoration: none;">
                    <picture>
                        <source type="image/svg+xml" + srcset="{% static 'icons/article-white-18dp.svg' %}">
                        <img src="{% static 'icons/article-white-18dp.svg' %}" width="16" height="16">
                    </picture>
                    <span class="body-2" style="color: inherit;">Статьи</span>
                    <span class="counter">{{ article_count.count }}</span>
 
                </a>
 
                <a href="{% url 'post_favourite_list' %}" style="color: inherit; text-decoration: none;">
                    <picture>
                        <source type="image/svg+xml" + srcset="{% static 'icons/favorite-white-18dp.svg' %}">
                        <img src="{% static 'icons/favorite-white-18dp.svg' %}" width="16" height="16">
                    </picture>
                    <span class="body-2">Избранное</span>
                    <span class="counter" data-count="bookmark">{{ request.user.bookmarkarticle_set.all.count }}</span>
                </a>
            </nav>

жс код аякса

function to_bookmarks()
{
    var current = $(this);
    var type = current.data('type');
    var pk = current.data('id');
    var action = current.data('action');
 
    $.ajax({
        url : "/api/" + type + "/" + pk + "/" + action + "/",
        type : 'POST',
        data : { 'obj' : pk },
 
        success : function (json) {
            current.find("[data-count='" + action + "']").text(json.count);
        }
    });
 
    return false;
}
 
// Подключение обработчика
$(function() {
    $('[data-action="bookmark"]').click(to_bookmarks);
});

код кнопки "добавить в избранное" в статье

            <a data-id="{{ post.id }}" data-type="article" data-action="bookmark" title="Избранное">
                <button type="button" class="btn btn-danger" style="margin-top: 20px ">
                    {% if post.bookmarkarticle_set.all|user_in:user %}
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                             class="bi bi-heart-fill" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                  d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"></path>
                        </svg>
                    {% else %}
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                             class="bi bi-heart-fill" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                  d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"></path>
                        </svg>
                    {% endif %}
                <span data-count="bookmark">{{ post.get_bookmark_count }}</span>
                </button>
            </a>