refactor(identite_individual): Replace <div> & <p> sequence with <dl>

app/assets/stylesheets/demande.scss

@@ -8,10 +8,16 @@
 
   .champ-label {
     margin-bottom: 0;
+    padding-bottom: 0;
     font-size: 0.8rem;
     font-weight: 300;
   }
 
+  dt.champ-label::after {
+    content: ' :';
+    speak: none;
+  }
+
   .champ-content {
     padding: 0 0 0.5rem;
     font-weight: 600;
@@ -20,11 +26,6 @@
       font-weight: normal;
     }
 
-    p {
-      padding: 0;
-      margin: 0;
-    }
-
     ul {
       margin-block-start: 0;
     }

app/views/shared/dossiers/_identite_individual.html.haml

@@ -1,17 +1,17 @@
+%dl.fr-pl-0
+  .champ-row
+    %dt.champ-label= t('views.users.dossiers.identite.civility')
+    %dd.champ-content= dossier.individual.gender
 
-= render Dossiers::RowShowComponent.new(label: t('views.users.dossiers.identite.civility')) do |c|
-  - c.with_value do
-    %p= dossier.individual.gender
+  .champ-row
+    %dt.champ-label= t('views.users.dossiers.identite.first_name')
+    %dd.champ-content= dossier.individual.prenom
 
-= render Dossiers::RowShowComponent.new(label: t('views.users.dossiers.identite.first_name')) do |c|
-  - c.with_value do
-    %p= dossier.individual.prenom
+  .champ-row
+    %dt.champ-label= t('views.users.dossiers.identite.last_name')
+    %dd.champ-content= dossier.individual.nom
 
-= render Dossiers::RowShowComponent.new(label: t('views.users.dossiers.identite.last_name')) do |c|
-  - c.with_value do
-    %p= dossier.individual.nom
-
-- if dossier.individual.birthdate.present?
-  = render Dossiers::RowShowComponent.new(label: t('views.users.dossiers.identite.birthdate')) do |c|
-    - c.with_value do
-      %p= try_format_date(dossier.individual.birthdate)
+  - if dossier.individual.birthdate.present?
+    .champ-row
+      %dt.champ-label= t('views.users.dossiers.identite.birthdate')
+      %dd.champ-content= try_format_date(dossier.individual.birthdate)