create site modal

src/app/[orgId]/settings/access/users/[userId]/layout.tsx

@@ -5,6 +5,16 @@ import { authCookieHeader } from "@app/api/cookies";
 import { SidebarSettings } from "@app/components/SidebarSettings";
 import { GetOrgUserResponse } from "@server/routers/user";
 import OrgUserProvider from "@app/providers/OrgUserProvider";
+import {
+    Breadcrumb,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbList,
+    BreadcrumbPage,
+    BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb";
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
 
 interface UserLayoutProps {
     children: React.ReactNode;
@@ -37,6 +47,17 @@ export default async function UserLayoutProps(props: UserLayoutProps) {
     return (
         <>
             <OrgUserProvider orgUser={user}>
+                <div className="mb-4">
+                    <Link
+                        href="../../"
+                        className="text-muted-foreground hover:underline"
+                    >
+                        <div className="flex flex-row items-center gap-1">
+                            <ArrowLeft /> <span>All Users</span>
+                        </div>
+                    </Link>
+                </div>
+
                 <div className="space-y-0.5 select-none mb-6">
                     <h2 className="text-2xl font-bold tracking-tight">
                         User {user?.email}