Update documentation for Sub-Task 3 completion

- Marked Sub-Task 3 as completed in todo.md
- Updated subtask_3_progress.md with completion status and notes

src/components/game/tabs/EquipmentTab.tsx

@@ -155,9 +155,8 @@ export function EquipmentTab({ store }: EquipmentTabProps) {
               const equipmentType = instance ? EQUIPMENT_TYPES[instance.typeId] : null;
               const blocked = isSlotBlocked(slot);
               
-              return (
+              const slotElement = (
                 <div
-                  key={slot}
                   className={`p-3 rounded border ${
                     blocked
                       ? 'border-red-900/50 bg-red-950/20'
@@ -245,6 +244,25 @@ export function EquipmentTab({ store }: EquipmentTabProps) {
                   )}
                 </div>
               );
+              
+              // Wrap blocked slots with a tooltip
+              if (blocked) {
+                return (
+                  <TooltipProvider key={slot}>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        {slotElement}
+                      </TooltipTrigger>
+                      <TooltipContent>
+                        <p>The offhand slot is blocked because a 2-handed weapon is equipped in the main hand.</p>
+                        <p className="text-gray-400 text-xs mt-1">Unequip the 2-handed weapon to use this slot.</p>
+                      </TooltipContent>
+                    </Tooltip>
+                  </TooltipProvider>
+                );
+              }
+              
+              return <div key={slot}>{slotElement}</div>;
             })}
           </div>
         </CardContent>