Icons for separators

[Taib-Rabah]

I'm trying to customize the sidebar default Separator component, and I only get name and type within the item prop. Is it possible to receive more props?

Example:

meta.json

{
  "pages": ["index", "[Link]---Links---", "..."]
}

Layout.tsx

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <DocsLayout
      tree={source.pageTree}
      {...baseOptions}
      sidebar={{
        components: {
          Separator: ({ item: { name, type, icon } }) => (
            <MySeparator>
              {icon}
              {name}
            </MySeparator>
          ),
        },
      }}
    >
      {children}
    </DocsLayout>
  );
}

[fuma-nama]

Not added yet because I found it looks kinda weird visually, will add this later