Plan OIDC integration and audit

frontend/src/components/Layout.tsx

@@ -4,6 +4,7 @@ import { Menu, X } from 'lucide-react';
 import { Sidebar } from './Sidebar';
 import { Logo } from './Logo';
 import { UploadStatus } from './UploadStatus';
+import { ImpersonationBanner } from './ImpersonationBanner';
 import type { Collection } from '../types';
 import clsx from 'clsx';
 
@@ -129,6 +130,7 @@ export const Layout: React.FC<LayoutProps> = ({
 
             <div className="flex-1 min-w-0 overflow-y-auto">
               <div className="max-w-[1600px] w-full mx-auto p-4 sm:p-6 lg:p-8 min-h-full">
+                <ImpersonationBanner />
                 {children}
               </div>
             </div>
@@ -197,6 +199,7 @@ export const Layout: React.FC<LayoutProps> = ({
           </aside>
           <main className="flex-1 min-w-0 bg-white/40 dark:bg-neutral-900/40 backdrop-blur-sm rounded-2xl border border-white/50 dark:border-neutral-800/50 shadow-sm h-full transition-colors duration-200 overflow-y-auto">
             <div className="max-w-[1600px] w-full mx-auto p-4 sm:p-6 lg:p-8 min-h-full">
+              <ImpersonationBanner />
               {children}
             </div>
           </main>