Restore "chats" name and icon

app/soapbox/components/sidebar-navigation.tsx

@@ -87,10 +87,10 @@ const SidebarNavigation = () => {
       return (
         <SidebarNavigationLink
           to='/chats'
-          icon={require('@tabler/icons/mail.svg')}
+          icon={require('@tabler/icons/messages.svg')}
           count={unreadChatsCount}
           countMax={9}
-          text={<FormattedMessage id='navigation.direct_messages' defaultMessage='Messages' />}
+          text={<FormattedMessage id='navigation.chats' defaultMessage='Chats' />}
         />
       );
     }

app/soapbox/components/thumb-navigation.tsx

@@ -18,8 +18,8 @@ const ThumbNavigation: React.FC = (): JSX.Element => {
     if (features.chats) {
       return (
         <ThumbNavigationLink
-          src={require('@tabler/icons/mail.svg')}
-          text={<FormattedMessage id='navigation.direct_messages' defaultMessage='Messages' />}
+          src={require('@tabler/icons/messages.svg')}
+          text={<FormattedMessage id='navigation.chats' defaultMessage='Chats' />}
           to='/chats'
           exact
           count={unreadChatsCount}