{% elif request.user.photo %}
                  <img
                    class="w-8 h-8 rounded-full object-cover border-2 border-gray-200 hover:border-blue-400 transition-colors duration-200"
                    src="{{request.user.photo}}" alt="Profile">
                  {% else %}
                  <div class="w-8 h-8 rounded-full bg-gray-200 hover:bg-gray-300 border-2 border-gray-200 hover:border-blue-400 transition-colors duration-200 flex items-center justify-center">
                    <i data-luci