Verbesserungen für PWA-Installations-Prompt: Mobile-Menü-Überlappung behoben, iOS safe-area Unterstützung, localStorage-Fehlerbehandlung und erweiterte standalone-Erkennung

src/client/app.tsx

@@ -16,6 +16,7 @@ import BookingStatusPage from "@/client/components/booking-status-page";
 import ReviewSubmissionPage from "@/client/components/review-submission-page";
 import LegalPage from "@/client/components/legal-page";
 import { ProfileLanding } from "@/client/components/profile-landing";
+import { PWAInstallPrompt } from "@/client/components/pwa-install-prompt";
 
 function App() {
   const { user, isLoading, isOwner } = useAuth();
@@ -36,10 +37,15 @@ function App() {
 
   // Handle booking status page
   const path = window.location.pathname;
+  const PwaPrompt = <PWAInstallPrompt />;
+  
   if (path.startsWith('/booking/')) {
     const token = path.split('/booking/')[1];
     if (token) {
-      return <BookingStatusPage token={token} />;
+      return <>
+        {PwaPrompt}
+        <BookingStatusPage token={token} />
+      </>;
     }
   }
 
@@ -47,7 +53,10 @@ function App() {
   if (path.startsWith('/review/')) {
     const token = path.split('/review/')[1];
     if (token) {
-      return <ReviewSubmissionPage token={token} />;
+      return <>
+        {PwaPrompt}
+        <ReviewSubmissionPage token={token} />
+      </>;
     }
   }
 
@@ -381,6 +390,9 @@ function App() {
         )}
       </main>
 
+      {/* PWA Installation Prompt for iOS */}
+      <PWAInstallPrompt hidden={isMobileMenuOpen} />
+
       {/* Footer */}
       <footer className="bg-white border-t border-pink-100 mt-16">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">