Rename chats to messages

app/soapbox/components/sidebar-navigation.tsx

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

app/soapbox/components/thumb_navigation.tsx

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

app/soapbox/features/chats/index.tsx

@@ -12,7 +12,7 @@ import { Column } from '../../components/ui';
 import ChatList from './components/chat-list';
 
 const messages = defineMessages({
-  title: { id: 'column.chats', defaultMessage: 'Chats' },
+  title: { id: 'column.chats', defaultMessage: 'Messages' },
   searchPlaceholder: { id: 'chats.search_placeholder', defaultMessage: 'Start a chat with…' },
 });
 

app/soapbox/locales/en.json

@@ -194,7 +194,7 @@
   "column.birthdays": "Birthdays",
   "column.blocks": "Blocked users",
   "column.bookmarks": "Bookmarks",
-  "column.chats": "Chats",
+  "column.chats": "Messages",
   "column.community": "Local timeline",
   "column.crypto_donate": "Donate Cryptocurrency",
   "column.developers": "Developers",