Port modular features into boursecu and fix desktop login UX.

Add support chat, piggy funds, PWA banner, notification/SSE sync, and messenger legacy guards while keeping boursecu theme; also balance login panels and unblock login navigation.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/login/composables/useLoginForm.ts

@@ -19,6 +19,10 @@ import { completeLoginNavigation } from '@/layouts/composables/useMobileScrollRe
 import { normalizeAuthFormFields } from '@/utils/persianDigits'
 import { beginSmsOtpCapture, clearPendingSmsOtp } from '@/utils/webOtp'
 import { usePwaInstall } from '@/composables/usePwaInstall'
+import {
+  canRequestBrowserNotification,
+  requestBrowserNotificationPermission,
+} from '@/utils/browserNotification'
 
 export function useLoginForm() {
   const { time, onFinish, reset } = useCountdownTimer('00:02:00', 'mm:ss')
@@ -109,11 +113,18 @@ export function useLoginForm() {
             stepTwoVerify.value = true
             reset()
           } else {
+            // نوتیف را در gesture شروع کن؛ await نکن تا ورود بلاک نشود
+            if (canRequestBrowserNotification()) {
+              void requestBrowserNotificationPermission()
+            }
             const { access_token } = await verifyToken(userFormState)
             await login(access_token)
           }
         } else {
           userFormState.token = undefined
+          if (canRequestBrowserNotification()) {
+            void requestBrowserNotificationPermission()
+          }
           const { access_token } = await loginCustomer(userFormState)
           await login(access_token)
         }