Add tip to add interests if they have none or deselect

src/screens/Settings/SettingsInterests.tsx

@@ -14,6 +14,7 @@ import {useAgent} from '#/state/session'
 import * as Toast from '#/view/com/util/Toast'
 import {useInterestsDisplayNames} from '#/screens/Onboarding/state'
 import {atoms as a, useGutters, useTheme} from '#/alf'
+import {Admonition} from '#/components/Admonition'
 import {Divider} from '#/components/Divider'
 import * as Toggle from '#/components/forms/Toggle'
 import * as Layout from '#/components/Layout'
@@ -47,8 +48,7 @@ export function SettingsInterests() {
               t.atoms.text_contrast_medium,
             ]}>
             <Trans>
-              Selecting interests from the list below helps us deliver you
-              higher quality content.
+              Your selected interests help us serve you content you care about.
             </Trans>
           </Text>
 
@@ -124,6 +124,13 @@ function Inner({
   }
 
   return (
+    <>
+      {interests.length === 0 && (
+        <Admonition type="tip">
+          <Trans>We recommend selecting at least two interests.</Trans>
+        </Admonition>
+      )}
+
       <Toggle.Group
         values={interests}
         onChange={onChangeInterests}
@@ -143,6 +150,7 @@ function Inner({
           })}
         </View>
       </Toggle.Group>
+    </>
   )
 }