[web] Add reCAPTCHA conditions to /user/emails/add-secondary (#24528)

* Add RecaptchaConditions to `user/emails/add-secondary`, set font to 12px

* Hide `RecaptchaConditions` if `ExposedSettings.recaptchaDisabled.addEmail`

GitOrigin-RevId: dcc4609bf8787076257caed6b5a5d1e47178380e

services/web/frontend/js/features/settings/components/emails/add-secondary-email-prompt.tsx

@@ -10,6 +10,8 @@ import { ReCaptcha2 } from '../../../../shared/components/recaptcha-2'
 import { useRecaptcha } from '../../../../shared/hooks/use-recaptcha'
 
 import { postJSON } from '../../../../infrastructure/fetch-json'
+import RecaptchaConditions from '@/shared/components/recaptcha-conditions'
+import getMeta from '@/utils/meta'
 
 type AddSecondaryEmailError = {
   name: string
@@ -109,6 +111,11 @@ export function AddSecondaryEmailPrompt() {
           </p>
         </form>
       </Interstitial>
+      {!getMeta('ol-ExposedSettings').recaptchaDisabled?.addEmail && (
+        <div className="mt-5">
+          <RecaptchaConditions />
+        </div>
+      )}
     </>
   )
 }

services/web/frontend/stylesheets/app/base.less

@@ -166,7 +166,7 @@
 .recaptcha-branding {
   padding: @padding-sm @padding-sm 0 @padding-sm;
   text-align: center;
-  font-size: @font-size-small;
+  font-size: @font-size-extra-small;
 }
 
 .tos-agreement-notice {

services/web/frontend/stylesheets/bootstrap-5/base/base.scss

@@ -43,5 +43,5 @@
 .recaptcha-branding {
   padding: var(--spacing-05) var(--spacing-05) 0 var(--spacing-05);
   text-align: center;
-  font-size: $font-size-sm;
+  font-size: var(--font-size-01);
 }