refactor: Fixes DSFR UI on tables

src/app/views/protected/suivis/tableau-de-suivi/tableau-de-suivi.component.ts

@@ -9,9 +9,9 @@ import { WebsiteSummaryDto } from "../../../../rest/model/website-summary-dto";
         RouterLink,
     ],
     template: `
-        <table id="-table-26">
+        <table id="tableau-suivis">
             <caption>
-                Titre du tableau (caption)
+                Tableau des suivis
             </caption>
             <thead>
                 <tr>
@@ -24,31 +24,31 @@ import { WebsiteSummaryDto } from "../../../../rest/model/website-summary-dto";
                             Nom du suivi renseigné lors de la création du suivi de site
                         </span>
                     </th>
-                    <th> 
-                        Nb URL erreur 
+                    <th class="fr-cell--right"> 
+                        URL en erreur
                         <button class="fr-btn--tooltip fr-btn" type="button" id="button-erreur" aria-describedby="tooltip-erreur">    
                             Information contextuelle
                         </button>
                         <span class="fr-tooltip fr-placement" id="tooltip-erreur" role="tooltip" aria-hidden="true">
-                            Conglomérat des url remontées lié au suivi, deux symboles sont possibles, un symbole rouge qui indique des anomalies dans le suivi, un symbole vert  qui indique que le suivi s'est bien passé.
+                            Ensemble des URL remontées après analyse du suivi : les anomalies sont indiquées par une alerte rouge, la réussite de l'analyse est en vert
                         </span>
                     </th>
-                    <th> 
-                        Nb URL total
+                    <th class="fr-cell--right"> 
+                        Total URL
                         <button class="fr-btn--tooltip fr-btn" type="button" id="button-total" aria-describedby="tooltip-total">    
                             Information contextuelle
                         </button>
                         <span class="fr-tooltip fr-placement" id="tooltip-total" role="tooltip" aria-hidden="true">
-                            Total des URL analysées par MISIS pour un suivi de site.
+                            Total des URL analysées par MISIS pour un suivi de site
                         </span>
                     </th>
-                    <th> 
-                        Nb Groupe 
+                    <th class="fr-cell--right"> 
+                        Groupes
                         <button class="fr-btn--tooltip fr-btn" type="button" id="button-groupe" aria-describedby="tooltip-groupe">    
                             Information contextuelle
                         </button>
                         <span class="fr-tooltip fr-placement" id="tooltip-groupe" role="tooltip" aria-hidden="true">
-                            Nombre de groupe de pages créé pour le suivi du site
+                            Nombre de groupes de pages créés pour le suivi du site
                         </span>
                     </th>
                     <th> 
@@ -86,7 +86,7 @@ import { WebsiteSummaryDto } from "../../../../rest/model/website-summary-dto";
                             </td>
                             <td>
                                 <button
-                                    class="fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-arrow-right-line"
+                                    class="fr-btn fr-btn--sm fr-btn--secondary fr-btn--icon-right fr-icon-arrow-right-line"
                                     [routerLink]="['detail', suivi.id!]"
                                     title="Accéder aux détails"
                                     [disabled]="suivi.pageCount == 0"