fix: apply DebugName wrappers to tab components (BUG 7 partial) and other updates

src/components/game/tabs/AttunementsTab.tsx

@@ -8,6 +8,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
 import { Progress } from '@/components/ui/progress';
 import { Lock, TrendingUp } from 'lucide-react';
+import { DebugName } from '@/lib/game/debug-context';
 
 export function AttunementsTab() {
   const attunements = usePrestigeStore((s) => s.attunements) || {};
@@ -26,6 +27,7 @@ export function AttunementsTab() {
   const availableCategories = getAvailableSkillCategories(attunements);
 
   return (
+    <DebugName name="AttunementsTab">
     <div className="space-y-4">
       {/* Overview Card */}
       <Card className="bg-gray-900/80 border-gray-700">
@@ -261,6 +263,7 @@ export function AttunementsTab() {
         </CardContent>
       </Card>
     </div>
+  </DebugName>
   );
 }