Merge pull request #21515 from overleaf/rd-review-icon

Update review icon in the editor header to use Material Symbols in BS5

GitOrigin-RevId: 14fec744e9bf52b3c37a82164ec3340b4a9a4e3a

services/web/frontend/js/features/editor-navigation-toolbar/components/track-changes-toggle-button.jsx

@@ -1,6 +1,8 @@
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { useTranslation } from 'react-i18next'
+import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
+import MaterialIcon from '@/shared/components/material-icon'
 
 function TrackChangesToggleButton({
   trackChangesIsOpen,
@@ -21,7 +23,10 @@ function TrackChangesToggleButton({
         className={classes}
         onMouseDown={onMouseDown}
       >
-        <i className="review-icon" />
+        <BootstrapVersionSwitcher
+          bs3={<i className="review-icon" />}
+          bs5={<MaterialIcon type="rate_review" className="align-middle" />}
+        />
         <p className="toolbar-label">{t('review')}</p>
       </button>
     </div>