chore(ui): utilise le composant react-dsfr

#1618 (closed)

Meilleur typage, des fonctions utilitaires vraiment pratiques, trop bien !

https://github.com/codegouvfr/react-dsfr/issues/368

packages/ui/src/components/_ui/table-auto.tsx

@@ -96,11 +96,11 @@ export const TableAuto = defineComponent<Props>(props => {
 
   return () => (
     <div style={{ overflowX: 'auto' }}>
-      <div class={[fr.cx('fr-table')]}>
-        <div class={[fr.cx('fr-table__wrapper')]}>
+      <div class={[fr.cx('fr-table'), fr.cx('fr-table--no-scroll')]}>
+        <div class={[fr.cx('fr-table__wrapper')]} style={{ width: 'auto' }}>
           <div class={[fr.cx('fr-table__container')]}>
             <div class={[fr.cx('fr-table__content')]}>
-              <table style={{ display: 'table' }}>
+              <table style={{ display: 'table', width: '100%' }}>
                 <caption>{props.caption}</caption>
                 <thead>
                   <tr>