debar header -->
      <div :class="{'lg:justify-center': !isSidebarOpen}" class="flex items-center justify-center flex-shrink-0 p-2 lg:justify-center">
        <span class="p-2 text-xl font-semibold leading-8 tracking-wider uppercase whitespace-nowrap cursor-pointer">
          <span>
            <img @click="toggleSidebarMenu()" :class="{'h-12': isSidebarOpen, 'w-8 h-8': !isSidebarOpen}" class="object-cover" src="{{ url_for('static', filename='img/icon.png') }}">
          </span>
        </span>
        