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

src/components/game/tabs/AchievementsTab.tsx

@@ -2,6 +2,7 @@
 
 import { AchievementsDisplay } from '@/components/game/AchievementsDisplay';
 import { useCombatStore, useManaStore, usePrestigeStore } from '@/lib/game/stores';
+import { DebugName } from '@/lib/game/debug-context';
 
 export function AchievementsTab() {
   const achievements = useCombatStore((s) => s.achievements);
@@ -13,6 +14,7 @@ export function AchievementsTab() {
   const totalCraftsCompleted = useCombatStore((s) => s.totalCraftsCompleted);
 
   return (
+    <DebugName name="AchievementsTab">
     <div className="space-y-4">
       <AchievementsDisplay
         achievements={achievements}
@@ -26,6 +28,7 @@ export function AchievementsTab() {
         }}
       />
     </div>
+  </DebugName>
   );
 }