Add Android app link and improve email content with additional context and styling adjustments

backend/email/emails/new-message.tsx

@@ -1,4 +1,15 @@
-import {Body, Button, Container, Head, Html, Preview, Section, Text} from '@react-email/components'
+import {
+  Body,
+  Button,
+  Container,
+  Head,
+  Html,
+  Link,
+  Preview,
+  Section,
+  Text,
+} from '@react-email/components'
+import {ANDROID_APP_URL} from 'common/constants'
 import {DOMAIN} from 'common/envs/constants'
 import {type ProfileRow} from 'common/profiles/profile'
 import {type User} from 'common/user'
@@ -72,6 +83,22 @@ export const NewMessageEmail = ({
                 {t('email.new_message.viewButton', 'View message')}
               </Button>
             </Section>
+
+            <Text style={{...paragraph, fontSize: '12px', color: '#888', marginTop: '32px'}}>
+              {t(
+                'email.new_message.daily_limit',
+                "To avoid overloading your inbox, you'll receive at most one email per day per conversation. If {creatorName} sends more messages today, you won't be notified by email.",
+                {creatorName},
+              )}{' '}
+              {t(
+                'email.new_message.app_prompt',
+                'Want real-time notifications? Download the Compass app for Android:',
+              )}{' '}
+              <Link href={ANDROID_APP_URL} style={{color: '#2563eb', textDecoration: 'none'}}>
+                {t('email.new_message.app_link', 'Get the app')}
+              </Link>
+              {'.'}
+            </Text>
           </Section>
 
           <Footer unsubscribeUrl={unsubscribeUrl} email={email ?? name} locale={locale} />
@@ -88,6 +115,7 @@ NewMessageEmail.PreviewProps = {
   channelId: 1,
   email: 'someone@gmail.com',
   unsubscribeUrl: 'https://compassmeet.com/unsubscribe',
+  // locale: 'fr',
 } as NewMessageEmailProps
 
 export default NewMessageEmail