refactor(sidebar): split nav views and add router decorator

Signed-off-by: Noa Virellia <noa@requiem.garden>

client/cms/src/routes/_workbenchLayout.tsx

@@ -1,5 +1,8 @@
 import { createFileRoute, Outlet, useRouterState } from '@tanstack/react-router';
-import { AppSidebar } from '@/components/sidebar/app-sidebar';
+import { Suspense } from 'react';
+import { AppSidebar } from '@/components/sidebar/app-sidebar.view';
+import { NavUserContainer } from '@/components/sidebar/nav-user.container';
+import { NavUserSkeleton } from '@/components/sidebar/nav-user.skeletion';
 import { SiteHeader } from '@/components/site-header';
 import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar';
 import { navData } from '@/lib/navData';
@@ -27,7 +30,15 @@ function RouteComponent() {
         } as React.CSSProperties
       }
     >
-      <AppSidebar navData={navData} variant="inset" />
+      <AppSidebar
+        navData={navData}
+        footerWidget={(
+          <Suspense fallback={<NavUserSkeleton />}>
+            <NavUserContainer />
+          </Suspense>
+        )}
+        variant="inset"
+      />
       <SidebarInset>
         <SiteHeader title={title} />
         <div className="flex flex-1 flex-col">