refactor(DsfrSideMenuLink): ♻️ modernise le composant et convertit les stories en CSF3

## Pourquoi les changements ont été faits :
- Modernisation du composant DsfrSideMenuLink selon les conventions Vue 3
- Migration des stories Storybook vers le format CSF3 moderne
- Amélioration de la cohérence avec les autres composants du projet
- Centralisation des types dans le fichier DsfrSideMenu.types.ts

## Quelles modifications ont été apportées :
- Ajout du type DsfrSideMenuLinkProps dans DsfrSideMenu.types.ts
- Ajout de defineSlots avec documentation TypeScript pour le slot default
- Import du type depuis le fichier centralisé avec ordre correct des imports
- Conversion de la story au format CSF3 avec Meta/StoryObj et satisfies
- Migration de l'options API vers la Composition API avec setup()
- Structure moderne sans erreurs ESLint et TypeScript

Author: laruiss

src/components/DsfrSideMenu/DsfrSideMenu.types.ts

@@ -2,6 +2,11 @@ import type { RouteLocationRaw } from 'vue-router'
 
 export type DsfrSideMenuListItemProps = { active?: boolean }
 
+export type DsfrSideMenuLinkProps = {
+  active?: boolean
+  to: string
+}
+
 export type DsfrSideMenuProps = {
   buttonLabel?: string
   id?: string

src/components/DsfrSideMenu/DsfrSideMenuLink.stories.ts

@@ -1,9 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/vue3'
+
 import DsfrSideMenu from './DsfrSideMenu.vue'
 import DsfrSideMenuLink from './DsfrSideMenuLink.vue'
 import DsfrSideMenuList from './DsfrSideMenuList.vue'
 import DsfrSideMenuListItem from './DsfrSideMenuListItem.vue'
 
-export default {
+const meta = {
   component: DsfrSideMenuLink,
   title: 'Composants/DsfrSideMenuLink',
   argTypes: {
@@ -18,23 +20,28 @@ export default {
         'Indique si le lien correspond à la page courante (`true`) ou non (`false`)',
     },
   },
-}
+} satisfies Meta<typeof DsfrSideMenuLink>
 
-export const LienDansUnElementDeListeDeMenuLateral = (args) => ({
-  components: {
-    DsfrSideMenu,
-    DsfrSideMenuList,
-    DsfrSideMenuListItem,
-    DsfrSideMenuLink,
-  },
+export default meta
 
-  data () {
-    return {
-      ...args,
-    }
-  },
+type Story = StoryObj<typeof meta>
 
-  template: `
+export const LienDansUnElementDeListeDeMenuLateral: Story = {
+  render: (args) => ({
+    components: {
+      DsfrSideMenu,
+      DsfrSideMenuList,
+      DsfrSideMenuListItem,
+      DsfrSideMenuLink,
+    },
+
+    setup () {
+      return {
+        ...args,
+      }
+    },
+
+    template: `
   <DsfrSideMenu
     heading-title="Menu latéral exemplaire"
     buttonLabel="Bouton exemplaire"
@@ -51,9 +58,10 @@ export const LienDansUnElementDeListeDeMenuLateral = (args) => ({
     </DsfrSideMenuList>
   </DsfrSideMenu>
   `,
-})
-LienDansUnElementDeListeDeMenuLateral.args = {
-  active: false,
-  to: '/',
-  id: 'list-id',
+  }),
+  args: {
+    active: false,
+    to: '/',
+    id: 'list-id',
+  },
 }

src/components/DsfrSideMenu/DsfrSideMenuLink.vue

@@ -1,16 +1,18 @@
 <script lang="ts" setup>
+import type { DsfrSideMenuLinkProps } from './DsfrSideMenu.types'
+
 import { computed } from 'vue'
 
-export type DsfrSideMenuLinkProps = {
-  active?: boolean
-  to: string
-}
+export type { DsfrSideMenuLinkProps }
 
 const props = withDefaults(defineProps<DsfrSideMenuLinkProps>(), {
   to: '',
 })
 
-defineEmits<{ (e: 'toggle-expand', payload: string): void }>()
+defineSlots<{
+  /** Slot par défaut pour le contenu d'une liste du menu latéral */
+  default?: () => any
+}>()
 
 const isExternalLink = computed(() => {
   return typeof props.to === 'string' && props.to.startsWith('http')
@@ -30,7 +32,6 @@ const linkProps = computed(() => {
     class="fr-sidemenu__link"
     v-bind="linkProps"
   >
-    <!-- @slot Slot par défaut pour le contenu d’une liste du menu latéral -->
     <slot />
   </component>
 </template>