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/icon.stories.tsx

 import { Meta, StoryFn } from '@storybook/vue3'
 import { DsfrIcon } from './icon'
-import { frIconClassNames } from '@codegouvfr/react-dsfr/fr/generatedFromCss/classNames'
+import { FrIconClassName } from '@codegouvfr/react-dsfr/fr/generatedFromCss/classNames'
 
 const meta: Meta = {
   title: 'Components/Ui/Icons',
@@ -8,7 +8,8 @@ const meta: Meta = {
 }
 export default meta
 
-export const AllDsfrIcons: StoryFn = () => (
+const iconsSamples: FrIconClassName[] = ['fr-icon-download-line', 'fr-icon-add-line', 'fr-icon-earth-fill']
+export const DsfrIconsSizes: StoryFn = () => (
   <div style="height:100%;width:100%;background:white">
     <table>
       <tr>
@@ -17,7 +18,7 @@ export const AllDsfrIcons: StoryFn = () => (
         <th>MD</th>
         <th>LG</th>
       </tr>
-      {frIconClassNames.map(iconName => (
+      {iconsSamples.map(iconName => (
         <tr>
           <td>{iconName}</td>
           <td>