DOC-7565: Reply to messages page needs animated GIFs for mobile app workflows

[Rutam21]

Summary

This PR adds visual workflows for the Mattermost mobile app tab on the Reply to messages page.

Ticket Link

Fixes #7565

• This PR follows Mattermost Contributing Guidelines.
• The changes are tested in a local docs build.

[mattermost-build]

Hello @Rutam21,

Thanks for your pull request! A Core Committer will review your pull request soon. For code contributions, you can learn more about the review process here.

[Rutam21]

@cwarnermm Please review and suggest changes, if any. Thanks.

[github-actions]

Newest code from Rutam21 has been published to preview environment for Git SHA b435d74

[cwarnermm]

@Rutam21 - The image quality of these mobile images is considerably lower than others you've contributed recently. Is there a way to increase the image quality to avoid the checker-pattern effect when the image is displayed via docs?

[Rutam21]

@cwarnermm I have updated the GIFs. Please check if the image quality looks okay now.

[github-actions]

Newest code from Rutam21 has been published to preview environment for Git SHA 33d0c7b

[cwarnermm]

@Rutam21 - In your latest commit, I noticed that you changed the :scale: value for the screenshots. That hasn't improved the image quality (expected). The scale attribute resizes the image, it doesn't affect image quality.

I recommend reviewing your capture tool configuration -- that's likely where the lower-res quality is coming from.

[Rutam21]

@cwarnermm I have not only changed the scale but also updated the GIFs with totally newer ones. Please find the screenshot of the updated ones below. This is visible in the preview environment. Are you still seeing them pixelated or distorted?

[github-actions]

Newest code from Rutam21 has been published to preview environment for Git SHA a690ce3

[cwarnermm]

Thanks, @Rutam21!