refactor(DsfrCard): ♻️ utilise defineSlots et corrige optional chaining

- Améliorer la documentation des slots avec JSDoc
- Corriger l'utilisation non sécurisée de l'optional chaining dans goToTargetLink

- Ajout de defineSlots avec JSDoc pour start-details et end-details
- Refactorisation de goToTargetLink pour éviter les erreurs avec optional chaining
- Ajout du contrôle select pour titleTag avec options h1-h6 dans les stories

Author: laruiss

src/components/DsfrCard/DsfrCard.vue

@@ -27,6 +27,20 @@ const props = withDefaults(defineProps<DsfrCardProps>(), {
   imgRatio: 'md',
 })
 
+/**
+ * Slots disponibles pour DsfrCard
+ */
+defineSlots<{
+  /**
+   * Slot pour ajouter du contenu au début des détails (ex: tags, badges)
+   */
+  'start-details': () => any
+  /**
+   * Slot pour ajouter du contenu à la fin des détails
+   */
+  'end-details': () => any
+}>()
+
 const sm = computed(() => {
   return ['sm', 'small'].includes(props.size)
 })
@@ -46,7 +60,8 @@ const externalLink = computed(() => {
 
 const titleElt = ref<HTMLElement | null>(null)
 const goToTargetLink = () => {
-  (titleElt.value?.querySelector('.fr-card__link') as HTMLDivElement).click()
+  const link = titleElt.value?.querySelector('.fr-card__link') as HTMLDivElement | null
+  link?.click()
 }
 defineExpose({ goToTargetLink })
 </script>