help

<Shell variant="sidebar" className="overflow-hidden">
  <div className="flex flex-col">
    <div className="flex flex-row gap-4 justify-between">
      <PageHeader>
        <PageHeaderHeading size="md">Create</PageHeaderHeading>
        <PageHeaderDescription size="sm">
          Manage categories for your products.
        </PageHeaderDescription>
      </PageHeader>

      <PageActions>
        <Link
          href={{
            pathname: "/admin/categories/create/",
            query: { parent: searchParams.parent },
          }}
        >
          <Button variant={"secondary"}>Create new </Button>
        </Link>
      </PageActions>
    </div>

    <div>
      <ScrollArea className="w-full pb-3.5">
        <div className="grid grid-cols-1 lg:grid-cols-3 gap-20 overflow-hidden">
          <div className="lg:col-span-2">asd</div>

          {/* -----------RIGHT------------------- */}
          <div className="hidden md:block min-h-screen border-l _bg-primary-foreground rounded-lg p-4">
            <div className="uppercase tracking-wide text-lg font-semibold">
              Help
            </div>

            <p className="mt-2 text-slate-500">
              Help & tutorial coming soon...
            </p>
          </div>
        </div>
      </ScrollArea>
    </div>
  </div>
</Shell>