[workbench] Improve accessibility recommendations and tools (#31221)

GitOrigin-RevId: 04890c2618a70d90a1d3ef1998c16b599e1dff84

services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx

@@ -6,8 +6,8 @@ import type { ProjectSettings } from '../utils/api'
 import { UserSettings } from '../../../../../types/user-settings'
 
 type ProjectSettingsSetterContextValue = {
-  setCompiler: (compiler: ProjectSettings['compiler']) => void
-  setImageName: (imageName: ProjectSettings['imageName']) => void
+  setCompiler: (compiler: ProjectSettings['compiler']) => Promise<void>
+  setImageName: (imageName: ProjectSettings['imageName']) => Promise<void>
   setRootDocId: (rootDocId: ProjectSettings['rootDocId']) => void
   setSpellCheckLanguage: (
     spellCheckLanguage: ProjectSettings['spellCheckLanguage']

services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx

@@ -12,15 +12,19 @@ export default function useProjectWideSettings() {
   const saveProjectSettings = useSaveProjectSettings()
 
   const setCompiler = useCallback(
-    (newCompiler: ProjectSettings['compiler']) => {
-      saveProjectSettings('compiler', newCompiler).catch(debugConsole.error)
+    async (newCompiler: ProjectSettings['compiler']) => {
+      await saveProjectSettings('compiler', newCompiler).catch(
+        debugConsole.error
+      )
     },
     [saveProjectSettings]
   )
 
   const setImageName = useCallback(
-    (newImageName: ProjectSettings['imageName']) => {
-      saveProjectSettings('imageName', newImageName).catch(debugConsole.error)
+    async (newImageName: ProjectSettings['imageName']) => {
+      await saveProjectSettings('imageName', newImageName).catch(
+        debugConsole.error
+      )
     },
     [saveProjectSettings]
   )