refactor(transcription): ♻️ modernise DsfrTranscription avec defineSlots et story CSF3

## Pourquoi les changements ont été faits :
- Moderniser le composant DsfrTranscription pour utiliser les dernières conventions Vue 3
- Améliorer la documentation des slots disponibles pour les développeurs
- Convertir la story Storybook au format CSF3 moderne pour une meilleure maintenabilité

## Quelles modifications ont été apportées :
- Ajout de defineSlots avec documentation du slot par défaut
- Conversion de la story Transcription au format CSF3 avec Meta/StoryObj
- Remplacement de data() par setup() dans la story
- Ajout du commentaire de documentation du DSFR dans la story
- Conservation de toute la logique de modal et de transcription existante

Author: laruiss

src/components/DsfrTranscription/DsfrTranscription.stories.ts

@@ -1,3 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/vue3'
+
 import { setup } from '@storybook/vue3-vite'
 
 import DsfrModal from '../DsfrModal/DsfrModal.vue'
@@ -10,10 +12,7 @@ setup((app) => {
   app.component('VIcon', VIcon)
 })
 
-/**
- * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/transcription)
- */
-export default {
+const meta = {
   component: DsfrTranscription,
   title: 'Composants/DsfrTranscription',
   argTypes: {
@@ -27,21 +26,35 @@ export default {
       description: 'Transcription du contenu de la vidéo',
     },
   },
-}
+} satisfies Meta<typeof DsfrTranscription>
 
-export const Transcription = (args) => ({
-  components: { DsfrTranscription, DsfrModal },
-  data () {
-    return args
-  },
-  template: `
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+/**
+ * [Voir quand l'utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/transcription)
+ */
+
+export const Transcription: Story = {
+  render: (args) => ({
+    components: { DsfrTranscription, DsfrModal },
+
+    setup () {
+      return args
+    },
+
+    template: `
     <DsfrTranscription
-      :title="title"
-      :content="content"
+      :id
+      :title
+      :content
     />
   `,
-})
-Transcription.args = {
-  title: 'Chats hiver',
-  content: 'Des chatons jouant dans la neige',
+  }),
+  args: {
+    title: 'Chats hiver',
+    content: 'Des chatons jouant dans la neige',
+    id: '123',
+  },
 }

src/components/DsfrTranscription/DsfrTranscription.vue

@@ -9,6 +9,14 @@ import DsfrModal from '../DsfrModal/DsfrModal.vue'
 
 export type { DsfrTranscriptionProps }
 
+defineSlots<{
+  /**
+   * Contenu de la transcription
+   * @default content prop
+   */
+  default?: () => any
+}>()
+
 const props = withDefaults(defineProps<DsfrTranscriptionProps>(), {
   id: () => useRandomId('transcription'),
   title: 'Titre de la vidéo',