Vertrag-UI: Sticky-Header + Sticky-Footer

ContractDetail: der obere Balken (Vertragsnummer, Kunde-Link,
Aktions-Buttons wie Folgevertrag/Bearbeiten/Löschen) bleibt beim
Scrollen sichtbar. -mx-8 px-8 überbrückt das Layout-Padding,
damit der Balken bündig sitzt.

ContractForm: Heading + Kunde-Zeile sticky oben, Speichern/
Abbrechen sticky unten. Damit muss man beim langen Formular nicht
mehr nach oben oder unten rollen.

ScrollToTopButton: von bottom-6 auf bottom-24 verschoben, sonst
sitzt der runde Nach-oben-Button beim Runterscrollen genau über
dem Speichern-Button im Sticky-Footer.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

frontend/src/pages/contracts/ContractDetail.tsx

@@ -1795,7 +1795,10 @@ export default function ContractDetail() {
 
   return (
     <div>
-      <div className="flex items-center justify-between mb-6">
+      {/* Sticky-Header: Vertragsnummer + Kunde + Aktionsbuttons bleiben
+          beim Scrollen oben stehen. -mx-8 px-8 zieht den Balken auf die
+          Layout-Padding-Kante, damit's optisch bündig ist. */}
+      <div className="sticky top-0 z-20 -mx-8 px-8 py-4 mb-6 bg-gray-100 border-b border-gray-200 flex items-center justify-between">
         <div>
           <div className="flex items-center gap-4 mb-2">
             <Button