Replace Dashboard - staff comments icon (#3028)

The badge icon was removed from material fonts.
There are several icons in this category that are
in flux on material's site. Lets keep a close eye
on this as it could mean other icons stop working
in future as well.

CORL-1184

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

src/core/client/admin/routes/Dashboard/components/TodayDashboardBox.tsx

@@ -9,7 +9,7 @@ import Loader from "./Loader";
 import styles from "./TodayDashboardBox.css";
 
 interface Props {
-  icon: "forum" | "close" | "badge" | "person_add" | "block";
+  icon: "forum" | "close" | "recent_actors" | "person_add" | "block";
   loading: boolean;
 }
 
@@ -28,7 +28,7 @@ const TodayDashboardBox: FunctionComponent<Props> = ({
             className={cn(styles.icon, {
               [styles.tealIcon]: icon === "forum",
               [styles.redIcon]: icon === "close" || icon === "block",
-              [styles.greyIcon]: icon === "badge",
+              [styles.greyIcon]: icon === "recent_actors",
               [styles.blueIcon]: icon === "person_add",
             })}
           >

src/core/client/admin/routes/Dashboard/sections/Today.tsx

@@ -89,7 +89,10 @@ const TodayTotals: FunctionComponent<Props> = ({ siteID, lastUpdated }) => {
             </Localized>
           </TodayCompareValue>
         </TodayDashboardBox>
-        <TodayDashboardBox icon="badge" loading={loading || totalLoading}>
+        <TodayDashboardBox
+          icon="recent_actors"
+          loading={loading || totalLoading}
+        >
           <TodayValue value={today?.comments.staff.toString()}>
             <Localized id="dashboard-today-staff-comments">
               Staff comments