<nav id="sidebarMenu" class="col-md-3 col-lg-2 border-end bg-light">
  <div class="position-sticky pt-4">
    <ul class="nav flex-column">
      <li class="nav-item">
        <a class="nav-link active" aria-current="page" href="/dashboard">
          <i class="fa-solid fa-house-flag"></i>
          <span>Dashboard</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">
          <i class="fa-solid fa-envelope"></i>
          <span>Messages</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/dashboard/orders">
          <i class="fa-solid fa-truck"></i>
          <span>Orders</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/dashboard/products">
          <i class="fa-solid fa-boxes-stacked"></i>
          <span>Inventory</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/dashboard/customers">
          <i class="fa-solid fa-users"></i>
          <span>Customers</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/dashboard/suppliers">
          <i class="fa-solid fa-warehouse"></i>
          <span>Suppliers</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">
          <i class="fa-solid fa-file-lines"></i>
          <span>Reports</span>
        </a>
      </li>
    </ul>
  </div>
</nav>
