Update Shadcn Sidebar (#73)

Migrated Sidebar to use Shadcn UI's

packages/ui/src/makerkit/navigation-config.schema.ts

@@ -5,6 +5,30 @@ const RouteMatchingEnd = z
   .default(false)
   .optional();
 
+const Divider = z.object({
+  divider: z.literal(true),
+});
+
+const RouteChildren = z.array(
+  z.object({
+    label: z.string(),
+    path: z.string(),
+    Icon: z.custom<React.ReactNode>(),
+    end: RouteMatchingEnd,
+    children: z
+      .array(
+        z.object({
+          label: z.string(),
+          path: z.string(),
+          Icon: z.custom<React.ReactNode>(),
+          end: RouteMatchingEnd,
+        }),
+      )
+      .default([])
+      .optional(),
+  }),
+);
+
 export const NavigationConfigSchema = z.object({
   style: z.enum(['custom', 'sidebar', 'header']).default('sidebar'),
   sidebarCollapsed: z
@@ -14,28 +38,14 @@ export const NavigationConfigSchema = z.object({
     .transform((value) => value === `true`),
   routes: z.array(
     z.union([
-      z.object({
-        label: z.string(),
-        path: z.string(),
-        Icon: z.custom<React.ReactNode>(),
-        end: RouteMatchingEnd,
-      }),
       z.object({
         label: z.string(),
         collapsible: z.boolean().optional(),
         collapsed: z.boolean().optional(),
-        children: z.array(
-          z.object({
-            label: z.string(),
-            path: z.string(),
-            Icon: z.custom<React.ReactNode>(),
-            end: RouteMatchingEnd,
-          }),
-        ),
-      }),
-      z.object({
-        divider: z.literal(true),
+        children: RouteChildren,
+        renderAction: z.custom<React.ReactNode>().optional(),
       }),
+      Divider,
     ]),
   ),
 });