Redesign: Update "Message" icon (#40507)

app/javascript/mastodon/features/compose/redesign/trigger.tsx

@@ -6,7 +6,7 @@ import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
 
 import {
-  ChatCircleIcon,
+  ChatCircleDotsIcon,
   NewspaperIcon,
   PenNibIcon,
 } from '@phosphor-icons/react';
@@ -136,7 +136,7 @@ export const ComposeRedesignButton: React.FC<{
         <MenuItem
           name='message'
           onClick={handleComposerOpen}
-          icon={ChatCircleIcon}
+          icon={ChatCircleDotsIcon}
         >
           <FormattedMessage
             id='compose.new.message'

app/javascript/mastodon/features/compose/redesign/visibility.tsx

@@ -3,7 +3,7 @@ import { useCallback, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import {
-  ChatCircleIcon,
+  ChatCircleDotsIcon,
   MagnifyingGlassIcon,
   NewspaperIcon,
   QuotesIcon,
@@ -277,7 +277,7 @@ const ComposeVisibilityMenu: React.FC = () => {
 
       <MenuItemDivider />
 
-      <MenuItem icon={ChatCircleIcon} onClick={handleSwitchToMessage}>
+      <MenuItem icon={ChatCircleDotsIcon} onClick={handleSwitchToMessage}>
         {isReply ? (
           <FormattedMessage
             id='compose.post.to_private_reply'

app/javascript/mastodon/features/navigation_panel/redesign/index.tsx

@@ -8,7 +8,7 @@ import {
   MagnifyingGlassIcon,
   RssSimpleIcon,
   BellIcon,
-  ChatCircleIcon,
+  ChatCircleDotsIcon,
   BookmarkSimpleIcon,
 } from '@phosphor-icons/react';
 
@@ -231,7 +231,7 @@ export const RedesignNavigationPanel: React.FC<{
                   <NavigationLink
                     stacked
                     to='/conversations'
-                    iconComponent={ChatCircleIcon}
+                    iconComponent={ChatCircleDotsIcon}
                   >
                     <FormattedMessage
                       id='tabs_bar.messages'

app/javascript/mastodon/features/navigation_panel/redesign/mobile_nav.tsx

@@ -6,7 +6,7 @@ import { useLocation } from 'react-router';
 
 import {
   BellIcon,
-  ChatCircleIcon,
+  ChatCircleDotsIcon,
   HouseIcon,
   MagnifyingGlassIcon,
 } from '@phosphor-icons/react';
@@ -56,7 +56,7 @@ export const RedesignMobileNavigation: React.FC = () => {
           >
             <FormattedMessage id='tabs_bar.search' defaultMessage='Search' />
           </MobileNavLink>
-          <MobileNavLink to='/conversations' iconComponent={ChatCircleIcon}>
+          <MobileNavLink to='/conversations' iconComponent={ChatCircleDotsIcon}>
             <FormattedMessage
               id='tabs_bar.messages'
               defaultMessage='Messages'