diff --git a/app/[workspace]/agency/layout.tsx b/app/[workspace]/agency/layout.tsx
index 285a337d..ba3a1751 100644
--- a/app/[workspace]/agency/layout.tsx
+++ b/app/[workspace]/agency/layout.tsx
@@ -3,6 +3,7 @@
import React from "react";
import Link from "next/link";
import { useParams, usePathname } from "next/navigation";
+import { signOut, useSession } from "next-auth/react";
// Minimal SVG Icons
const Icons = {
@@ -276,6 +277,12 @@ export default function AgencyLayout({
const params = useParams();
const pathname = usePathname();
const workspace = params.workspace as string;
+ const { data: session } = useSession();
+
+ const userInitial =
+ session?.user?.name?.[0]?.toUpperCase() ??
+ session?.user?.email?.[0]?.toUpperCase() ??
+ "?";
// The client list is currently mocked, but in the future this would be fetched from the DB
const clients = [
@@ -422,6 +429,68 @@ export default function AgencyLayout({