sition-transform duration-500 ease-out lg:w-64 lg:translate-x-0"
      x-bind:class="{
        'ltr:-translate-x-full rtl:translate-x-full': !mobileSidebarOpen,
        'translate-x-0': mobileSidebarOpen,
        'ltr:lg:-translate-x-full rtl:lg:translate-x-full': !desktopSidebarOpen,
        'ltr:lg:translate-x-0 rtl:lg:translate-x-0': desktopSidebarOpen,
      }"
      aria-label="Main Sidebar Navigation"
      x-cloak
    >
      <div id="drag-handle"></div>
      <!-- Sidebar Header -->
      <div
     