<div>
    <div class="d-flex justify-content-between mb-2">
        <h4 class="mb-0">{{ __('My Best Friends') }}</h4>
        <div class="d-flex align-items-center">
            <a class="btn btn-primary btn-sm"><i class="fa-solid fa-pencil me-1 d-sm-inline d-lg-none d-xl-inline"></i>{{ __('Edit') }}</a>
        </div>
    </div>

    <div class="text-center py-3" id="data-loading">
        <div role="status" class="spinner-border text-center text-secondary">
            <span class="visually-hidden">{{ __('Loading...') }}</span>
        </div>
    </div>
</div>
