feat(KB-086): complete Step 7 — integrate ActivityLogModal with Header and App

packages/dashboard/app/components/Header.tsx

@@ -1,11 +1,12 @@
 import { useState, useEffect, useRef, useCallback } from "react";
-import { Settings, Pause, Play, Square, Download, LayoutGrid, List, Terminal, Lightbulb, Search, X, Activity, MoreHorizontal, Clock, Folder } from "lucide-react";
+import { Settings, Pause, Play, Square, Download, LayoutGrid, List, Terminal, Lightbulb, Search, X, Activity, MoreHorizontal, Clock, Folder, History } from "lucide-react";
 
 interface HeaderProps {
   onOpenSettings?: () => void;
   onOpenGitHubImport?: () => void;
   onOpenPlanning?: () => void;
   onOpenUsage?: () => void;
+  onOpenActivityLog?: () => void;
   onOpenSchedules?: () => void;
   onToggleTerminal?: () => void;
   onToggleFiles?: () => void;
@@ -224,6 +225,13 @@ export function Header({
           </button>
         )}
 
+        {/* Activity Log button */}
+        {onOpenActivityLog && (
+          <button className="btn-icon" onClick={onOpenActivityLog} title="View Activity Log">
+            <History size={16} />
+          </button>
+        )}
+
         {/* Desktop actions */}
         {!isMobile && (
           <button className="btn-icon" onClick={onOpenGitHubImport} title="Import from GitHub">