fix: avoid content shift caused by scrollbar

templates/booking/edit/index.html.twig

@@ -42,7 +42,7 @@
                 </div>
 
                 {# Scrollable content #}
-                <div class="flex-1 overflow-y-auto px-4 lg:px-8 py-8">
+                <div class="flex-1 overflow-y-auto scroll-stable px-4 lg:px-8 py-8">
                     {% block participant_cards %}
                         <h2 class="pb-4">Teilnehmer:innen</h2>
 

templates/booking/edit/participant.html.twig

@@ -24,7 +24,7 @@
                 <div class="hidden lg:flex shrink-0 px-4 lg:px-8 h-16 items-center shadow-md relative z-10 bg-white">
                     <h1 class="text-xl font-semibold uppercase">Buchung bearbeiten</h1>
                 </div>
-                <div id="main-content" class="flex-1 overflow-y-auto px-4 lg:px-8 py-8">
+                <div id="main-content" class="flex-1 overflow-y-auto scroll-stable px-4 lg:px-8 py-8">
                     {# Flash messages - must be inside main-content for HTMX swap to display them #}
                     {% include '_partials/_flashes.html.twig' %}
                     {% include 'booking/_participant_form.html.twig' with {