feat: add DebugName wrappers to 56 components + redesign attunement cards + remove ScrollArea from AttunementsTab

src/components/game/tabs/ActivityLog.tsx

@@ -1,4 +1,5 @@
 import type { ActivityLogEntry } from '@/lib/game/types';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 interface ActivityLogProps {
   activityLog: ActivityLogEntry[];
@@ -10,14 +11,17 @@ export function ActivityLog({ activityLog, maxEntries = 20 }: ActivityLogProps)
 
   if (entries.length === 0) {
     return (
-      <div className="text-sm text-gray-500 italic p-2">
-        No activity yet.
-      </div>
+      <DebugName name="ActivityLog">
+        <div className="text-sm text-gray-500 italic p-2">
+          No activity yet.
+        </div>
+      </DebugName>
     );
   }
 
   return (
-    <div className="space-y-1 max-h-64 overflow-y-auto">
+    <DebugName name="ActivityLog">
+      <div className="space-y-1 max-h-64 overflow-y-auto">
       {entries.map((entry) => (
         <div
           key={entry.id}
@@ -29,6 +33,7 @@ export function ActivityLog({ activityLog, maxEntries = 20 }: ActivityLogProps)
           {entry.message}
         </div>
       ))}
-    </div>
+      </div>
+    </DebugName>
   );
 }