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

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

Fixes: zulip#5303

Author: Leslie Ngo

src/common/Icons.js

@@ -108,3 +108,4 @@ export const IconGroup: SpecificIconType = makeIcon(FontAwesome, 'group');
 export const IconPlus: SpecificIconType = makeIcon(Feather, 'plus');
 // eslint-disable-next-line react/function-component-definition
 export const IconWebPublic: SpecificIconType = props => <ZulipIcon name="globe" {...props} />;
+export const IconAllMessages: SpecificIconType = makeIcon(FontAwesome, 'align-left');

src/main/HomeScreen.js

@@ -16,7 +16,7 @@ import { BRAND_COLOR, createStyleSheet } from '../styles';
 import LoadingBanner from '../common/LoadingBanner';
 import ServerCompatBanner from '../common/ServerCompatBanner';
 import ServerPushSetupBanner from '../common/ServerPushSetupBanner';
-import { Icon } from '../common/Icons';
+import { IconAllMessages } from '../common/Icons';
 
 const styles = createStyleSheet({
   wrapper: {
@@ -46,7 +46,7 @@ export default function HomeScreen(props: Props): Node {
             dispatch(doNarrow(HOME_NARROW));
           }}
         >
-          <Icon size={24} style={{ textAlign: 'center' }} color={BRAND_COLOR} name="globe" />
+          <IconAllMessages size={24} style={{ textAlign: 'center' }} color={BRAND_COLOR} />
         </TopTabButtonGeneral>
         <TopTabButton
           name="star"