<SidebarPrimitive.Root>
  <SidebarPrimitive.Header
    href="/kit/products"
    hrefNew="/kit/products"
    title="Products"
  />
  <div className="relative">
    {isLoading && <LoadingOverlay bgColor="white" />}
    <SidebarPrimitive.List
      items={products || [{ id: undefined, name: "loading..." }]}
      selectedItem={product}
      handleSearch={setQuery}
      handleClickItem={handleClickItem}
    />
  </div>
</SidebarPrimitive.Root>