WebLink [nfc]: Remove a few no-op ZulipText wrappers in callers' children

And update the jsdoc to mention the `text` prop.

The WebLink color will still be applied; note this implementation
comment:

// Some React node that isn't a React element (a `React.Element`);
// e.g., a plain string. The enclosing ZulipText will apply its
// styles directly.

I think I've thought of a better way for ZulipText's
aggressiveDefaultStyles to work, so it's less tricky to think
through what styles will get applied; coming up.

Author: chrisbobbe

src/account-info/CustomProfileFields.js

@@ -70,9 +70,7 @@ function CustomProfileFieldRow(props: {|
       valueElement = (
         <View style={styles.valueView}>
           {value.url ? (
-            <WebLink url={value.url}>
-              <ZulipText text={value.text} />
-            </WebLink>
+            <WebLink url={value.url} text={value.text} />
           ) : (
             <ZulipText text={value.text} />
           )}

src/common/WebLink.js

@@ -23,7 +23,9 @@ const componentStyles = createStyleSheet({
 /**
  * A button styled like a web link.
  *
- * Accepts `ZulipText`s, `ZulipTextIntl`s, and strings as children.
+ * Accepts strings as children or a `text` prop, just like ZulipText.
+ *
+ * Also accepts `ZulipText`s and `ZulipTextIntl`s as children.
  *
  * Note: This sort of messes in those non-string children's business by
  *   unsetting some of their default style attributes. It does this so that

src/message/ReadReceiptsScreen.js

@@ -24,7 +24,6 @@ import type { UserOrBot } from '../api/modelTypes';
 import LoadingIndicator from '../common/LoadingIndicator';
 import WebLink from '../common/WebLink';
 import { createStyleSheet } from '../styles';
-import ZulipText from '../common/ZulipText';
 
 type Props = $ReadOnly<{|
   navigation: AppNavigationProp<'read-receipts'>,
@@ -138,11 +137,7 @@ export default function ReadReceiptsScreen(props: Props): Node {
             values: {
               num_of_people: displayUserIds.length,
               'z-link': chunks => (
-                <WebLink url={new URL('/help/read-receipts', auth.realm)}>
-                  {chunks.map(chunk => (
-                    <ZulipText>{chunk}</ZulipText>
-                  ))}
-                </WebLink>
+                <WebLink url={new URL('/help/read-receipts', auth.realm)}>{chunks}</WebLink>
               ),
             },
           }