fix PWA install prompt: remember 'Not now' dismissal, suppress Chrome warning

src/components/pwa-install-prompt.tsx

@@ -2,6 +2,9 @@
 
 import { useEffect, useState, useCallback } from "react";
 
+const DISMISSED_KEY = "openproof-install-dismissed";
+const RE_SHOW_AFTER_DAYS = 7;
+
 interface BeforeInstallPromptEvent extends Event {
   readonly platforms: string[];
   readonly userChoice: Promise<{ outcome: "accepted" | "dismissed"; platform: string }>;
@@ -14,14 +17,39 @@
   }
 }
 
+function isDismissedRecently(): boolean {
+  if (typeof window === "undefined") return false;
+  try {
+    const stored = localStorage.getItem(DISMISSED_KEY);
+    if (!stored) return false;
+    const dismissedAt = parseInt(stored, 10);
+    if (isNaN(dismissedAt)) return false;
+    return Date.now() - dismissedAt < RE_SHOW_AFTER_DAYS * 24 * 60 * 60 * 1000;
+  } catch {
+    return false;
+  }
+}
+
+function markDismissed() {
+  try {
+    localStorage.setItem(DISMISSED_KEY, String(Date.now()));
+  } catch {
+    // localStorage unavailable
+  }
+}
+
 export function PwaInstallPrompt() {
   const [deferredPrompt, setDeferredPrompt] = useState<BeforeInstallPromptEvent | null>(null);
   const [showPrompt, setShowPrompt] = useState(false);
   const [updateAvailable, setUpdateAvailable] = useState(false);
 
   // Listen for beforeinstallprompt
   useEffect(() => {
+    // If user dismissed recently, don't intercept — let Chrome handle it
+    if (isDismissedRecently()) return;
+
     const handler = (e: BeforeInstallPromptEvent) => {
+      // Only preventDefault if we intend to show our own prompt
       e.preventDefault();
       setDeferredPrompt(e);
       // Show prompt after a short delay — don't interrupt initial load
@@ -88,6 +116,7 @@
   const handleDismiss = useCallback(() => {
     setShowPrompt(false);
     setDeferredPrompt(null);
+    markDismissed();
   }, []);
 
   const handleUpdate = useCallback(() => {
@@ -104,7 +133,7 @@
       {showPrompt && deferredPrompt && (
         <div className="fixed bottom-6 left-1/2 z-[100] -translate-x-1/2 animate-in slide-in-from-bottom-4 fade-in">
           <div className="flex items-center gap-3 rounded-full border border-border-default bg-bg-surface px-5 py-3 shadow-xl backdrop-blur-md">
             <img alt="" className="size-6 shrink-0" src="/icon.svg" />
             <span className="text-sm font-semibold text-text-primary">Install OpenProof</span>
             <button
               className="rounded-full bg-accent px-4 py-1.5 text-xs font-bold text-white transition hover:bg-accent/90 active:scale-[0.97]"