docs: update readme for AdditionalTranslationsComponentSlot (#2321)

src/plugin-slots/AdditionalCourseContentPluginSlot/README.md

@@ -3,4 +3,4 @@
 ### Slot ID: `org.openedx.frontend.authoring.additional_course_content_plugin.v1`
 
 ### Slot ID Aliases
-* `additional_course_content_plugin`
+* `additional_course_content_plugin`

src/plugin-slots/AdditionalTranslationsComponentSlot/README.md

@@ -13,3 +13,54 @@
 * `additionalProps` - Object
   * `transcriptType` - String
   * `isAiTranslationsEnabled` - Boolean
+
+ 
+## Description
+
+This slot is used to add a custom block in the **Video Transcription Settings** drawer.
+
+## Example
+
+The following `env.config.jsx` will add a custom transcript option in the Transcript Settings drawer.
+
+![Screenshot of the unit sidebar surrounded by border](./images/additional-translation-example.png)
+
+```jsx
+import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-framework';
+import { Collapsible, Icon } from '@openedx/paragon';
+import { ChevronRight } from '@openedx/paragon/icons';
+
+const TranslationsBlock = ({ setIsAiTranslations, courseId }) => (
+  <div key="transcript-type-selection" className="mt-3">
+    <Collapsible.Advanced
+      onOpen={() => setIsAiTranslations(courseId === 'anyId')}
+    >
+      <Collapsible.Trigger
+        className="row m-0 justify-content-between align-items-center"
+      >
+        Custom transcript 💬
+        <Icon src={ChevronRight} />
+      </Collapsible.Trigger>
+    </Collapsible.Advanced>
+  </div>
+);
+
+const config = {
+  pluginSlots: {
+    'org.openedx.frontend.authoring.video_transcript_additional_translations_component.v1': {
+      plugins: [
+        {
+          op: PLUGIN_OPERATIONS.Insert,
+          widget: {
+            id: 'custom_additional_translation_id',
+            type: DIRECT_PLUGIN,
+            RenderWidget: TranslationsBlock,
+          },
+        },
+      ],
+    },
+  },
+}
+
+export default config;
+```