Implement Mollie payment integration across CartTab, CheckoutValidation, and PaymentMethodSelector components. Update payment method handling to prioritize Mollie for specific delivery methods and ensure proper session storage for Mollie transactions. Enhance Datenschutz page to include Mollie payment processing details.

src/components/profile/CartTab.js

@@ -116,7 +116,7 @@ class CartTab extends Component {
           // Determine payment method - respect constraints
           let prefillPaymentMethod = template.payment_method || "wire";
           const paymentMethodMap = {
-            "credit_card": "stripe",
+            "credit_card": "mollie",/*stripe*/
             "bank_transfer": "wire",
             "cash_on_delivery": "onDelivery",
             "cash": "cash"
@@ -363,6 +363,51 @@ class CartTab extends Component {
       this.orderService.createStripeIntent(totalAmount, this.loadStripeComponent);
       return;
     }
+    // Handle molllie payment differently
+    if (paymentMethod === "mollie") {
+      // Store the cart items used for mollie payment in sessionStorage for later reference
+      try {
+        sessionStorage.setItem('molliePaymentCart', JSON.stringify(cartItems));
+      } catch (error) {
+        console.error("Failed to store mollie payment cart:", error);
+      }
+      
+      // Calculate total amount for mollie
+      const subtotal = cartItems.reduce(
+        (total, item) => total + item.price * item.quantity,
+        0
+      );
+      const totalAmount = Math.round((subtotal + deliveryCost) * 100); // Convert to cents
+      
+      if (this.context && this.context.socket && this.context.socket.connected) {
+        this.context.socket.emit(
+          "createMollieIntent",
+          { amount: totalAmount, invoiceId: 'A-34344' },
+          (response) => {
+            if (response.success) {
+              
+              localStorage.setItem('pendingPayment', JSON.stringify({
+                paymentId: response.paymentId,
+                amount: totalAmount,
+                timestamp: Date.now()
+              }));
+              window.location.href = response.checkoutUrl;
+
+            } else {
+              console.error("Error:", response.error);
+            }
+          }
+        );
+      } else {
+        console.error("Socket context not available");
+        this.setState({
+          isCompletingOrder: false,
+          completionError: "Cannot connect to server. Please try again later.",
+        });
+      }
+
+      return;
+    }
 
     // Handle regular orders
     const orderData = {