refactor(wizard): optimize ui ux with no-page-scroll and hub flow

shop/components/order-wizard.tsx

@@ -202,7 +202,7 @@ export function OrderWizard({
 
   // Formular-State für neuen Endkunden
   const [newCustomerForm, setNewCustomerForm] = useState({
-    company_name: '', vat_id: '', first_name: '', last_name: '', street: '', zip: '', city: '',
+    company_name: '', vat_id: '', email: '', first_name: '', last_name: '', street: '', zip: '', city: '',
     bank_iban: '', bank_bic: '', bank_name: '', bank_owner: '',
   })
   const [isCreatingCustomer, setIsCreatingCustomer] = useState(false)
@@ -614,7 +614,7 @@ export function OrderWizard({
       setSelectedEndCustomerId(created.id)
       setCustomerMode('select')
       setNewCustomerForm({
-        company_name: '', vat_id: '', first_name: '', last_name: '', street: '', zip: '', city: '',
+        company_name: '', vat_id: '', email: '', first_name: '', last_name: '', street: '', zip: '', city: '',
         bank_iban: '', bank_bic: '', bank_name: '', bank_owner: '',
       })
     } catch (e: any) {
@@ -624,7 +624,7 @@ export function OrderWizard({
     }
   }
 
-  const addToBasket = async () => {
+  const addToBasket = async (proceedToSummary: boolean = false) => {
     const normLicense = licenseNumber.trim().toUpperCase()
     if (normLicense) {
       const isDuplicateInBasket = basketItems.some(
@@ -676,6 +676,11 @@ export function OrderWizard({
       }
     })
     setSelections(resetSels)
+
+    if (proceedToSummary) {
+      setDirection(1)
+      setStep(4)
+    }
   }
 
   const resetFormForNewDevice = () => {
@@ -1098,6 +1103,8 @@ export function OrderWizard({
                     existingModuleIds={existingModuleIds}
                     activeCategoryId={activeCategoryId}
                     editingDeviceName={editingIdx !== null ? (basketItems[editingIdx]?.deviceName || `Kasse ${editingIdx + 1}`) : null}
+                    onCancelEdit={resetFormForNewDevice}
+                    productValidationErrors={productValidationErrors}
                   />
                 </div>
               </div>
@@ -1122,19 +1129,15 @@ export function OrderWizard({
                     updatePriceModifier={updatePriceModifier}
                     allCategoriesFilled={allCategoriesFilled}
                     productValidationErrors={productValidationErrors}
-                    basketItems={basketItems}
                     editingIdx={editingIdx}
-                    editBasketItem={editBasketItem}
-                    deleteBasketItem={deleteBasketItem}
                     deviceName={deviceName}
                     setDeviceName={setDeviceName}
                     licenseNumber={licenseNumber}
                     setLicenseNumber={setLicenseNumber}
-                    addToBasket={addToBasket}
+                    onSaveAndProceed={() => addToBasket(true)}
                     isNextStepDisabled={isNextStepDisabled}
                     hasActiveSelection={hasActiveSelection}
                     showValidationWarning={showValidationWarning}
-                    nextStep={nextStep}
                     prevStep={prevStep}
                   />
                 </div>