feat: jingle when enter app

src/screens/LandingPage.js

@@ -3,6 +3,7 @@ import { useNavigation } from '@react-navigation/native'
 import { useCallback, useEffect, useState } from 'react'
 import { Image, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
 import { background, icons } from '../assets'
+import EntryJingle from '../components/EntryJingle'
 import FullscreenIntroVideo from '../components/FullscreenIntroVideo'
 import GradientButton from '../components/GradientButton'
 import { videosRef } from '../config/firebase'
@@ -21,6 +22,7 @@ export default function LandingPage() {
   const { currentUID } = useUser()
   const [videoUrl, setVideoUrl] = useState(null)
   const [selectedLanguage, setSelectedLanguage] = useState(null)
+  const [hasLoadedPreferredLanguage, setHasLoadedPreferredLanguage] = useState(false)
   const [showFreeCreditsPopup, setShowFreeCreditsPopup] = useState(false)
   const isAuthenticated = !!currentUID
 
@@ -62,6 +64,11 @@ export default function LandingPage() {
       .catch((error) => {
         console.warn('LandingPage: failed to load language', error)
       })
+      .finally(() => {
+        if (isMounted) {
+          setHasLoadedPreferredLanguage(true)
+        }
+      })
 
     return () => {
       isMounted = false
@@ -80,6 +87,7 @@ export default function LandingPage() {
 
   return (
     <>
+      <EntryJingle active={hasLoadedPreferredLanguage && !selectedLanguage} />
       <Page
         shareBtn
         // connect