fix: restrict AppDownloadBanner to mobile browsers only using Capacitor.isNativePlatform()

frontend/dist/index.html

@@ -21,7 +21,7 @@
     <meta name="twitter:title" content="Travel Planner - Lên kế hoạch chuyến đi của bạn" />
     <meta name="twitter:description" content="Khám phá những hành trình tuyệt vời và chia sẻ khoảnh khắc đẹp với cộng đồng du lịch." />
     <meta name="twitter:image" content="https://yotrip.labz.io.vn/background.avif" />
-    <script type="module" crossorigin src="/assets/index-CnmnZivz.js"></script>
+    <script type="module" crossorigin src="/assets/index-D6nIKZs7.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-Cyuzqnbw.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-others-VIU5qAPG.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-editor-DOXkNaRS.js">

frontend/src/components/layout/AppDownloadBanner.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { X, Download } from 'lucide-react';
+import { Capacitor } from '@capacitor/core';
 import { BACKEND_URL } from '@/utils/backendEndpoint';
 
 export const AppDownloadBanner: React.FC = () => {
@@ -9,9 +10,7 @@ export const AppDownloadBanner: React.FC = () => {
 
   useEffect(() => {
     const userAgent = navigator.userAgent.toLowerCase();
-    const isAndroidBrowser = userAgent.includes('android') && 
-                            !window.location.origin.includes('capacitor://') && 
-                            !window.location.origin.includes('localhost:80');
+    const isAndroidBrowser = userAgent.includes('android') && !Capacitor.isNativePlatform();
     const isBannerDismissed = localStorage.getItem('yotrip_apk_banner_dismissed') === 'true';
 
     // Target condition match: User is on Android mobile browser and hasn't closed it yet