Merge pull request #34354 from overleaf/ab-update-focus-mode-icons

Update icons for opening and closing the focus mode

GitOrigin-RevId: f7d28dbfaa35eff3906ce5909b9ab88f53f4f7cf

services/web/frontend/js/features/ide-react/components/toolbar/change-layout-options.tsx

@@ -191,7 +191,7 @@ export default function ChangeLayoutOptions() {
               sendEvent('focus-mode-toggle', { focusMode: !focusMode })
             }}
             active={focusMode}
-            leadingIcon="self_improvement"
+            leadingIcon="crop_free"
             trailingIcon={
               <span className="d-flex align-items-center gap-2">
                 <SplitTestBadge

services/web/frontend/js/features/ide-react/components/toolbar/toolbar.tsx

@@ -96,7 +96,7 @@ export const Toolbar = () => {
               overlayProps={{ delay: 0, placement: 'bottom' }}
             >
               <OLIconButton
-                icon="close"
+                icon="close_fullscreen"
                 className="ide-redesign-toolbar-button-subdued ide-redesign-toolbar-button-icon"
                 onClick={handleExitFocusMode}
                 accessibilityLabel={t('exit_focus_mode')}