homescreen_icon: Swap All-Messages icon from 'globe' to 'list'.

[dootMaster]

to match mobile's All Messages icon with the one found in web Zulip.

Previous Mobile:

Browser:

Update Mobile:

Fixes: #5303

[dootMaster]

@chrisbobbe @alya @gnprice

Regarding the previous PR review from Chris:

Thanks, @dootMaster!
One nit: the web app uses Font Awesome for this icon, and this PR would use Feather.
The difference is pretty small; the order of short and long lines is just reversed:

But we might as well use exactly the same icon while we're making this change.

I've swapped the Feather icon for the FontAwesome one, but I noticed the new list icon from the FontAwesome collection doesn't quite match the aesthetic of the rest of the icons. The lines are bolder. What do ya'll think?

Here's Feather's list icon from my last PR for convenience:

[dootMaster]

One solution would be to to invert the old Feather list icon via the transform in the style prop. I'm going to try it and post the result.

[dootMaster]

Here's what I came up with:

I did this by swapping back to Feather in the makeIcon function and passing in [{ scaleY: -1 }] to the transform.

[chrisbobbe]

One solution would be to to invert the old Feather list icon via the transform in the style prop. I'm going to try it and post the result.

Huh, interesting! Sure, that seems fine; thanks for the screenshot!

[gnprice]

Agreed -- @dootMaster, I'd be glad to see a version of this PR that does what you showed in that last screenshot 🙂