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

src/components/game/debug/ElementDebug.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { DebugName } from '@/components/game/debug/debug-context';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Star, Lock } from 'lucide-react';
@@ -21,6 +22,7 @@ export function ElementDebug() {
   };
 
   return (
+    <DebugName name="ElementDebug">
     <Card className="bg-gray-900/80 border-gray-700 md:col-span-2">
       <CardHeader className="pb-2">
         <CardTitle className="text-green-400 text-sm flex items-center gap-2">
@@ -73,6 +75,7 @@ export function ElementDebug() {
         </div>
       </CardContent>
     </Card>
+    </DebugName>
   );
 }