Merge pull request #36470 from overleaf/mj-themed-uppy-figure-modal

[web] Use themed uppy in figure modal

GitOrigin-RevId: 54e92a40516a947befdd4d1f758dae631703672f

services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx

@@ -19,6 +19,7 @@ import OLFormGroup from '@/shared/components/ol/ol-form-group'
 import OLButton from '@/shared/components/ol/ol-button'
 import MaterialIcon from '@/shared/components/material-icon'
 import OLSpinner from '@/shared/components/ol/ol-spinner'
+import { useActiveOverallTheme } from '@/shared/hooks/use-active-overall-theme'
 
 /* eslint-disable no-unused-vars */
 export enum FileUploadStatus {
@@ -64,6 +65,7 @@ export const FigureModalUploadFileSource: FC = () => {
         fieldName: 'qqfile', // "qqfile" field inherited from FineUploader
       })
   )
+  const uppyTheme = useActiveOverallTheme('themed-modals')
 
   const dispatchUploadAction = useCallback(
     (name?: string, file?: UppyFile | null, folder?: File | null) => {
@@ -233,6 +235,7 @@ export const FigureModalUploadFileSource: FC = () => {
               proudlyDisplayPoweredByUppy={false}
               showSelectedFiles={false}
               hideUploadButton
+              theme={uppyTheme}
               locale={{
                 strings: {
                   // Text to show on the droppable area.