scroll

src/App.tsx

@@ -17,13 +17,13 @@ export default function App() {
     handleConfirmBooking,
     handleBackToForm,
     handleBackToVehicles,
-    resetBookingFlow
+    resetBookingFlow,
   } = useBookingFlow();
 
   const {
     currentPage,
     isLoading: navigationLoading,
-    handleNavigate
+    handleNavigate,
   } = useNavigation();
 
   const isLoading = bookingLoading || navigationLoading;
@@ -37,9 +37,12 @@ export default function App() {
   };
 
   return (
-    <div className="min-h-screen bg-background flex flex-col overflow-x-hidden">
+    <div className="min-h-screen flex flex-col bg-background overflow-x-hidden overflow-y-auto">
+      {/* Header Section */}
       <Header currentPage={currentPage} onNavigate={handlePageNavigate} />
-      <main className="flex-1 overflow-x-hidden">
+
+      {/* Main Page Content */}
+      <main className="flex-1 overflow-y-auto">
         <PageRenderer
           currentPage={currentPage}
           currentStep={currentStep}
@@ -54,7 +57,11 @@ export default function App() {
           onBackToVehicles={handleBackToVehicles}
         />
       </main>
+
+      {/* Footer Section */}
       <Footer onNavigate={handlePageNavigate} />
+
+      {/* Floating Call Button */}
       <FloatingCallButton />
     </div>
   );