ProductPreviewDialog: close dialog after product adding

src/pages/product/page.tsx

@@ -18,7 +18,7 @@ import ProductFooter from "./components/ProductFooter";
 import Variants from "./components/Variants";
 import styles from "./product.module.css";
 
-export default function ProductDetailPage() {
+export default function ProductDetailPage({ onClose }: { onClose: () => void }) {
   const { isRTL } = useAppSelector((state) => state.locale);
   const { isDesktop } = useBreakPoint();
   const [quantity, setQuantity] = useState(1);
@@ -277,6 +277,7 @@ export default function ProductDetailPage() {
                 selectedExtras={selectedExtras}
                 selectedGroups={Object.values(selectedExtrasByGroup).flat()}
                 quantity={quantity}
+                onClose={onClose}
               />
             )}
           </div>