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/components/ScrollToTopButton.tsx

@@ -29,10 +29,14 @@ export default function ScrollToTopButton() {
 
   if (!isVisible) return null;
 
+  // bottom-24 statt bottom-6: der Nach-oben-Button muss auf Seiten mit
+  // Sticky-Footer (z.B. ContractForm Speichern/Abbrechen) über dem Footer
+  // sitzen, sonst hängt er beim Runterscrollen genau über dem Speichern-
+  // Button. 96px reichen für alle heute vorhandenen Sticky-Footer.
   return (
     <button
       onClick={scrollToTop}
-      className="fixed bottom-6 right-6 p-3 bg-gray-200 hover:bg-gray-300 text-gray-600 rounded-full shadow-md transition-all duration-300 opacity-70 hover:opacity-100 z-50"
+      className="fixed bottom-24 right-6 p-3 bg-gray-200 hover:bg-gray-300 text-gray-600 rounded-full shadow-md transition-all duration-300 opacity-70 hover:opacity-100 z-50"
       aria-label="Nach oben scrollen"
       title="Nach oben"
     >