  <div class="avatar-content" id="avatar-content">
    <div class="backdrop-sheet" id="avatar-backdrop"></div>
    <div class="avatar">
      <div class="image" title="<%= user._name %>" data-letter="<%= user.first_name[0]%>" id="avatar-trigger">

      </div>
      <div class="content">
        <div class="me">
          <style>
          </style>
          <div class="image">
            <img class="circular" src="<%= user.profile_image ?? '/assets/images/user.jpg' %>" alt="" width="35" height="35">
          </div>
          <div class="user-details">
            <div class="name"><%= user._name %></div>
            <div class="email"><%= user.email %></div>
          </div>
        </div>
        <a href="/app/my-account" class="my-account">
          <span class="material-symbols-outlined">
            settings
          </span>
          <span>
            My Account
          </span>
        </a>
        <div class="button-group">
          <div class="logout-btn">
            <button id="logout-btn"><span class="material-symbols-outlined">
                logout
              </span> <span>Logout</span> </button>
          </div>
          <div class="help-btn">
            <a href="/support" target="_blank">
              <button id="help-btn"><span class="material-symbols-outlined">
                  help
                </span>
                <span>Get Help </span>
              </button>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>