Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/clients.$clientId.tsx

@@ -1,4 +1,4 @@
-import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
+import { createFileRoute, Link, Outlet, useMatches, useNavigate } from "@tanstack/react-router";
 import { useEffect, useState } from "react";
 import { ProtectedLayout } from "@/components/protected-layout";
 import { PageContainer, PageHeader } from "@/components/app-shell";
@@ -20,12 +20,23 @@ import { TrustAccountPanel } from "@/components/trust/trust-account-panel";
 import { setArchived } from "@/lib/archive";
 
 export const Route = createFileRoute("/clients/$clientId")({
-  component: () => (
+  component: ClientDetailLayout,
+});
+
+function ClientDetailLayout() {
+  const matches = useMatches();
+  const hasChild = matches.some(
+    (m) => m.routeId !== "/clients/$clientId" && m.routeId.startsWith("/clients/$clientId/"),
+  );
+
+  if (hasChild) return <Outlet />;
+
+  return (
     <ProtectedLayout>
       <ClientDetail />
     </ProtectedLayout>
-  ),
-});
+  );
+}
 
 function ClientDetail() {
   const { clientId } = Route.useParams();