How to add page to sidebar ?

                            
// ----------------------------------------------------
// File: /src/app/(DashboardLayout)/layout/vertical/sidebar/Sidebaritems.ts
// ----------------------------------------------------

const SidebarContent: MenuItem[] = [
  {
    heading: "HOME",
    children: [
      {
        name: "Modern",
        icon: 'solar:widget-2-linear',
        id: uniqueId(),
        url: "/",
        isPro: false
      },
      {
        name: "Ecommerce",
        icon: 'solar:bag-5-linear',
        id: uniqueId(),
        url: "https://tailwindadmin-nextjs-main.vercel.app/dashboards/eCommerce",
        isPro: true
      },
      {
        name: "Music",
        icon: 'solar:music-note-linear',
        id: uniqueId(),
        url: "https://tailwindadmin-nextjs-main.vercel.app/dashboards/music",
        isPro: true
      },
      {
        name: "General",
        icon: 'solar:chart-linear',
        id: uniqueId(),
        url: "https://tailwindadmin-nextjs-main.vercel.app/dashboards/general",
        isPro: true
      },
    ],
  },  
]

export default SidebarContent;