fixed back button with source, and customer in customer lsit clickable

frontend/src/pages/customers/CustomerDetail.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { useParams, Link, useNavigate, useSearchParams } from 'react-router-dom';
+import { useParams, Link, useNavigate, useSearchParams, useLocation } from 'react-router-dom';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { customerApi, addressApi, bankCardApi, documentApi, meterApi, uploadApi, contractApi, stressfreiEmailApi, emailProviderApi, gdprApi, StressfreiEmail, ContractTreeNode } from '../../services/api';
 import { EmailClientTab } from '../../components/email';
@@ -21,6 +21,8 @@ export default function CustomerDetail({ portalCustomerId }: { portalCustomerId?
   const navigate = useNavigate();
   const queryClient = useQueryClient();
   const { hasPermission, isCustomerPortal } = useAuth();
+  const location = useLocation();
+  const backTo = (location.state as any)?.from as string | undefined;
   const [searchParams, setSearchParams] = useSearchParams();
   const customerId = portalCustomerId || parseInt(id!);
   const defaultTab = searchParams.get('tab') || 'addresses';
@@ -202,7 +204,7 @@ export default function CustomerDetail({ portalCustomerId }: { portalCustomerId?
     <div>
       <div className="flex items-center justify-between mb-6">
         <div className="flex items-center gap-3">
-          <Button variant="ghost" size="sm" onClick={() => navigate(isCustomerPortal ? '/' : '/customers')}>
+          <Button variant="ghost" size="sm" onClick={() => navigate(backTo || (isCustomerPortal ? '/' : '/customers'))}>
             <ArrowLeft className="w-4 h-4" />
           </Button>
           <div>
@@ -219,7 +221,7 @@ export default function CustomerDetail({ portalCustomerId }: { portalCustomerId?
         </div>
         <div className="flex gap-2">
           {hasPermission('customers:update') && (
-            <Link to={`/customers/${id}/edit`}>
+            <Link to={`/customers/${id}/edit`} state={{ from: `/customers/${id}` }}>
               <Button variant="secondary">
                 <Edit className="w-4 h-4 mr-2" />
                 Bearbeiten
@@ -1547,7 +1549,7 @@ function ContractsTab({
                 <div className="w-6" /> // Platzhalter für Ausrichtung
               ) : null}
 
-              <Link to={`/contracts/${contract.id}`} className="font-mono flex items-center gap-1 text-blue-600 hover:underline">
+              <Link to={`/contracts/${contract.id}`} state={{ from: `/customers/${customerId}?tab=contracts` }} className="font-mono flex items-center gap-1 text-blue-600 hover:underline">
                 {contract.contractNumber}
                 <CopyButton value={contract.contractNumber} />
               </Link>

frontend/src/pages/customers/CustomerForm.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
+import { useNavigate, useParams, useLocation } from 'react-router-dom';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { useForm } from 'react-hook-form';
 import { customerApi } from '../../services/api';
@@ -14,8 +14,10 @@ type CustomerFormData = Omit<Customer, 'id' | 'customerNumber' | 'createdAt' | '
 export default function CustomerForm() {
   const { id } = useParams();
   const navigate = useNavigate();
+  const location = useLocation();
   const queryClient = useQueryClient();
   const isEdit = !!id;
+  const backTo = (location.state as any)?.from as string | undefined;
 
   const { register, handleSubmit, reset, watch, setValue, formState: { errors } } = useForm<CustomerFormData>();
   const customerType = watch('type');
@@ -232,7 +234,7 @@ export default function CustomerForm() {
         </Card>
 
         <div className="flex justify-end gap-4">
-          <Button type="button" variant="secondary" onClick={() => navigate(isEdit ? `/customers/${id}` : '/customers')}>
+          <Button type="button" variant="secondary" onClick={() => navigate(backTo || (isEdit ? `/customers/${id}` : '/customers'))}>
             Abbrechen
           </Button>
           <Button type="submit" disabled={isLoading}>

frontend/src/pages/customers/CustomerList.tsx

@@ -77,11 +77,17 @@ export default function CustomerList() {
                 <tbody>
                   {data.data.map((customer) => (
                     <tr key={customer.id} className="border-b hover:bg-gray-50">
-                      <td className="py-3 px-4 font-mono text-sm">{customer.customerNumber}</td>
+                      <td className="py-3 px-4 font-mono text-sm">
+                        <Link to={`/customers/${customer.id}`} state={{ from: '/customers' }} className="text-blue-600 hover:underline">
+                          {customer.customerNumber}
+                        </Link>
+                      </td>
                       <td className="py-3 px-4">
-                        {customer.type === 'BUSINESS' && customer.companyName
-                          ? customer.companyName
-                          : `${customer.firstName} ${customer.lastName}`}
+                        <Link to={`/customers/${customer.id}`} state={{ from: '/customers' }} className="text-blue-600 hover:underline">
+                          {customer.type === 'BUSINESS' && customer.companyName
+                            ? customer.companyName
+                            : `${customer.firstName} ${customer.lastName}`}
+                        </Link>
                       </td>
                       <td className="py-3 px-4">
                         <Badge variant={customer.type === 'BUSINESS' ? 'info' : 'default'}>