feat(dashboard): list sources with statistics

apps/dashboard/src/app/[locale]/(app)/(sidebar)/layout.tsx

@@ -1,14 +1,6 @@
-import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-} from "@basango/ui/components/breadcrumb";
-import { Separator } from "@basango/ui/components/separator";
-import { SidebarInset, SidebarProvider, SidebarTrigger } from "@basango/ui/components/sidebar";
+import { SidebarInset, SidebarProvider } from "@basango/ui/components/sidebar";
 
+import { PageHeader } from "@/components/shell/page-header";
 import { AppSidebar } from "@/components/sidebar/app-sidebar";
 import { HydrateClient } from "@/trpc/server";
 
@@ -19,23 +11,7 @@ export default async function Layout({ children }: { children: React.ReactNode }
         <AppSidebar />
 
         <SidebarInset>
-          <header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
-            <div className="flex items-center gap-2 px-4">
-              <SidebarTrigger className="-ml-1" />
-              <Separator className="mr-2 data-[orientation=vertical]:h-4" orientation="vertical" />
-              <Breadcrumb>
-                <BreadcrumbList>
-                  <BreadcrumbItem className="hidden md:block">
-                    <BreadcrumbLink href="#">Building Your Application</BreadcrumbLink>
-                  </BreadcrumbItem>
-                  <BreadcrumbSeparator className="hidden md:block" />
-                  <BreadcrumbItem>
-                    <BreadcrumbPage>Data Fetching</BreadcrumbPage>
-                  </BreadcrumbItem>
-                </BreadcrumbList>
-              </Breadcrumb>
-            </div>
-          </header>
+          <PageHeader />
           {children}
         </SidebarInset>
       </SidebarProvider>