00 text-sm font-medium px-3 py-2 rounded-md hover:bg-gray-50 transition-all duration-200">
                  My Profile
                </a>
                <div class="flex items-center px-2">
                  {% if request.user.profile_pic|length > 0 %}
                  <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.profile_pic.url}}" alt="Profile">
                  