Merge pull request #31938 from overleaf/mj-loading-pane-light-in-system

[web] Fix bright loading pane in system theme

GitOrigin-RevId: 280044f7accc453187d1edd55f9baff1d9aa4280

services/web/frontend/js/features/ide-react/components/editor/editor-loading-pane.tsx

@@ -1,11 +1,11 @@
 import { FC, useMemo } from 'react'
 import LoadingSpinner from '@/shared/components/loading-spinner'
-import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
 import getMeta from '@/utils/meta'
 import classNames from 'classnames'
+import { useActiveEditorTheme } from '@/shared/hooks/use-active-editor-theme'
 
 export const EditorLoadingPane: FC = () => {
-  const { editorTheme } = useProjectSettingsContext()
+  const editorTheme = useActiveEditorTheme()
   const isDark = useMemo(() => {
     const themes = getMeta('ol-editorThemes') || []
     const legacyThemes = getMeta('ol-legacyEditorThemes') || []