Enhanced Sidebar to support sub collapsible sections (#80)

* Enhanced Sidebar to support sub collapsible sections
* Data-Table: support getSortedRowModel
* Add missing renderAction; 
* Fix Sidebar on mobile
* Do not initialize Analytics Provider server side
* Do not bind i18Next until it's initialized
* Avoid infinite redirects in the auth path when Supabase emits a SIGNED_OUT event
* Force admin layout to be dynamic

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

@@ -9,25 +9,32 @@ 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(),
-  }),
-);
+const RouteSubChild = z.object({
+  label: z.string(),
+  path: z.string(),
+  Icon: z.custom<React.ReactNode>().optional(),
+  end: RouteMatchingEnd,
+  renderAction: z.custom<React.ReactNode>().optional(),
+});
+
+const RouteChild = z.object({
+  label: z.string(),
+  path: z.string(),
+  Icon: z.custom<React.ReactNode>().optional(),
+  end: RouteMatchingEnd,
+  children: z.array(RouteSubChild).default([]).optional(),
+  collapsible: z.boolean().default(false).optional(),
+  collapsed: z.boolean().default(false).optional(),
+  renderAction: z.custom<React.ReactNode>().optional(),
+});
+
+const RouteGroup = z.object({
+  label: z.string(),
+  collapsible: z.boolean().optional(),
+  collapsed: z.boolean().optional(),
+  children: z.array(RouteChild),
+  renderAction: z.custom<React.ReactNode>().optional(),
+});
 
 export const NavigationConfigSchema = z.object({
   style: z.enum(['custom', 'sidebar', 'header']).default('sidebar'),
@@ -36,16 +43,5 @@ export const NavigationConfigSchema = z.object({
     .default('false')
     .optional()
     .transform((value) => value === `true`),
-  routes: z.array(
-    z.union([
-      z.object({
-        label: z.string(),
-        collapsible: z.boolean().optional(),
-        collapsed: z.boolean().optional(),
-        children: RouteChildren,
-        renderAction: z.custom<React.ReactNode>().optional(),
-      }),
-      Divider,
-    ]),
-  ),
+  routes: z.array(z.union([RouteGroup, Divider])),
 });