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

src/components/game/TimeDisplay.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { fmt } from '@/lib/game/stores';
+import { DebugName } from '@/components/game/debug/debug-context';
 import { formatHour } from '@/lib/game/utils/formatting';
 
 interface TimeDisplayProps {
@@ -15,23 +16,25 @@ export function TimeDisplay({
   insight,
 }: TimeDisplayProps) {
   return (
-    <div className="flex items-center gap-4">
-      <div className="text-center">
-        <div className="text-lg font-bold game-mono text-amber-400">
-          Day {day}
+    <DebugName name="TimeDisplay">
+      <div className="flex items-center gap-4">
+        <div className="text-center">
+          <div className="text-lg font-bold game-mono text-amber-400">
+            Day {day}
+          </div>
+          <div className="text-xs text-gray-400">
+            {formatHour(hour)}
+          </div>
         </div>
-        <div className="text-xs text-gray-400">
-          {formatHour(hour)}
+        
+        <div className="text-center">
+          <div className="text-lg font-bold game-mono text-purple-400">
+            {fmt(insight)}
+          </div>
+          <div className="text-xs text-gray-400">Insight</div>
         </div>
       </div>
-      
-      <div className="text-center">
-        <div className="text-lg font-bold game-mono text-purple-400">
-          {fmt(insight)}
-        </div>
-        <div className="text-xs text-gray-400">Insight</div>
-      </div>
-    </div>
+    </DebugName>
   );
 }