help: Document "Mark messages as read on scroll" mobile app feature.

Adds section on how to configure whether messages are automatically
marked as read.
Adds instructions to manually mark all messages as read, or mark all
messages in a stream or topic as read.
Adds the all messages tab image icon.

Fixes: #22915.

static/images/help/mobile-globe-icon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#6492fd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="2" y1="12" x2="22" y2="12"></line>
+    <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
+</svg>

templates/zerver/help/marking-messages-as-read.md

@@ -1,5 +1,21 @@
 # Marking messages as read
 
+## Configure whether messages are automatically marked as read
+
+{start_tabs}
+
+{tab|mobile}
+
+{!mobile-profile-menu.md!}
+
+1. Tap **Settings**.
+
+1. Tap **Mark messages as read on scroll**.
+
+1. Select **Always**, **Never** or **Only in conversation views**.
+
+{end_tabs}
+
 ## Move the blue box to mark messages as read
 In the Zulip desktop or web app, messages are marked as read when the
 **blue box** passes over them. You can move the blue box with the keyboard (see
@@ -29,6 +45,20 @@ stream or topic as read**.
 
 1. Click **Mark all messages as read**.
 
+{tab|mobile}
+
+1. Tap a stream, topic, or the all messages
+   (<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="mobile-icon"/>)
+   tab.
+
+1. Tap **Mark stream as read**, **Mark topic as read**, or **Mark all as read**
+   near the top right corner of the app.
+
+!!! tip ""
+
+    You can also press and hold a topic until the long-press menu appears, and
+    select **Mark topic as read**.
+
 {end_tabs}
 
 ## Related articles