fix: CRITICAL - Fix auto-generation interfering with text input

CRITICAL BUG FIX: The auto-generation useEffect hooks were watching the
name/input fields in their dependency arrays, causing them to fire on
EVERY KEYSTROKE. This created state updates while users were typing,
causing inputs to lose focus and become unresponsive.

ROOT CAUSE:
- InventoryWizard: useEffect([inventoryData.name, inventoryData.sku])
- QualityTemplateWizard: useEffect([templateData.name, templateData.templateCode])
- CustomerOrderWizard: useEffect([orderData.orderNumber])

Every keystroke in the name field triggered the useEffect, which called
both setLocalState() and onDataChange(), causing double re-renders that
interfered with typing.

SOLUTION:
1. Added useRef to track if we've already generated the code/SKU/number
2. Changed dependency arrays to ONLY watch the generated field, not the input field
3. Only generate once when name has 3+ characters and generated field is empty
4. Allow regeneration if user manually clears the generated field

IMPACT:
- Users can now type continuously without interruption
- Auto-generation still works after 3 characters are typed
- Manual editing of generated fields is preserved
- No more UI freezing or losing focus while typing

FILES CHANGED:
- InventoryWizard.tsx: Fixed SKU auto-generation
- QualityTemplateWizard.tsx: Fixed template code auto-generation
- CustomerOrderWizard.tsx: Fixed order number auto-generation

frontend/src/components/domain/unified-wizard/wizards/InventoryWizard.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { WizardStep, WizardStepProps } from '../../../ui/WizardModal/WizardModal';
 import { AdvancedOptionsSection } from '../../../ui/AdvancedOptionsSection';
 import Tooltip from '../../../ui/Tooltip/Tooltip';
@@ -11,6 +11,8 @@ interface WizardDataProps extends WizardStepProps {
 
 // Single comprehensive step with all fields
 const InventoryDetailsStep: React.FC<WizardDataProps> = ({ data, onDataChange }) => {
+  const hasGeneratedSkuRef = useRef(false);
+
   const [inventoryData, setInventoryData] = useState({
     // Required fields
     name: data.name || '',
@@ -79,14 +81,25 @@ const InventoryDetailsStep: React.FC<WizardDataProps> = ({ data, onDataChange })
   });
 
   // Auto-generate SKU from name if not provided
+  // Only watches SKU field to avoid interfering with typing in name field
   useEffect(() => {
-    if (!inventoryData.sku && inventoryData.name) {
+    // Only auto-generate SKU if:
+    // 1. We haven't generated before
+    // 2. SKU is empty
+    // 3. Name has at least 3 characters (so we can take substring)
+    if (!hasGeneratedSkuRef.current && !inventoryData.sku && inventoryData.name && inventoryData.name.length >= 3) {
+      hasGeneratedSkuRef.current = true;
       const sku = `SKU-${inventoryData.name.substring(0, 3).toUpperCase()}-${Date.now().toString().slice(-4)}`;
       const newData = { ...inventoryData, sku };
       setInventoryData(newData);
       onDataChange({ ...data, ...newData });
     }
-  }, [inventoryData.name, inventoryData.sku]);
+
+    // If user manually clears the SKU, allow regeneration
+    if (hasGeneratedSkuRef.current && !inventoryData.sku) {
+      hasGeneratedSkuRef.current = false;
+    }
+  }, [inventoryData.sku]); // Only watch SKU, not name - prevents interference with typing
 
   // Update parent whenever local state changes
   const handleDataChange = (newInventoryData: any) => {