feat: Implementierung des Checkout-Logins mit E-Mail/Username-Support

resources/js/pages/marketing/checkout/steps/ConfirmationStep.tsx

@@ -2,27 +2,30 @@ import React from "react";
 import { Button } from "@/components/ui/button";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { useCheckoutWizard } from "../WizardContext";
+import { useTranslation } from 'react-i18next';
 
 interface ConfirmationStepProps {
   onViewProfile?: () => void;
 }
 
 export const ConfirmationStep: React.FC<ConfirmationStepProps> = ({ onViewProfile }) => {
+  const { t } = useTranslation('marketing');
   const { selectedPackage } = useCheckoutWizard();
 
   return (
     <div className="space-y-6">
       <Alert>
-        <AlertTitle>Willkommen bei FotoSpiel</AlertTitle>
+        <AlertTitle>{t('checkout.confirmation_step.welcome')}</AlertTitle>
         <AlertDescription>
-          Ihr Paket "{selectedPackage.name}" ist aktiviert. Wir haben Ihnen eine Bestätigung per E-Mail gesendet.
+          {t('checkout.confirmation_step.package_activated', { name: selectedPackage?.name || '' })}
+          {t('checkout.confirmation_step.email_sent')}
         </AlertDescription>
       </Alert>
       <div className="flex flex-wrap gap-3 justify-end">
         <Button variant="outline" onClick={onViewProfile}>
-          Profil oeffnen
+          {t('checkout.confirmation_step.open_profile')}
         </Button>
-        <Button>Zum Admin-Bereich</Button>
+        <Button>{t('checkout.confirmation_step.to_admin')}</Button>
       </div>
     </div>
   );