feat: F001 app shell & global layout system

Add PageHeader, UserMenu, NotificationButton, OrganizationContextBadge,
RightContextPanel, CompareTray, and ActivityTimeline; wire all into AppShell.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/layout/AppShell.tsx

@@ -28,9 +28,14 @@ import {
   ChevronLeft,
   ChevronRight,
   Sparkles,
-  Bell,
+  Clock,
 } from 'lucide-react'
 import type { LucideIcon } from 'lucide-react'
+import { OrganizationContextBadge } from './OrganizationContextBadge'
+import { UserMenu } from './UserMenu'
+import { NotificationButton } from './NotificationButton'
+import { RightContextPanel } from './RightContextPanel'
+import { CompareTray } from './CompareTray'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -93,6 +98,7 @@ const WORKSPACE_CONFIG: Record<WorkspaceType, WorkspaceConfig> = {
       { path: '/ops/review-queue', label: 'Review Queue', icon: ClipboardList },
       { path: '/ops/ai-monitoring', label: 'AI Monitoring', icon: Activity },
       { path: '/ops/governance', label: 'Governance', icon: Shield },
+      { path: '/ops/activity-timeline', label: 'Aktivitäts-Timeline', icon: Clock },
     ],
   },
 }
@@ -458,6 +464,7 @@ function TopBar({ activeWorkspace, pathname }: TopBarProps) {
 
       {/* Right side */}
       <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+        <OrganizationContextBadge />
         <Button
           variant="outlined"
           size="small"
@@ -466,12 +473,8 @@ function TopBar({ activeWorkspace, pathname }: TopBarProps) {
         >
           AI Assistent
         </Button>
-        <IconButton size="small" sx={{ color: '#64748b' }}>
-          <Bell size={20} />
-        </IconButton>
-        <Avatar sx={{ width: 32, height: 32, fontSize: '0.75rem', bgcolor: '#1e3a5f' }}>
-          AU
-        </Avatar>
+        <NotificationButton />
+        <UserMenu />
       </Box>
     </Box>
   )
@@ -521,7 +524,11 @@ export function AppShell() {
         <Box component="main" sx={{ flex: 1, overflowY: 'auto' }}>
           <Outlet />
         </Box>
+
+        <RightContextPanel />
       </Box>
+
+      <CompareTray />
     </Box>
   )
 }