perf(texteditor): use placeholder into supportedFileTypes string

Author: habibayman

contentcuration/contentcuration/frontend/shared/views/TipTapEditor/TipTapEditor/TipTapEditorStrings.js

@@ -224,7 +224,7 @@ const MESSAGES = {
     context: 'Accessibility label for the button that opens the file picker.',
   },
   supportedFileTypes: {
-    message: 'Supported file types: ',
+    message: 'Supported file types: { extensions }',
     context: 'A list of supported image file formats.',
   },
   removeImage: {

contentcuration/contentcuration/frontend/shared/views/TipTapEditor/TipTapEditor/components/image/ImageUploadModal.vue

@@ -216,7 +216,7 @@
         const extensions = ACCEPTED_MIME_TYPES.map(type =>
           type.replace('image/', '').replace('svg+xml', 'svg'),
         );
-        return supportedFileTypes$() + extensions.join(', ');
+        return supportedFileTypes$({ extensions: extensions.join(', ') });
       });
 
       const instance = getCurrentInstance();