<x-profile-layout>
    <div class="space-y-5">
        {{-- Header --}}
        <h2 class="text-xl font-bold text-gray-900 dark:text-gray-100 flex items-center gap-2">
            <i class="fa-solid fa-comment text-rose-500"></i>
            {{ __('nav.comments') }}
        </h2>

        {{-- Content from Livewire --}}
        <livewire:user-comments :model="$user"/>
    </div>
</x-profile-layout>