desloppify: fix 34 unused imports/vars, debug logs, and code quality issues

src/components/game/crafting/EnchantmentApplier.tsx

@@ -109,7 +109,7 @@ export function EnchantmentApplier({
               </div>
               <ScrollArea className="h-32">
                 <div className="space-y-1">
-                  {equippedItems.map(({ slot, instance }) => (
+                  {equippedItems.map(({ slot: _slot, instance }) => (
                     <div
                       key={instance.instanceId}
                       className={`p-2 rounded border cursor-pointer text-sm transition-all

src/components/game/crafting/EnchantmentDesigner/DesignForm.tsx

@@ -12,7 +12,6 @@ export function DesignForm({
   selectedEquipmentCapacity,
   isOverCapacity,
   designTime,
-  selectedEquipmentType,
   handleCreateDesign,
 }: DesignFormProps) {
   return (

src/components/game/crafting/EnchantmentDesigner/EffectSelector.tsx

@@ -12,7 +12,6 @@ import type { EffectSelectorProps } from './types';
 export function EffectSelector({
   selectedEquipmentType,
   selectedEffects,
-  setSelectedEffects,
   availableEffects,
   incompatibleEffects,
   enchantingLevel,
@@ -53,7 +52,7 @@ export function EffectSelector({
               {/* Compatible Effects */}
               {availableEffects.map(effect => {
                 const selected = selectedEffects.find(e => e.effectId === effect.id);
-                const cost = calculateEffectCapacityCost(effect.id, (selected?.stacks || 0) + 1, efficiencyBonus);
+                const _cost = calculateEffectCapacityCost(effect.id, (selected?.stacks || 0) + 1, efficiencyBonus);
 
                 return (
                   <div